{"id":2,"date":"2026-09-04T13:03:29","date_gmt":"2026-09-04T13:03:29","guid":{"rendered":"https:\/\/sophorasunshades.com\/?page_id=2"},"modified":"2026-09-04T13:06:18","modified_gmt":"2026-09-04T13:06:18","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/sophorasunshades.com\/eng\/sample-page\/","title":{"rendered":""},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Sophora Sun Shades \u2014 Our Website is Being Renewed<\/title>\n  <meta name=\"description\" content=\"Sophora Sun Shades \u2014 Our website is being renewed.\" \/>\n  <meta name=\"theme-color\" content=\"#ffffff\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&#038;family=Italiana&#038;display=swap\" rel=\"stylesheet\" \/>\n  <style>\n:root {\n  --paper: #ffffff;\n  --slate: #120B09;\n  --slate-deep: #18100E;\n  --mist: #C8A366;\n  --ink: #323E48;\n  --font-display: \"Italiana\", \"Cormorant Garamond\", Georgia, serif;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nhtml,\nbody {\n  height: 100%;\n}\n\nbody {\n  min-height: 100vh;\n  min-height: 100dvh;\n  background: var(--paper);\n  color: var(--ink);\n  -webkit-font-smoothing: antialiased;\n  overflow: hidden;\n}\n\n.intro {\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: grid;\n  place-items: center;\n  pointer-events: none;\n  animation: intro-exit 0.01s linear 3.35s forwards;\n}\n\n.intro-wipe {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 50%;\n  background: var(--slate);\n  z-index: 1;\n}\n\n.wipe-left {\n  left: 0;\n  animation: wipe-out-left 0.9s cubic-bezier(0.77, 0, 0.18, 1) 2.2s forwards;\n}\n\n.wipe-right {\n  right: 0;\n  animation: wipe-out-right 0.9s cubic-bezier(0.77, 0, 0.18, 1) 2.2s forwards;\n}\n\n.intro-mark {\n  position: relative;\n  width: min(220px, 54vw);\n  z-index: 2;\n  animation: mark-fade 0.45s ease 2.1s forwards;\n}\n\n.intro-mark img {\n  width: 100%;\n  height: auto;\n  display: block;\n  filter: grayscale(1) brightness(0) invert(1);\n}\n\n.intro-ghost {\n  opacity: 0.18;\n}\n\n.intro-fill {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  clip-path: inset(100% 0 0 0);\n  animation: logo-fill 2s cubic-bezier(0.22, 0.7, 0.28, 1) forwards;\n}\n\n.stage {\n  min-height: 100vh;\n  min-height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 1.5rem;\n  padding: 2rem;\n  text-align: center;\n  background: #ffffff;\n}\n\n.brand-logo {\n  width: min(320px, 72vw);\n  height: auto;\n  opacity: 0;\n  transform: translateY(14px) scale(0.97);\n  animation: rise 0.95s cubic-bezier(0.22, 1, 0.36, 1) 2.55s forwards;\n}\n\n.message {\n  font-family: var(--font-display);\n  font-size: clamp(1.25rem, 3vw, 1.75rem);\n  font-weight: 400;\n  letter-spacing: 0.04em;\n  color: var(--ink);\n  opacity: 0;\n  transform: translateY(12px);\n  animation: rise 0.95s cubic-bezier(0.22, 1, 0.36, 1) 2.8s forwards;\n}\n\n.email {\n  font-family: var(--font-display);\n  font-size: clamp(1rem, 2.4vw, 1.2rem);\n  font-weight: 400;\n  letter-spacing: 0.06em;\n  color: var(--slate-deep);\n  text-decoration: none;\n  margin-top: -0.35rem;\n  border-bottom: 1px solid transparent;\n  opacity: 0;\n  transform: translateY(12px);\n  animation: rise 0.95s cubic-bezier(0.22, 1, 0.36, 1) 3s forwards;\n  transition: border-color 0.25s ease, color 0.25s ease;\n}\n\n.email:hover,\n.email:focus-visible {\n  color: var(--ink);\n  border-bottom-color: var(--mist);\n  outline: none;\n}\n\n@keyframes logo-fill {\n  to {\n    clip-path: inset(0 0 0 0);\n  }\n}\n\n@keyframes mark-fade {\n  to {\n    opacity: 0;\n    transform: scale(1.06);\n  }\n}\n\n@keyframes wipe-out-left {\n  to {\n    transform: translateX(-105%);\n  }\n}\n\n@keyframes wipe-out-right {\n  to {\n    transform: translateX(105%);\n  }\n}\n\n@keyframes intro-exit {\n  to {\n    visibility: hidden;\n  }\n}\n\n@keyframes rise {\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .intro {\n    display: none;\n  }\n\n  .brand-logo,\n  .message,\n  .email {\n    animation: none;\n    opacity: 1;\n    transform: none;\n  }\n}\n  <\/style>\n<\/head>\n<body>\n  <div class=\"intro\" aria-hidden=\"true\">\n    <div class=\"intro-mark\">\n      <img decoding=\"async\" class=\"intro-ghost\" src=\"logo.svg\" alt=\"\">\n      <img decoding=\"async\" class=\"intro-fill\" src=\"logo.svg\" alt=\"\">\n    <\/div>\n    <div class=\"intro-wipe wipe-left\"><\/div>\n    <div class=\"intro-wipe wipe-right\"><\/div>\n  <\/div>\n\n  <main class=\"stage\">\n    <img loading=\"lazy\" decoding=\"async\" class=\"brand-logo\" src=\"logo.svg\" alt=\"Sophora Sun Shades\" width=\"281\" height=\"78\" \/>\n    <p class=\"message\">Our website is being renewed<\/p>\n    <a class=\"email\" href=\"mailto:info@sophorasunshades.com\">info@sophorasunshades.com<\/a>\n  <\/main>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Sophora Sun Shades \u2014 Our Website is Being Renewed Our website is being renewed info@sophorasunshades.com<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1,"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/pages\/2\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/sophorasunshades.com\/eng\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}