{"id":9,"date":"2026-11-03T21:28:29","date_gmt":"2026-11-03T21:28:29","guid":{"rendered":"https:\/\/www.gardengems758.com\/?page_id=9"},"modified":"2026-11-03T22:30:06","modified_gmt":"2026-11-03T22:30:06","slug":"home","status":"publish","type":"page","link":"https:\/\/www.gardengems758.com\/?page_id=9","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e7d4abd e-flex e-con-boxed e-con e-parent\" data-id=\"4e7d4abd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b47b457 elementor-widget elementor-widget-html\" data-id=\"b47b457\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Garden Gems | A Living Garden Experience in Saint Lucia<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        cream: {\n                            50: '#FAF9F5',\n                            100: '#F5F3EC',\n                            200: '#EBE7DA',\n                        },\n                        sage: {\n                            50: '#F2F5F3',\n                            100: '#E1E8E3',\n                            600: '#4A6B56',\n                            800: '#2D4235',\n                            900: '#1B2B21'\n                        },\n                        terracotta: {\n                            500: '#C86D51',\n                            600: '#B0583C'\n                        }\n                    },\n                    fontFamily: {\n                        serif: ['Playfair Display', 'Georgia', 'serif'],\n                        sans: ['Plus Jakarta Sans', 'sans-serif']\n                    }\n                }\n            }\n        }\n    <\/script>\n    <!-- Google Fonts -->\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=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        .aspect-portrait {\n            aspect-ratio: 9 \/ 16;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-cream-50 text-sage-900 font-sans antialiased selection:bg-sage-100 selection:text-sage-800 w-full overflow-x-hidden\">\n\n    <!-- Header Navigation (100% Edge-to-Edge) -->\n    <header class=\"sticky top-0 z-40 bg-cream-50\/90 backdrop-blur-md border-b border-cream-200 w-full\">\n        <div class=\"w-full px-4 sm:px-8 h-16 flex items-center justify-between\">\n            <a href=\"#\" class=\"font-serif text-2xl tracking-tight text-sage-900\">\n                Garden Gems\n            <\/a>\n            \n            <nav class=\"hidden md:flex items-center space-x-10 text-sm tracking-wide font-medium text-sage-800\">\n                <a href=\"#about\" class=\"hover:text-terracotta-500 transition-colors\">Our Story<\/a>\n                <a href=\"#experience\" class=\"hover:text-terracotta-500 transition-colors\">The Experience<\/a>\n                <a href=\"#visit\" class=\"hover:text-terracotta-500 transition-colors\">Plan Your Visit<\/a>\n                <a href=\"#contact\" class=\"hover:text-terracotta-500 transition-colors\">Contact<\/a>\n            <\/nav>\n\n            <a href=\"#visit\" class=\"bg-sage-800 text-cream-50 hover:bg-sage-900 px-5 py-2 rounded-full text-xs tracking-wider uppercase font-medium transition-all\">\n                Visit Us\n            <\/a>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section (True Full Width) -->\n    <section class=\"relative w-full flex items-center justify-center bg-cream-100 overflow-hidden py-12 sm:py-16\">\n        <div class=\"absolute inset-0 z-0 opacity-20\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518531933037-91b2f5f229cc?auto=format&fit=crop&q=80&w=2000\" alt=\"Tropical botanical garden background\" class=\"w-full h-full object-cover\">\n        <\/div>\n        <div class=\"absolute inset-0 bg-gradient-to-b from-cream-50\/60 via-cream-50\/80 to-cream-50\"><\/div>\n\n        <div class=\"relative z-10 w-full px-4 sm:px-8 text-center\">\n            <span class=\"inline-block text-terracotta-500 text-xs tracking-widest uppercase font-semibold mb-2\">\n                Mongiraud, Gros Islet, Saint Lucia\n            <\/span>\n            <h1 class=\"font-serif text-4xl sm:text-6xl lg:text-7xl font-normal text-sage-900 tracking-tight leading-[1.15] mb-4\">\n                A tranquil garden experience in every nook.\n            <\/h1>\n            <p class=\"text-base sm:text-xl text-sage-800\/80 font-light w-full max-w-5xl mx-auto leading-relaxed mb-6\">\n                Step into our living family garden\u2014a peaceful tropical oasis where vibrant cacti, succulents, roses, and lush greenery flourish in every corner.\n            <\/p>\n            <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4\">\n                <a href=\"#experience\" class=\"w-full sm:w-auto bg-sage-800 text-cream-50 hover:bg-sage-900 px-8 py-3.5 rounded-full text-xs tracking-wider uppercase font-medium transition-all\">\n                    Wander the Garden\n                <\/a>\n                <a href=\"#visit\" class=\"w-full sm:w-auto bg-transparent border border-sage-800\/30 text-sage-800 hover:border-sage-800 px-8 py-3.5 rounded-full text-xs tracking-wider uppercase font-medium transition-all\">\n                    Opening Hours & Location\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Story Section (True Full Width) -->\n    <section id=\"about\" class=\"py-12 sm:py-16 bg-cream-50 w-full\">\n        <div class=\"w-full px-4 sm:px-8\">\n            <div class=\"text-center mb-8\">\n                <h2 class=\"font-serif text-3xl sm:text-4xl text-sage-900 mb-3\">Get To Know Us<\/h2>\n                <div class=\"w-12 h-0.5 bg-terracotta-500 mx-auto\"><\/div>\n            <\/div>\n            \n            <div class=\"w-full space-y-4 text-base sm:text-xl text-sage-800\/90 leading-relaxed font-light text-center sm:text-left\">\n                <p>\n                    Liola has been a lover of plants and flowers for as long as we can remember. Together with her daughters, Hayle and Thia, she has created a tranquil garden experience like no other right here in Saint Lucia.\n                <\/p>\n                <p>\n                    Garden Gems isn't a traditional shop or nursery\u2014it is a living, breathing garden space. From architectural cacti and succulents to delicate roses, indoor and outdoor tropical foliage, and fresh herbs, there is a little bit of everything tucked into every space.\n                <\/p>\n                <p>\n                    We invite you to slow down, wander our paths, enjoy the breeze, and take your time finding a garden gem to take home with you.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Experience Section (Ultra-Wide Split Layout across the full viewport) -->\n    <section id=\"experience\" class=\"py-12 sm:py-16 bg-cream-100 border-y border-cream-200 w-full\">\n        <div class=\"w-full px-4 sm:px-8\">\n            <div class=\"text-center w-full mb-12\">\n                <span class=\"text-terracotta-500 text-xs tracking-widest uppercase font-semibold block mb-1\">Atmosphere & Highlights<\/span>\n                <h2 class=\"font-serif text-3xl sm:text-5xl text-sage-900 mb-2\">Wander Through the Nooks<\/h2>\n                <p class=\"text-base text-sage-800\/80 font-light\">Every corner of the garden holds its own quiet charm and variety of plant life.<\/p>\n            <\/div>\n\n            <div class=\"space-y-12 sm:space-y-16 w-full\">\n                \n                <!-- Nook 1: Portrait Video -->\n                <div class=\"grid md:grid-cols-12 gap-6 items-center w-full\">\n                    <div class=\"md:col-span-4 flex justify-center md:justify-start\">\n                        <div class=\"relative w-full max-w-[320px] aspect-portrait bg-sage-900 rounded-xl overflow-hidden shadow-md group\">\n                            <video id=\"video1\" class=\"w-full h-full object-cover\" loop playsinline muted poster=\"https:\/\/images.unsplash.com\/photo-1585320806297-9794b3e4eeae?auto=format&fit=crop&q=80&w=800\">\n                                <source src=\"\" type=\"video\/mp4\">\n                            <\/video>\n                            <div class=\"absolute inset-0 bg-sage-900\/20 group-hover:bg-sage-900\/10 transition-colors flex items-center justify-center\">\n                                <button onclick=\"toggleVideo('video1', this)\" class=\"w-12 h-12 rounded-full bg-cream-50\/90 text-sage-900 flex items-center justify-center shadow\">\n                                    <svg class=\"w-5 h-5 fill-current translate-x-0.5\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:col-span-8 space-y-3 text-center md:text-left\">\n                        <span class=\"text-terracotta-500 text-xs tracking-widest uppercase font-semibold\">Sunlit Corners<\/span>\n                        <h3 class=\"font-serif text-2xl sm:text-4xl text-sage-900\">Cacti & Succulent Pathways<\/h3>\n                        <p class=\"text-base sm:text-lg text-sage-800\/80 font-light leading-relaxed w-full\">\n                            Discover carefully arranged succulent planters and desert cacti thriving in direct sun, set alongside natural stone accents and quiet sitting areas.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Nook 2: Image Showcase -->\n                <div class=\"grid md:grid-cols-12 gap-6 items-center w-full\">\n                    <div class=\"md:col-span-8 space-y-3 text-center md:text-left order-2 md:order-1\">\n                        <span class=\"text-terracotta-500 text-xs tracking-widest uppercase font-semibold\">Tropical Foliage<\/span>\n                        <h3 class=\"font-serif text-2xl sm:text-4xl text-sage-900\">Lush Greens & Shaded Gardens<\/h3>\n                        <p class=\"text-base sm:text-lg text-sage-800\/80 font-light leading-relaxed w-full\">\n                            Stroll beneath tall palm fronds and lush leaves where ferns, roses, and indoor plant varieties rest comfortably in the gentle Caribbean air.\n                        <\/p>\n                    <\/div>\n                    <div class=\"md:col-span-4 flex justify-center md:justify-end order-1 md:order-2\">\n                        <div class=\"relative w-full max-w-[320px] aspect-portrait rounded-xl overflow-hidden shadow-md\">\n                            <img decoding=\"async\" src=\"http:\/\/deepest-kitty-night.files.wordpress.com\/2026\/11\/e0454-204ee1071fdc4652ab3a4c046f664da2.jpg\" alt=\"Garden Gems tropical plant setting\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Nook 3: Second Portrait Video -->\n                <div class=\"grid md:grid-cols-12 gap-6 items-center w-full\">\n                    <div class=\"md:col-span-4 flex justify-center md:justify-start\">\n                        <div class=\"relative w-full max-w-[320px] aspect-portrait bg-sage-900 rounded-xl overflow-hidden shadow-md group\">\n                            <video id=\"video2\" class=\"w-full h-full object-cover\" loop playsinline muted poster=\"https:\/\/images.unsplash.com\/photo-1463936575829-25148e1db1b8?auto=format&fit=crop&q=80&w=800\">\n                                <source src=\"\" type=\"video\/mp4\">\n                            <\/video>\n                            <div class=\"absolute inset-0 bg-sage-900\/20 group-hover:bg-sage-900\/10 transition-colors flex items-center justify-center\">\n                                <button onclick=\"toggleVideo('video2', this)\" class=\"w-12 h-12 rounded-full bg-cream-50\/90 text-sage-900 flex items-center justify-center shadow\">\n                                    <svg class=\"w-5 h-5 fill-current translate-x-0.5\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:col-span-8 space-y-3 text-center md:text-left\">\n                        <span class=\"text-terracotta-500 text-xs tracking-widest uppercase font-semibold\">Fresh Aromas<\/span>\n                        <h3 class=\"font-serif text-2xl sm:text-4xl text-sage-900\">Aromatic Herbs & Flowery Nooks<\/h3>\n                        <p class=\"text-base sm:text-lg text-sage-800\/80 font-light leading-relaxed w-full\">\n                            Take in the subtle fragrances of potted kitchen herbs and flowering plants as you wander through our quiet garden paths.\n                        <\/p>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Visit Information Section (Full Width Card & Full Width Map) -->\n    <section id=\"visit\" class=\"py-12 sm:py-16 bg-cream-50 w-full\">\n        <div class=\"w-full px-4 sm:px-8\">\n            <div class=\"bg-cream-100 rounded-2xl p-6 sm:p-10 border border-cream-200 w-full\">\n                <div class=\"grid lg:grid-cols-12 gap-8 items-center w-full\">\n                    <div class=\"lg:col-span-5\">\n                        <span class=\"text-terracotta-500 text-xs tracking-widest uppercase font-semibold block mb-1\">Plan Your Visit<\/span>\n                        <h2 class=\"font-serif text-3xl sm:text-4xl text-sage-900 mb-4\">We look forward to welcoming you<\/h2>\n                        <p class=\"text-base text-sage-800\/80 font-light leading-relaxed mb-6\">\n                            Come by, share our plant garden experience, and let Liola, Hayle, and Thia help you select your very own garden gem.\n                        <\/p>\n                        \n                        <div class=\"space-y-4 border-t border-cream-200 pt-4\">\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"w-8 h-8 rounded-full bg-sage-100 text-sage-800 flex items-center justify-center shrink-0 mt-0.5\">\n                                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <h4 class=\"text-sm font-semibold text-sage-900\">Opening Hours<\/h4>\n                                    <p class=\"text-xs sm:text-sm text-sage-800\/80\">Available for visits 6 days a week<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"flex items-start space-x-3\">\n                                <div class=\"w-8 h-8 rounded-full bg-sage-100 text-sage-800 flex items-center justify-center shrink-0 mt-0.5\">\n                                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"\/><\/svg>\n                                <\/div>\n                                <div>\n                                    <h4 class=\"text-sm font-semibold text-sage-900\">Location<\/h4>\n                                    <p class=\"text-xs sm:text-sm text-sage-800\/80\">Mongiraud, Gros Islet, Saint Lucia<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Location Map (Spans across all remaining screen width) -->\n                    <div class=\"lg:col-span-7 rounded-xl overflow-hidden shadow-sm border border-cream-200 h-80 lg:h-96 bg-cream-200 relative w-full\">\n                        <iframe \n                            class=\"w-full h-full border-0\"\n                            src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d15444.82583803623!2d-60.9575!3d14.0753!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8c40682855555555%3A0x1234567890abcdef!2sMongiraud%2C%20Gros%20Islet%2C%20Saint%20Lucia!5e0!3m2!1sen!2s!4v1700000000000!5m2!1sen!2s\" \n                            allowfullscreen=\"\" \n                            loading=\"lazy\">\n                        <\/iframe>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer Section (Full Edge-to-Edge) -->\n    <footer id=\"contact\" class=\"bg-sage-900 text-cream-50 pt-12 pb-8 w-full\">\n        <div class=\"w-full px-4 sm:px-8\">\n            <div class=\"grid md:grid-cols-12 gap-8 pb-10 border-b border-sage-800 w-full\">\n                <div class=\"md:col-span-6 space-y-2\">\n                    <h3 class=\"font-serif text-3xl\">Garden Gems<\/h3>\n                    <p class=\"text-cream-100\/70 font-light text-sm w-full\">\n                        A tranquil garden experience in Mongiraud, Gros Islet, Saint Lucia.\n                    <\/p>\n                <\/div>\n\n                <div class=\"md:col-span-6 space-y-3\">\n                    <h4 class=\"text-xs font-semibold tracking-widest uppercase text-terracotta-500\">Get In Touch<\/h4>\n                    <div class=\"space-y-2 font-light text-cream-100\/90 text-sm\">\n                        <p>\n                            <span class=\"text-cream-100\/50 block text-xs uppercase\">Address<\/span>\n                            Mongiraud, Gros Islet, Saint Lucia\n                        <\/p>\n                        <p>\n                            <span class=\"text-cream-100\/50 block text-xs uppercase\">Email<\/span>\n                            <a href=\"mailto:gardengems758@gmail.com\" class=\"hover:text-cream-50 underline\">gardengems758@gmail.com<\/a>\n                        <\/p>\n                        <p>\n                            <span class=\"text-cream-100\/50 block text-xs uppercase\">Phone<\/span>\n                            <a href=\"tel:17582843405\" class=\"hover:text-cream-50 underline\">758 284 3405<\/a>\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"pt-1\">\n                        <a href=\"https:\/\/wa.me\/17582843405\" target=\"_blank\" class=\"inline-flex items-center space-x-2 bg-sage-800 hover:bg-sage-600 text-cream-50 px-5 py-2.5 rounded-full text-xs font-medium transition-colors\">\n                            <span>Message on WhatsApp<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pt-6 flex flex-col sm:flex-row items-center justify-between text-xs text-cream-100\/50 font-light w-full\">\n                <p>&copy; 2026 Garden Gems. All rights reserved.<\/p>\n                <p class=\"mt-2 sm:mt-0\">Mongiraud, Gros Islet, Saint Lucia<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Video Play\/Pause Script -->\n    <script>\n        function toggleVideo(videoId, btn) {\n            const video = document.getElementById(videoId);\n            if (video.paused) {\n                video.play();\n                btn.innerHTML = '<svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/><\/svg>';\n            } else {\n                video.pause();\n                btn.innerHTML = '<svg class=\"w-5 h-5 fill-current translate-x-0.5\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>';\n            }\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Garden Gems | A Living Garden Experience in Saint Lucia Garden Gems Our Story The Experience Plan Your Visit Contact Visit Us Mongiraud, Gros Islet, Saint Lucia A tranquil garden experience in every nook. Step into our living family garden\u2014a peaceful tropical oasis where vibrant cacti, succulents, roses, and lush greenery flourish in every corner. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":8,"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/www.gardengems758.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}