{"id":10,"date":"2026-06-30T12:56:42","date_gmt":"2026-06-30T12:56:42","guid":{"rendered":"https:\/\/theflorist.ae\/?page_id=10"},"modified":"2026-06-30T14:04:03","modified_gmt":"2026-06-30T14:04:03","slug":"home","status":"publish","type":"page","link":"https:\/\/theflorist.ae\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \r\n\r\n The Florist Dubai \u2014 Blooming Soon | Premium Floral Boutique<\/title>\r\n <meta name=\"description\" content=\"The Florist Dubai is a premium floral boutique crafting elegant, luxury arrangements. Something beautiful is coming soon.\">\r\n <meta name=\"keywords\" content=\"luxury flowers dubai, premium florist dubai, floral boutique, flower delivery dubai, elegant flowers\">\r\n\r\n <!-- Open Graph -->\r\n <meta property=\"og:title\" content=\"The Florist Dubai \u2014 Blooming Soon\">\r\n <meta property=\"og:description\" content=\"A premium floral experience is on its way.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n\r\n <!-- Favicon -->\r\n <link rel=\"icon\" type=\"image\/svg+xml\" href=\"data:image\/svg+xml,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>\ud83c\udf38<\/text><\/svg>\">\r\n\r\n <!-- Google Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n \/* =========================================================\r\n THE FLORIST \u2014 Premium Coming Soon Stylesheet\r\n Aesthetic: Elegant \u00b7 Luxury \u00b7 Modern \u00b7 Minimal\r\n ========================================================= *\/\r\n\r\n \/* ---------- CSS VARIABLES ---------- *\/\r\n :root {\r\n --color-primary: #FFFFFF;\r\n --color-secondary: #F8F5F2;\r\n --color-accent: #234032;\r\n --color-gold: #C9A227;\r\n --color-text: #222222;\r\n --color-muted: #6b6b6b;\r\n\r\n --bg: var(--color-secondary);\r\n --surface: rgba(255, 255, 255, 0.55);\r\n --surface-border: rgba(35, 64, 50, 0.12);\r\n --text: var(--color-text);\r\n --text-muted: var(--color-muted);\r\n --accent: var(--color-accent);\r\n --gold: var(--color-gold);\r\n\r\n --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;\r\n --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n\r\n --space-xs: 0.5rem;\r\n --space-sm: 1rem;\r\n --space-md: 2rem;\r\n --space-lg: 4rem;\r\n --space-xl: 6rem;\r\n\r\n --radius-sm: 8px;\r\n --radius-md: 16px;\r\n --radius-lg: 24px;\r\n --radius-pill: 999px;\r\n\r\n --shadow-soft: 0 10px 40px rgba(35, 64, 50, 0.08);\r\n --shadow-lift: 0 20px 60px rgba(35, 64, 50, 0.15);\r\n\r\n --ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n --duration: 0.6s;\r\n }\r\n\r\n \/* ---------- DARK MODE ---------- *\/\r\n [data-theme=\"dark\"] {\r\n --bg: #0f1410;\r\n --surface: rgba(35, 64, 50, 0.35);\r\n --surface-border: rgba(201, 162, 39, 0.2);\r\n --text: #f4f1ec;\r\n --text-muted: #a8a8a8;\r\n --accent: #C9A227;\r\n --color-secondary: #1a211c;\r\n --shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.4);\r\n --shadow-lift: 0 20px 60px rgba(0, 0, 0, 0.6);\r\n }\r\n\r\n \/* ---------- RESET & BASE ---------- *\/\r\n *, *::before, *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n\r\n body {\r\n font-family: var(--font-sans);\r\n font-weight: 300;\r\n color: var(--text);\r\n background: var(--bg);\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n line-height: 1.6;\r\n transition: background var(--duration) var(--ease), color var(--duration) var(--ease);\r\n position: relative;\r\n }\r\n\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background:\r\n radial-gradient(circle at 20% 20%, rgba(201, 162, 39, 0.08), transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(35, 64, 50, 0.08), transparent 50%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n img, svg { max-width: 100%; display: block; }\r\n a { color: inherit; text-decoration: none; }\r\n button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }\r\n\r\n .sr-only {\r\n position: absolute;\r\n width: 1px; height: 1px;\r\n padding: 0; margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n border: 0;\r\n }\r\n\r\n \/* ---------- PRELOADER ---------- *\/\r\n .preloader {\r\n position: fixed;\r\n inset: 0;\r\n background: var(--color-accent);\r\n z-index: 9999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: opacity 0.8s var(--ease), visibility 0.8s var(--ease);\r\n }\r\n .preloader.hidden {\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n .preloader__content { text-align: center; }\r\n .preloader__logo {\r\n font-family: var(--font-serif);\r\n font-size: clamp(2rem, 6vw, 3.5rem);\r\n font-weight: 400;\r\n color: var(--color-gold);\r\n letter-spacing: 0.15em;\r\n margin-bottom: 2rem;\r\n animation: fadeInUp 1s var(--ease);\r\n }\r\n .preloader__bar {\r\n width: 200px;\r\n height: 1px;\r\n background: rgba(255,255,255,0.2);\r\n margin: 0 auto;\r\n overflow: hidden;\r\n }\r\n .preloader__progress {\r\n height: 100%;\r\n width: 0;\r\n background: var(--color-gold);\r\n animation: loadBar 1.8s var(--ease) forwards;\r\n }\r\n @keyframes loadBar {\r\n to { width: 100%; }\r\n }\r\n\r\n \/* ---------- FLOATING PETALS ---------- *\/\r\n .petals {\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 1;\r\n overflow: hidden;\r\n }\r\n .petal {\r\n position: absolute;\r\n width: 30px;\r\n height: 30px;\r\n fill: var(--color-gold);\r\n opacity: 0.18;\r\n filter: blur(0.3px);\r\n animation: floatPetal linear infinite;\r\n }\r\n [data-theme=\"dark\"] .petal { opacity: 0.12; }\r\n\r\n .petal--1 { top: -10%; left: 10%; width: 22px; height: 22px; animation-duration: 22s; animation-delay: 0s; }\r\n .petal--2 { top: -10%; left: 30%; width: 38px; height: 38px; animation-duration: 28s; animation-delay: -5s; fill: var(--color-accent); opacity: 0.15; }\r\n .petal--3 { top: -10%; left: 55%; width: 26px; height: 26px; animation-duration: 25s; animation-delay: -10s; }\r\n .petal--4 { top: -10%; left: 75%; width: 32px; height: 32px; animation-duration: 30s; animation-delay: -15s; fill: var(--color-accent); opacity: 0.15; }\r\n .petal--5 { top: -10%; left: 90%; width: 20px; height: 20px; animation-duration: 20s; animation-delay: -8s; }\r\n .petal--6 { top: -10%; left: 45%; width: 28px; height: 28px; animation-duration: 26s; animation-delay: -18s; }\r\n\r\n @keyframes floatPetal {\r\n 0% { transform: translateY(-10vh) rotate(0deg) translateX(0); opacity: 0; }\r\n 10% { opacity: 0.2; }\r\n 50% { transform: translateY(50vh) rotate(180deg) translateX(40px); }\r\n 90% { opacity: 0.2; }\r\n 100% { transform: translateY(110vh) rotate(360deg) translateX(-30px); opacity: 0; }\r\n }\r\n\r\n \/* ---------- THEME TOGGLE ---------- *\/\r\n .theme-toggle {\r\n position: fixed;\r\n top: 1.5rem;\r\n right: 1.5rem;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: var(--surface);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid var(--surface-border);\r\n color: var(--text);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1rem;\r\n z-index: 100;\r\n transition: all 0.4s var(--ease);\r\n box-shadow: var(--shadow-soft);\r\n }\r\n .theme-toggle:hover {\r\n transform: rotate(20deg) scale(1.08);\r\n color: var(--gold);\r\n }\r\n\r\n \/* ---------- CONTAINER ---------- *\/\r\n .container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: var(--space-lg) var(--space-md);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--space-xl);\r\n min-height: 100vh;\r\n }\r\n\r\n \/* ---------- HERO ---------- *\/\r\n .hero {\r\n width: 100%;\r\n text-align: center;\r\n padding: var(--space-lg) 0 var(--space-md);\r\n }\r\n .brand-mark { margin-bottom: var(--space-md); }\r\n .brand-mark__icon {\r\n font-size: 2.5rem;\r\n color: var(--gold);\r\n display: inline-block;\r\n margin-bottom: var(--space-sm);\r\n animation: gentleFloat 4s ease-in-out infinite;\r\n }\r\n @keyframes gentleFloat {\r\n 0%, 100% { transform: translateY(0) rotate(0deg); }\r\n 50% { transform: translateY(-8px) rotate(5deg); }\r\n }\r\n .brand-mark__name {\r\n font-family: var(--font-serif);\r\n font-size: clamp(3rem, 8vw, 5.5rem);\r\n font-weight: 400;\r\n letter-spacing: 0.04em;\r\n color: var(--text);\r\n line-height: 1;\r\n }\r\n .brand-mark__divider {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin-top: 1.5rem;\r\n color: var(--gold);\r\n }\r\n .brand-mark__divider span {\r\n display: block;\r\n width: 60px;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n }\r\n .brand-mark__divider i { font-style: normal; font-size: 0.9rem; }\r\n\r\n .hero__headline {\r\n font-family: var(--font-serif);\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: var(--accent);\r\n margin: var(--space-md) 0 var(--space-sm);\r\n letter-spacing: 0.02em;\r\n }\r\n [data-theme=\"dark\"] .hero__headline { color: var(--gold); }\r\n\r\n .hero__subheadline {\r\n font-size: clamp(0.95rem, 1.5vw, 1.1rem);\r\n color: var(--text-muted);\r\n max-width: 520px;\r\n margin: 0 auto var(--space-md);\r\n line-height: 1.8;\r\n font-weight: 300;\r\n }\r\n\r\n \/* ---------- BUTTONS ---------- *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n padding: 1rem 2.25rem;\r\n font-family: var(--font-sans);\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n border-radius: var(--radius-pill);\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.5s var(--ease);\r\n isolation: isolate;\r\n }\r\n .btn--primary {\r\n background: var(--color-accent);\r\n color: var(--color-primary);\r\n box-shadow: 0 8px 24px rgba(35, 64, 50, 0.25);\r\n }\r\n .btn--primary::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, var(--color-accent), var(--color-gold));\r\n opacity: 0;\r\n transition: opacity 0.5s var(--ease);\r\n z-index: -1;\r\n }\r\n .btn--primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 14px 34px rgba(35, 64, 50, 0.35);\r\n letter-spacing: 0.22em;\r\n }\r\n .btn--primary:hover::before { opacity: 1; }\r\n .btn--primary i {\r\n transition: transform 0.4s var(--ease);\r\n }\r\n .btn--primary:hover i {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* ---------- SECTION TITLES ---------- *\/\r\n .section-title {\r\n font-family: var(--font-serif);\r\n font-size: clamp(1.75rem, 3.5vw, 2.5rem);\r\n font-weight: 400;\r\n text-align: center;\r\n margin-bottom: var(--space-md);\r\n letter-spacing: 0.02em;\r\n color: var(--text);\r\n }\r\n .section-title::after {\r\n content: '';\r\n display: block;\r\n width: 40px;\r\n height: 1px;\r\n background: var(--gold);\r\n margin: 1rem auto 0;\r\n }\r\n\r\n \/* ---------- GLASSMORPHISM ---------- *\/\r\n .glass {\r\n background: var(--surface);\r\n backdrop-filter: blur(20px) saturate(180%);\r\n -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n border: 1px solid var(--surface-border);\r\n border-radius: var(--radius-md);\r\n box-shadow: var(--shadow-soft);\r\n }\r\n\r\n \/* ---------- COUNTDOWN ---------- *\/\r\n .countdown { width: 100%; }\r\n .countdown__grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1rem;\r\n max-width: 720px;\r\n margin: 0 auto;\r\n }\r\n .countdown__card {\r\n padding: 1.75rem 1rem;\r\n text-align: center;\r\n transition: transform 0.5s var(--ease), box-shadow 0.5s var(--ease);\r\n }\r\n .countdown__card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-lift);\r\n }\r\n .countdown__number {\r\n display: block;\r\n font-family: var(--font-serif);\r\n font-size: clamp(2rem, 5vw, 3.5rem);\r\n font-weight: 500;\r\n color: var(--accent);\r\n line-height: 1;\r\n margin-bottom: 0.5rem;\r\n transition: color 0.4s var(--ease);\r\n }\r\n [data-theme=\"dark\"] .countdown__number { color: var(--gold); }\r\n .countdown__label {\r\n font-size: 0.7rem;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: var(--text-muted);\r\n font-weight: 400;\r\n }\r\n\r\n \/* ---------- NEWSLETTER ---------- *\/\r\n .newsletter {\r\n width: 100%;\r\n max-width: 640px;\r\n padding: var(--space-lg) var(--space-md);\r\n text-align: center;\r\n }\r\n .newsletter__text {\r\n color: var(--text-muted);\r\n margin-bottom: var(--space-md);\r\n font-size: 0.95rem;\r\n }\r\n .newsletter__form {\r\n display: flex;\r\n gap: 0.75rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n .newsletter__input {\r\n flex: 1;\r\n min-width: 220px;\r\n padding: 1rem 1.5rem;\r\n font-family: var(--font-sans);\r\n font-size: 0.9rem;\r\n color: var(--text);\r\n background: rgba(255,255,255,0.6);\r\n border: 1px solid var(--surface-border);\r\n border-radius: var(--radius-pill);\r\n outline: none;\r\n transition: all 0.4s var(--ease);\r\n }\r\n [data-theme=\"dark\"] .newsletter__input { background: rgba(255,255,255,0.08); }\r\n .newsletter__input::placeholder { color: var(--text-muted); }\r\n .newsletter__input:focus {\r\n border-color: var(--gold);\r\n box-shadow: 0 0 0 4px rgba(201, 162, 39, 0.15);\r\n }\r\n .newsletter__success {\r\n margin-top: 1rem;\r\n color: var(--accent);\r\n font-size: 0.9rem;\r\n opacity: 0;\r\n transform: translateY(10px);\r\n transition: all 0.5s var(--ease);\r\n }\r\n .newsletter__success.show {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n [data-theme=\"dark\"] .newsletter__success { color: var(--gold); }\r\n\r\n \/* ---------- SOCIAL ---------- *\/\r\n .social { width: 100%; text-align: center; }\r\n .social__grid {\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n margin-top: var(--space-sm);\r\n }\r\n .social__icon {\r\n width: 56px;\r\n height: 56px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.15rem;\r\n color: var(--text);\r\n transition: all 0.5s var(--ease);\r\n }\r\n .social__icon:hover {\r\n transform: translateY(-6px) scale(1.08);\r\n color: var(--color-primary);\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n box-shadow: var(--shadow-lift);\r\n }\r\n [data-theme=\"dark\"] .social__icon:hover {\r\n background: var(--gold);\r\n border-color: var(--gold);\r\n color: var(--color-accent);\r\n }\r\n\r\n \/* ---------- FOOTER ---------- *\/\r\n .footer {\r\n width: 100%;\r\n text-align: center;\r\n padding: var(--space-md) 0;\r\n border-top: 1px solid var(--surface-border);\r\n margin-top: var(--space-md);\r\n }\r\n .footer__brand {\r\n font-family: var(--font-serif);\r\n font-size: 1.25rem;\r\n color: var(--accent);\r\n letter-spacing: 0.1em;\r\n margin-bottom: 0.5rem;\r\n }\r\n [data-theme=\"dark\"] .footer__brand { color: var(--gold); }\r\n .footer__copy {\r\n font-size: 0.8rem;\r\n color: var(--text-muted);\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n \/* ---------- FADE-IN ANIMATION ---------- *\/\r\n .fade-in {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 1s var(--ease), transform 1s var(--ease);\r\n }\r\n .fade-in.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n @keyframes fadeInUp {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ---------- RESPONSIVE ---------- *\/\r\n @media (max-width: 640px) {\r\n .container { padding: var(--space-md) var(--space-sm); gap: var(--space-lg); }\r\n .countdown__grid { grid-template-columns: repeat(2, 1fr); }\r\n .countdown__card { padding: 1.25rem 0.75rem; }\r\n .newsletter { padding: var(--space-md) var(--space-sm); }\r\n .newsletter__form { flex-direction: column; }\r\n .newsletter__input { min-width: 100%; }\r\n .btn { padding: 0.9rem 1.75rem; font-size: 0.8rem; }\r\n .theme-toggle { top: 1rem; right: 1rem; width: 42px; height: 42px; }\r\n }\r\n\r\n \/* ---------- REDUCED MOTION ---------- *\/\r\n @media (prefers-reduced-motion: reduce) {\r\n *, *::before, *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- PRELOADER -->\r\n <div class=\"preloader\" id=\"preloader\" aria-hidden=\"true\">\r\n <div class=\"preloader__content\">\r\n <div class=\"preloader__logo\">The Florist<\/div>\r\n <div class=\"preloader__bar\">\r\n <div class=\"preloader__progress\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FLOATING PETALS -->\r\n <div class=\"petals\" aria-hidden=\"true\">\r\n <svg class=\"petal petal--1\" viewBox=\"0 0 50 50\"><path d=\"M25 5 C 35 15, 35 35, 25 45 C 15 35, 15 15, 25 5 Z\" \/><\/svg>\r\n <svg class=\"petal petal--2\" viewBox=\"0 0 50 50\"><path d=\"M25 5 C 35 15, 35 35, 25 45 C 15 35, 15 15, 25 5 Z\" \/><\/svg>\r\n <svg class=\"petal petal--3\" viewBox=\"0 0 50 50\"><path d=\"M25 5 C 35 15, 35 35, 25 45 C 15 35, 15 15, 25 5 Z\" \/><\/svg>\r\n <svg class=\"petal petal--4\" viewBox=\"0 0 50 50\"><path d=\"M25 5 C 35 15, 35 35, 25 45 C 15 35, 15 15, 25 5 Z\" \/><\/svg>\r\n <svg class=\"petal petal--5\" viewBox=\"0 0 50 50\"><path d=\"M25 5 C 35 15, 35 35, 25 45 C 15 35, 15 15, 25 5 Z\" \/><\/svg>\r\n <svg class=\"petal petal--6\" viewBox=\"0 0 50 50\"><path d=\"M25 5 C 35 15, 35 35, 25 45 C 15 35, 15 15, 25 5 Z\" \/><\/svg>\r\n <\/div>\r\n\r\n <!-- DARK MODE TOGGLE -->\r\n <button class=\"theme-toggle\" id=\"themeToggle\" aria-label=\"Toggle dark mode\">\r\n <i class=\"fa-solid fa-moon\"><\/i>\r\n <\/button>\r\n\r\n <!-- MAIN CONTENT -->\r\n <main class=\"container\">\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero__content fade-in\">\r\n <div class=\"brand-mark\">\r\n <span class=\"brand-mark__icon\">\u2740<\/span>\r\n <h1 class=\"brand-mark__name\">The Florist<\/h1>\r\n <div class=\"brand-mark__divider\">\r\n <span><\/span><i>\u2726<\/i><span><\/span>\r\n <\/div>\r\n <\/div>\r\n <h2 class=\"hero__headline\">Blooming Soon<\/h2>\r\n <p class=\"hero__subheadline\">\r\n We're creating something beautiful.<br>\r\n A premium floral experience is on its way.\r\n <\/p>\r\n <a href=\"#newsletter\" class=\"btn btn--primary\">\r\n <span>Notify Me<\/span>\r\n <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- COUNTDOWN -->\r\n <section class=\"countdown fade-in\" id=\"countdown\" aria-label=\"Launch countdown\">\r\n <h3 class=\"section-title\">The Unveiling<\/h3>\r\n <div class=\"countdown__grid\">\r\n <div class=\"countdown__card glass\">\r\n <span class=\"countdown__number\" id=\"days\">00<\/span>\r\n <span class=\"countdown__label\">Days<\/span>\r\n <\/div>\r\n <div class=\"countdown__card glass\">\r\n <span class=\"countdown__number\" id=\"hours\">00<\/span>\r\n <span class=\"countdown__label\">Hours<\/span>\r\n <\/div>\r\n <div class=\"countdown__card glass\">\r\n <span class=\"countdown__number\" id=\"minutes\">00<\/span>\r\n <span class=\"countdown__label\">Minutes<\/span>\r\n <\/div>\r\n <div class=\"countdown__card glass\">\r\n <span class=\"countdown__number\" id=\"seconds\">00<\/span>\r\n <span class=\"countdown__label\">Seconds<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- NEWSLETTER -->\r\n <section class=\"newsletter glass fade-in\" id=\"newsletter\">\r\n <h3 class=\"section-title\">Be the first to know<\/h3>\r\n <p class=\"newsletter__text\">\r\n Subscribe for exclusive previews, early access, and a touch of floral inspiration.\r\n <\/p>\r\n <form class=\"newsletter__form\" id=\"newsletterForm\" novalidate>\r\n <label for=\"email\" class=\"sr-only\">Email address<\/label>\r\n <input type=\"email\" id=\"email\" class=\"newsletter__input\" placeholder=\"Enter your email\" required autocomplete=\"email\">\r\n <button type=\"submit\" class=\"btn btn--primary\"><span>Subscribe<\/span><\/button>\r\n <\/form>\r\n <p class=\"newsletter__success\" id=\"newsletterSuccess\">\r\n <i class=\"fa-solid fa-check-circle\"><\/i> Thank you. You're on the list.\r\n <\/p>\r\n <\/section>\r\n\r\n <!-- SOCIAL -->\r\n <section class=\"social fade-in\" id=\"social\">\r\n <h3 class=\"section-title\">Follow Our Journey<\/h3>\r\n <div class=\"social__grid\">\r\n <a href=\"https:\/\/www.instagram.com\/the.florist.dubai\/\" target=\"_blank\" rel=\"noopener\" class=\"social__icon glass\" aria-label=\"Instagram\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/web.facebook.com\/profile.php?id=61574333137073\" target=\"_blank\" rel=\"noopener\" class=\"social__icon glass\" aria-label=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@thefloristdubai\" target=\"_blank\" rel=\"noopener\" class=\"social__icon glass\" aria-label=\"TikTok\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\r\n <a href=\"https:\/\/www.youtube.com\/@TheFloristdubai\" target=\"_blank\" rel=\"noopener\" class=\"social__icon glass\" aria-label=\"YouTube\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <a href=\"https:\/\/www.linkedin.com\/company\/the-florist-dubai\/\" target=\"_blank\" rel=\"noopener\" class=\"social__icon glass\" aria-label=\"LinkedIn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"https:\/\/www.pinterest.com\/thefloristdubai\/\" target=\"_blank\" rel=\"noopener\" class=\"social__icon glass\" aria-label=\"Pinterest\"><i class=\"fa-brands fa-pinterest-p\"><\/i><\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FOOTER -->\r\n <footer class=\"footer\">\r\n <div class=\"footer__brand\">The Florist Dubai<\/div>\r\n <p class=\"footer__copy\">\u00a9 2026 The Florist Dubai. All Rights Reserved.<\/p>\r\n <\/footer>\r\n\r\n <\/main>\r\n\r\n <script>\r\n \/* =========================================================\r\n THE FLORIST \u2014 Interactive Script\r\n ========================================================= *\/\r\n\r\n (function () {\r\n 'use strict';\r\n\r\n \/* ---------- PRELOADER ---------- *\/\r\n window.addEventListener('load', () => {\r\n const preloader = document.getElementById('preloader');\r\n setTimeout(() => {\r\n preloader.classList.add('hidden');\r\n document.body.style.overflow = '';\r\n }, 1800);\r\n });\r\n\r\n \/* ---------- COUNTDOWN TIMER ---------- *\/\r\n const LAUNCH_DATE_KEY = 'theflorist_launch_date';\r\n let launchDate;\r\n\r\n const stored = localStorage.getItem(LAUNCH_DATE_KEY);\r\n if (stored) {\r\n launchDate = new Date(parseInt(stored, 10));\r\n } else {\r\n launchDate = new Date();\r\n launchDate.setDate(launchDate.getDate() + 15);\r\n localStorage.setItem(LAUNCH_DATE_KEY, launchDate.getTime().toString());\r\n }\r\n\r\n const daysEl = document.getElementById('days');\r\n const hoursEl = document.getElementById('hours');\r\n const minutesEl = document.getElementById('minutes');\r\n const secondsEl = document.getElementById('seconds');\r\n\r\n function pad(n) { return String(n).padStart(2, '0'); }\r\n\r\n function updateCountdown() {\r\n const now = new Date();\r\n const diff = launchDate - now;\r\n\r\n if (diff <= 0) {\r\n daysEl.textContent = hoursEl.textContent = minutesEl.textContent = secondsEl.textContent = '00';\r\n return;\r\n }\r\n\r\n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\r\n const hours = Math.floor((diff \/ (1000 * 60 * 60)) % 24);\r\n const minutes = Math.floor((diff \/ (1000 * 60)) % 60);\r\n const seconds = Math.floor((diff \/ 1000) % 60);\r\n\r\n daysEl.textContent = pad(days);\r\n hoursEl.textContent = pad(hours);\r\n minutesEl.textContent = pad(minutes);\r\n secondsEl.textContent = pad(seconds);\r\n }\r\n\r\n updateCountdown();\r\n setInterval(updateCountdown, 1000);\r\n\r\n \/* ---------- NEWSLETTER FORM ---------- *\/\r\n const form = document.getElementById('newsletterForm');\r\n const successMsg = document.getElementById('newsletterSuccess');\r\n\r\n form.addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n const email = document.getElementById('email').value.trim();\r\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n\r\n if (!emailRegex.test(email)) {\r\n const input = document.getElementById('email');\r\n input.style.borderColor = '#c0392b';\r\n setTimeout(() => input.style.borderColor = '', 2000);\r\n return;\r\n }\r\n\r\n console.log('Subscribed:', email);\r\n successMsg.classList.add('show');\r\n form.reset();\r\n\r\n setTimeout(() => successMsg.classList.remove('show'), 5000);\r\n });\r\n\r\n \/* ---------- DARK MODE TOGGLE ---------- *\/\r\n const themeToggle = document.getElementById('themeToggle');\r\n const html = document.documentElement;\r\n const icon = themeToggle.querySelector('i');\r\n\r\n const savedTheme = localStorage.getItem('theflorist_theme');\r\n if (savedTheme === 'dark') {\r\n html.setAttribute('data-theme', 'dark');\r\n icon.classList.replace('fa-moon', 'fa-sun');\r\n }\r\n\r\n themeToggle.addEventListener('click', () => {\r\n const isDark = html.getAttribute('data-theme') === 'dark';\r\n const newTheme = isDark ? 'light' : 'dark';\r\n html.setAttribute('data-theme', newTheme);\r\n localStorage.setItem('theflorist_theme', newTheme);\r\n\r\n icon.classList.toggle('fa-moon', newTheme === 'light');\r\n icon.classList.toggle('fa-sun', newTheme === 'dark');\r\n });\r\n\r\n \/* ---------- SCROLL FADE-IN ---------- *\/\r\n const fadeEls = document.querySelectorAll('.fade-in');\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.15 });\r\n\r\n fadeEls.forEach((el, i) => {\r\n el.style.transitionDelay = `${i * 0.1}s`;\r\n observer.observe(el);\r\n });\r\n\r\n \/* ---------- PARALLAX ON PETALS ---------- *\/\r\n const petals = document.querySelectorAll('.petal');\r\n let ticking = false;\r\n\r\n window.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n window.requestAnimationFrame(() => {\r\n const scrollY = window.pageYOffset;\r\n petals.forEach((petal, i) => {\r\n const speed = 0.05 + (i * 0.02);\r\n petal.style.transform = `translateY(${scrollY * speed}px)`;\r\n });\r\n ticking = false;\r\n });\r\n ticking = true;\r\n }\r\n }, { passive: true });\r\n\r\n \/* ---------- MOUSE PARALLAX ON HERO ---------- *\/\r\n const hero = document.getElementById('hero');\r\n if (hero && window.matchMedia('(pointer: fine)').matches) {\r\n document.addEventListener('mousemove', (e) => {\r\n const x = (e.clientX \/ window.innerWidth - 0.5) * 10;\r\n const y = (e.clientY \/ window.innerHeight - 0.5) * 10;\r\n hero.style.transform = `translate(${x}px, ${y}px)`;\r\n });\r\n }\r\n\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Florist Dubai \u2014 Blooming Soon | Premium Floral Boutique<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theflorist.ae\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theflorist.ae\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theflorist.ae\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theflorist.ae\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theflorist.ae\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":16,"href":"https:\/\/theflorist.ae\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/theflorist.ae\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/theflorist.ae\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}