{"id":2,"date":"2026-08-29T05:36:06","date_gmt":"2026-08-29T05:36:06","guid":{"rendered":"https:\/\/ambaraalayaa.com\/?page_id=2"},"modified":"2026-08-29T06:43:56","modified_gmt":"2026-08-29T06:43:56","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/ambaraalayaa.com\/index.php\/sample-page\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>Ambaralayaa | Coming Soon<\/title>\n\n<!-- Google Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&#038;family=Montserrat:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* =========================================\n   RESET\n========================================= *\/\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml,\nbody {\n    width: 100%;\n    min-height: 100%;\n}\n\nbody {\n    font-family: 'Montserrat', sans-serif;\n    background: #f6f0e7;\n}\n\n\n\/* =========================================\n   MAIN PAGE\n========================================= *\/\n\n.ambaralayaa-construction {\n    min-height: 100vh;\n    display: flex;\n    overflow: hidden;\n    background:\n        radial-gradient(\n            circle at 80% 20%,\n            rgba(214, 154, 84, 0.12),\n            transparent 28%\n        ),\n        linear-gradient(\n            135deg,\n            #f7f2ea 0%,\n            #efe5d7 100%\n        );\n}\n\n\n\/* =========================================\n   LEFT IMAGE SECTION\n========================================= *\/\n\n.ambaralayaa-image {\n    width: 42%;\n    min-height: 100vh;\n    position: relative;\n    overflow: hidden;\n}\n\n.ambaralayaa-image img {\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n    object-fit: cover;\n    object-position: center;\n    display: block;\n}\n\n\/* Soft overlay *\/\n\n.ambaralayaa-image::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n\n    background: linear-gradient(\n        90deg,\n        rgba(30, 15, 5, 0.05),\n        rgba(30, 15, 5, 0.02),\n        rgba(246, 240, 231, 0.25)\n    );\n}\n\n\n\/* =========================================\n   RIGHT CONTENT SECTION\n========================================= *\/\n\n.ambaralayaa-content {\n    width: 58%;\n    min-height: 100vh;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 50px;\n\n    position: relative;\n}\n\n.ambaralayaa-content::before {\n    content: \"\";\n    position: absolute;\n\n    width: 400px;\n    height: 400px;\n\n    border-radius: 50%;\n\n    background: rgba(199, 109, 46, 0.06);\n\n    filter: blur(50px);\n\n    top: -100px;\n    right: -100px;\n}\n\n\n\/* =========================================\n   CONTENT WRAPPER\n========================================= *\/\n\n.content-inner {\n    max-width: 720px;\n    width: 100%;\n\n    text-align: center;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================\n   LOGO\n========================================= *\/\n\n.brand-logo {\n    max-width: 300px;\n    width: 100%;\n    margin: 0 auto 35px;\n}\n\n.brand-logo img {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n\n\n\/* =========================================\n   HEADINGS\n========================================= *\/\n\n.small-title {\n    font-family: 'Cormorant Garamond', serif;\n\n    font-size: 42px;\n    font-weight: 500;\n\n    color: #252525;\n\n    margin-bottom: 0;\n}\n\n.main-title {\n    font-family: 'Cormorant Garamond', serif;\n\n    font-size: clamp(60px, 6vw, 100px);\n\n    font-weight: 500;\n\n    color: #b84b19;\n\n    line-height: 0.95;\n\n    margin-bottom: 30px;\n}\n\n\n\/* =========================================\n   DIVIDER\n========================================= *\/\n\n.divider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 15px;\n\n    margin: 20px 0 30px;\n}\n\n.divider::before,\n.divider::after {\n    content: \"\";\n\n    width: 120px;\n    height: 1px;\n\n    background: #c78a5b;\n}\n\n.divider span {\n    color: #b84b19;\n    font-size: 22px;\n}\n\n\n\/* =========================================\n   DESCRIPTION\n========================================= *\/\n\n.description {\n    max-width: 520px;\n\n    margin: 0 auto 35px;\n\n    font-size: 18px;\n    line-height: 1.7;\n\n    color: #555;\n}\n\n\n\/* =========================================\n   COUNTDOWN BOX\n========================================= *\/\n\n.countdown-wrapper {\n\n    border: 1px solid rgba(184, 75, 25, 0.25);\n\n    border-radius: 22px;\n\n    padding: 25px;\n\n    background: rgba(255, 255, 255, 0.22);\n\n    backdrop-filter: blur(8px);\n\n    margin-bottom: 35px;\n}\n\n.countdown-heading {\n    font-size: 20px;\n    color: #333;\n\n    margin-bottom: 20px;\n}\n\n.countdown {\n    display: grid;\n\n    grid-template-columns: repeat(4, 1fr);\n\n    gap: 15px;\n}\n\n.countdown-box {\n\n    border: 1px solid rgba(184, 75, 25, 0.18);\n\n    border-radius: 15px;\n\n    padding: 18px 10px;\n\n    background: rgba(255, 255, 255, 0.28);\n}\n\n.countdown-box span {\n\n    display: block;\n\n    font-family: 'Cormorant Garamond', serif;\n\n    font-size: 44px;\n\n    font-weight: 600;\n\n    color: #a94116;\n\n    line-height: 1;\n}\n\n.countdown-box small {\n\n    display: block;\n\n    margin-top: 10px;\n\n    color: #666;\n\n    font-size: 12px;\n\n    text-transform: uppercase;\n\n    letter-spacing: 1px;\n}\n\n\n\/* =========================================\n   CONTACT\n========================================= *\/\n\n.contact-details {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    flex-wrap: wrap;\n\n    gap: 15px;\n\n    font-size: 16px;\n\n    color: #444;\n}\n\n.contact-details a {\n\n    color: #444;\n\n    text-decoration: none;\n\n    transition: 0.3s ease;\n}\n\n.contact-details a:hover {\n    color: #b84b19;\n}\n\n.contact-divider {\n\n    width: 1px;\n    height: 25px;\n\n    background: rgba(0,0,0,0.2);\n}\n\n\n\/* =========================================\n   SOCIAL ICONS\n========================================= *\/\n\n.social-links {\n\n    margin-top: 28px;\n\n    display: flex;\n\n    justify-content: center;\n\n    gap: 15px;\n}\n\n.social-links a {\n\n    width: 42px;\n    height: 42px;\n\n    border: 1px solid rgba(0,0,0,0.35);\n\n    border-radius: 50%;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    color: #333;\n\n    text-decoration: none;\n\n    font-size: 16px;\n\n    transition: all 0.3s ease;\n}\n\n.social-links a:hover {\n\n    background: #b84b19;\n\n    color: #fff;\n\n    border-color: #b84b19;\n\n    transform: translateY(-3px);\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 900px) {\n\n    .ambaralayaa-construction {\n        flex-direction: column;\n    }\n\n    .ambaralayaa-image {\n\n        width: 100%;\n\n        height: 48vh;\n\n        min-height: 400px;\n    }\n\n    .ambaralayaa-image img {\n\n        min-height: 400px;\n\n        object-position: top center;\n    }\n\n    .ambaralayaa-content {\n\n        width: 100%;\n\n        min-height: auto;\n\n        padding: 60px 25px;\n    }\n\n}\n\n\n@media (max-width: 600px) {\n\n    .ambaralayaa-image {\n        height: 42vh;\n        min-height: 320px;\n    }\n\n    .ambaralayaa-image img {\n        min-height: 320px;\n    }\n\n    .brand-logo {\n        max-width: 230px;\n    }\n\n    .small-title {\n        font-size: 32px;\n    }\n\n    .main-title {\n        font-size: 58px;\n    }\n\n    .description {\n        font-size: 15px;\n    }\n\n    .countdown-wrapper {\n        padding: 20px 12px;\n    }\n\n    .countdown {\n        gap: 8px;\n    }\n\n    .countdown-box {\n        padding: 15px 5px;\n    }\n\n    .countdown-box span {\n        font-size: 32px;\n    }\n\n    .countdown-box small {\n        font-size: 9px;\n    }\n\n    .contact-details {\n        flex-direction: column;\n    }\n\n    .contact-divider {\n        display: none;\n    }\n\n}\n\n<\/style>\n<\/head>\n\n\n<body>\n\n\n<div class=\"ambaralayaa-construction\">\n\n\n    <!-- =====================================\n         LEFT SIDE MODEL IMAGE\n    ====================================== -->\n\n    <div class=\"ambaralayaa-image\">\n\n        <!-- REPLACE THIS IMAGE URL -->\n\n        <img decoding=\"async\"\n            src=\"YOUR-MODEL-IMAGE-URL-HERE\"\n            alt=\"Ambaralayaa Saree Collection\"\n        >\n\n    <\/div>\n\n\n\n    <!-- =====================================\n         RIGHT SIDE CONTENT\n    ====================================== -->\n\n    <div class=\"ambaralayaa-content\">\n\n        <div class=\"content-inner\">\n\n\n            <!-- LOGO -->\n\n            <div class=\"brand-logo\">\n\n                <!-- REPLACE WITH YOUR LOGO URL -->\n\n                <img decoding=\"async\"\n                    src=\"YOUR-LOGO-IMAGE-URL-HERE\"\n                    alt=\"Ambaralayaa - Abode of Clothes\"\n                >\n\n            <\/div>\n\n\n\n            <!-- HEADINGS -->\n\n            <h2 class=\"small-title\">\n                We Are\n            <\/h2>\n\n            <h1 class=\"main-title\">\n                Under Construction\n            <\/h1>\n\n\n\n            <!-- DIVIDER -->\n\n            <div class=\"divider\">\n                <span>\u2726<\/span>\n            <\/div>\n\n\n\n            <!-- DESCRIPTION -->\n\n            <p class=\"description\">\n\n                We are working hard to bring you a beautiful\n                new shopping experience.\n\n                <br>\n\n                Stay tuned!\n\n            <\/p>\n\n\n\n            <!-- COUNTDOWN -->\n\n            <div class=\"countdown-wrapper\">\n\n                <p class=\"countdown-heading\">\n                    We&#8217;ll be back soon!\n                <\/p>\n\n\n                <div class=\"countdown\">\n\n\n                    <div class=\"countdown-box\">\n\n                        <span id=\"days\">00<\/span>\n\n                        <small>Days<\/small>\n\n                    <\/div>\n\n\n                    <div class=\"countdown-box\">\n\n                        <span id=\"hours\">00<\/span>\n\n                        <small>Hours<\/small>\n\n                    <\/div>\n\n\n                    <div class=\"countdown-box\">\n\n                        <span id=\"minutes\">00<\/span>\n\n                        <small>Minutes<\/small>\n\n                    <\/div>\n\n\n                    <div class=\"countdown-box\">\n\n                        <span id=\"seconds\">00<\/span>\n\n                        <small>Seconds<\/small>\n\n                    <\/div>\n\n\n                <\/div>\n\n            <\/div>\n\n\n\n            <!-- CONTACT -->\n\n            <div class=\"contact-details\">\n\n\n                <!-- CHANGE EMAIL -->\n\n                <a href=\"mailto:info@ambaralayaa.com\">\n                    \u2709 info@ambaralayaa.com\n                <\/a>\n\n\n                <div class=\"contact-divider\"><\/div>\n\n\n                <!-- CHANGE PHONE NUMBER -->\n\n                <a href=\"tel:+919876543210\">\n                    \u260e +91 98765 43210\n                <\/a>\n\n\n            <\/div>\n\n\n\n            <!-- SOCIAL MEDIA -->\n\n            <div class=\"social-links\">\n\n\n                <!-- CHANGE # WITH YOUR LINKS -->\n\n                <a href=\"#\" target=\"_blank\">\n                    \u25ce\n                <\/a>\n\n\n                <a href=\"#\" target=\"_blank\">\n                    f\n                <\/a>\n\n\n                <a href=\"#\" target=\"_blank\">\n                    \u25c9\n                <\/a>\n\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\n\n\n\n<script>\n\n\/* =========================================\n   COUNTDOWN DATE\n\n   CHANGE THIS DATE TO YOUR LAUNCH DATE\n\n   FORMAT:\n   Month Day, Year Hour:Minute:Second\n\n   Example:\n   December 31, 2026 10:00:00\n========================================= *\/\n\nconst launchDate = new Date(\n    \"December 31, 2026 10:00:00\"\n).getTime();\n\n\n\nconst countdownInterval = setInterval(function () {\n\n\n    const now = new Date().getTime();\n\n\n    const distance = launchDate - now;\n\n\n\n    \/* IF LAUNCH DATE IS REACHED *\/\n\n    if (distance <= 0) {\n\n        clearInterval(countdownInterval);\n\n        document.getElementById(\"days\").innerHTML = \"00\";\n\n        document.getElementById(\"hours\").innerHTML = \"00\";\n\n        document.getElementById(\"minutes\").innerHTML = \"00\";\n\n        document.getElementById(\"seconds\").innerHTML = \"00\";\n\n        return;\n    }\n\n\n\n    \/* CALCULATIONS *\/\n\n    const days = Math.floor(\n        distance \/ (1000 * 60 * 60 * 24)\n    );\n\n\n    const hours = Math.floor(\n        (distance % (1000 * 60 * 60 * 24))\n        \/ (1000 * 60 * 60)\n    );\n\n\n    const minutes = Math.floor(\n        (distance % (1000 * 60 * 60))\n        \/ (1000 * 60)\n    );\n\n\n    const seconds = Math.floor(\n        (distance % (1000 * 60))\n        \/ 1000\n    );\n\n\n\n    \/* DISPLAY *\/\n\n    document.getElementById(\"days\").innerHTML =\n        String(days).padStart(2, \"0\");\n\n\n    document.getElementById(\"hours\").innerHTML =\n        String(hours).padStart(2, \"0\");\n\n\n    document.getElementById(\"minutes\").innerHTML =\n        String(minutes).padStart(2, \"0\");\n\n\n    document.getElementById(\"seconds\").innerHTML =\n        String(seconds).padStart(2, \"0\");\n\n\n}, 1000);\n\n\n<\/script>\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Ambaralayaa | Coming Soon We Are Under Construction \u2726 We are working hard to bring you a beautiful new shopping experience. Stay tuned! We&#8217;ll be back soon! 00 Days 00 Hours 00 Minutes 00 Seconds \u2709 info@ambaralayaa.com \u260e +91 98765 43210 \u25ce f \u25c9<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":1,"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/ambaraalayaa.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}