{"id":6,"date":"2026-07-03T16:48:50","date_gmt":"2026-07-03T16:48:50","guid":{"rendered":"https:\/\/usalocalcitations.com\/TropicalParadise\/?page_id=6"},"modified":"2026-07-06T16:58:50","modified_gmt":"2026-07-06T16:58:50","slug":"home","status":"publish","type":"page","link":"https:\/\/usalocalcitations.com\/TropicalParadise\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n GreenScape Luxury Landscaping & Water Management<\/title>\r\n <meta name=\"description\" content=\"Premium sustainable irrigation, luxury landscaping, architectural hardscaping, and garden maintenance services. Transform your outdoor space into an eco-friendly paradise.\">\r\n \r\n <!-- Open Graph Tags -->\r\n <meta property=\"og:title\" content=\"GreenScape Luxury Landscaping & Water Management\">\r\n <meta property=\"og:description\" content=\"Premium sustainable irrigation, luxury landscaping, and architectural hardscaping services.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"https:\/\/greenscape-landscaping.com\">\r\n \r\n <!-- Twitter Card Tags -->\r\n <meta name=\"twitter:card\" content=\"summary_large_image\">\r\n <meta name=\"twitter:title\" content=\"GreenScape Luxury Landscaping\">\r\n <meta name=\"twitter:description\" content=\"Premium sustainable irrigation and luxury landscaping services.\">\r\n\r\n <!-- Schema.org JSON-LD LocalBusiness -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"LandscapeService\",\r\n \"name\": \"GreenScape Luxury Landscaping\",\r\n \"description\": \"Premium sustainable irrigation, luxury landscaping, architectural hardscaping, and garden maintenance services.\",\r\n \"telephone\": \"+1 (555) 382-9104\",\r\n \"email\": \"info@greenscapeluxury.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"streetAddress\": \"742 Evergreen Terrace\",\r\n \"addressLocality\": \"Beverly Hills\",\r\n \"addressRegion\": \"CA\",\r\n \"postalCode\": \"90210\",\r\n \"addressCountry\": \"US\"\r\n },\r\n \"openingHoursSpecification\": [\r\n {\r\n \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": [\"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\"],\r\n \"opens\": \"07:00\",\r\n \"closes\": \"18:00\"\r\n },\r\n {\r\n \"@type\": \"OpeningHoursSpecification\",\r\n \"dayOfWeek\": \"Saturday\",\r\n \"opens\": \"08:00\",\r\n \"closes\": \"15:00\"\r\n }\r\n ]\r\n }\r\n <\/script>\r\n\r\n <style>\r\n \/* CSS Reset & Variables *\/\r\n :root {\r\n --primary: #0F2D21;\r\n --primary-light: #1b4937;\r\n --accent: #B87333;\r\n --bg-light: #FBF9F6;\r\n --bg-white: #FFFFFF;\r\n --text-dark: #1C2B24;\r\n --text-muted: #556B60;\r\n --border-color: #E2E8F0;\r\n --font-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n --shadow-sm: 0 2px 4px rgba(0,0,0,0.02);\r\n --shadow-md: 0 10px 30px rgba(0,0,0,0.04);\r\n --shadow-lg: 0 20px 40px rgba(15,45,33,0.08);\r\n --radius-sm: 4px;\r\n --radius-md: 8px;\r\n --radius-lg: 16px;\r\n --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n font-family: var(--font-sans);\r\n color: var(--text-dark);\r\n background-color: var(--bg-light);\r\n line-height: 1.6;\r\n }\r\n\r\n body {\r\n overflow-x: hidden;\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n display: block;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: var(--transition);\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n }\r\n\r\n input, textarea, button {\r\n font-family: inherit;\r\n outline: none;\r\n }\r\n\r\n \/* Utilities *\/\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 60px auto;\r\n }\r\n\r\n .section-tag {\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n color: var(--accent);\r\n display: block;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title {\r\n font-size: 36px;\r\n color: var(--primary);\r\n font-weight: 800;\r\n line-height: 1.25;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 14px 28px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n border-radius: var(--radius-sm);\r\n transition: var(--transition);\r\n cursor: pointer;\r\n border: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary {\r\n background-color: var(--primary);\r\n color: var(--bg-white);\r\n }\r\n\r\n .btn-primary:hover {\r\n background-color: var(--primary-light);\r\n transform: translateY(-2px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .btn-accent {\r\n background-color: var(--accent);\r\n color: var(--bg-white);\r\n }\r\n\r\n .btn-accent:hover {\r\n opacity: 0.9;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ========================================\r\n HEADER\r\n======================================== *\/\r\n\r\n.header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 1000;\r\n padding: 22px 0;\r\n background: transparent;\r\n transition: all .35s ease;\r\n}\r\n\r\n.header.scrolled{\r\n padding:14px 0;\r\n\r\n background:rgba(255,255,255,.55);\r\n\r\n backdrop-filter:blur(20px) saturate(180%);\r\n -webkit-backdrop-filter:blur(20px) saturate(180%);\r\n\r\n border-bottom:1px solid rgba(255,255,255,.35);\r\n\r\n box-shadow:\r\n 0 10px 30px rgba(0,0,0,.08),\r\n inset 0 1px rgba(255,255,255,.4);\r\n}\r\n\r\n\/* Optional: slightly darker glass if hero is very bright *\/\r\n\/*\r\n.header.scrolled{\r\n background: rgba(255,255,255,.18);\r\n}\r\n*\/\r\n\r\n\/* ========================================\r\n NAV CONTAINER\r\n======================================== *\/\r\n\r\n.nav-container{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n}\r\n\r\n\/* ========================================\r\n LOGO\r\n======================================== *\/\r\n\r\n.logo{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n text-decoration:none;\r\n font-size:1.35rem;\r\n font-weight:700;\r\n color:#fff;\r\n transition:.3s ease;\r\n}\r\n\r\n.logo-img{\r\n width:52px;\r\n height:52px;\r\n object-fit:contain;\r\n transition:.3s ease;\r\n}\r\n\r\n.logo span{\r\n line-height:1;\r\n}\r\n\r\n.header.scrolled .logo{\r\n color:var(--text-dark);\r\n}\r\n\r\n.header.scrolled .logo-img{\r\n transform:scale(.95);\r\n}\r\n\r\n\/* ========================================\r\n NAV MENU\r\n======================================== *\/\r\n\r\n.nav-menu{\r\n display:flex;\r\n align-items:center;\r\n gap:34px;\r\n}\r\n\r\n.nav-link{\r\n position:relative;\r\n color:rgba(255,255,255,.92);\r\n font-size:15px;\r\n font-weight:500;\r\n transition:.3s ease;\r\n}\r\n\r\n.nav-link:hover{\r\n color:#fff;\r\n}\r\n\r\n.nav-link::after{\r\n content:'';\r\n position:absolute;\r\n left:0;\r\n bottom:-6px;\r\n width:0;\r\n height:2px;\r\n background:var(--accent);\r\n border-radius:50px;\r\n transition:.3s ease;\r\n}\r\n\r\n.nav-link:hover::after,\r\n.nav-link.active::after{\r\n width:100%;\r\n}\r\n\r\n\/* Scroll Colors *\/\r\n\r\n.header.scrolled .nav-link{\r\n color:var(--text-dark);\r\n}\r\n.header.scrolled .nav-link:hover,\r\n.header.scrolled .nav-link.active{\r\n color:var(--primary);\r\n}\r\n\r\n\/* ========================================\r\n CTA BUTTON\r\n======================================== *\/\r\n\r\n.nav-cta{\r\n padding:12px 24px;\r\n border-radius:50px;\r\n font-size:14px;\r\n font-weight:600;\r\n transition:.3s ease;\r\n}\r\n\r\n.header.scrolled .nav-cta{\r\n box-shadow:0 8px 25px rgba(0,0,0,.08);\r\n}\r\n\r\n\/* ========================================\r\n MOBILE TOGGLE\r\n======================================== *\/\r\n\r\n.mobile-toggle{\r\n display:none;\r\n flex-direction:column;\r\n gap:5px;\r\n background:none;\r\n border:none;\r\n cursor:pointer;\r\n}\r\n\r\n.mobile-toggle span{\r\n width:24px;\r\n height:2px;\r\n border-radius:10px;\r\n background:#fff;\r\n transition:.3s ease;\r\n}\r\n\r\n.header.scrolled .mobile-toggle span{\r\n background:var(--primary);\r\n}\r\n\r\n \/* Hero Carousel Section *\/\r\n .hero {\r\n position: relative;\r\n height: 100vh;\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: var(--primary);\r\n }\r\n\r\n .hero-carousel {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .carousel-slide {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n align-items: center;\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n\r\n .carousel-slide::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to right, rgba(15,45,33,0.85) 30%, rgba(15,45,33,0.4) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .carousel-slide.active {\r\n opacity: 1;\r\n z-index: 2;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 750px;\r\n color: var(--bg-white);\r\n padding-top: 80px;\r\n transform: translateY(30px);\r\n opacity: 0;\r\n transition: all 0.8s ease 0.4s;\r\n }\r\n\r\n .carousel-slide.active .hero-content {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n .hero-title {\r\n font-size: 56px;\r\n font-weight: 800;\r\n line-height: 1.15;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .hero-desc {\r\n font-size: 18px;\r\n color: rgba(255, 255, 255, 0.85);\r\n margin-bottom: 36px;\r\n max-width: 600px;\r\n }\r\n\r\n .carousel-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 10;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n color: var(--bg-white);\r\n width: 54px;\r\n height: 54px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n\r\n .carousel-arrow:hover {\r\n background: var(--bg-white);\r\n color: var(--primary);\r\n }\r\n\r\n .carousel-arrow-prev { left: 40px; }\r\n .carousel-arrow-next { right: 40px; }\r\n\r\n .carousel-dots {\r\n position: absolute;\r\n bottom: 40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n z-index: 10;\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .carousel-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.3);\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n\r\n .carousel-dot.active {\r\n background: var(--bg-white);\r\n width: 24px;\r\n border-radius: 5px;\r\n }\r\n\r\n \/* Section Layout Common Padding *\/\r\n .section-padding {\r\n padding: 100px 0;\r\n }\r\n\r\n \/* About Section *\/\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .about-image-wrapper {\r\n position: relative;\r\n }\r\n\r\n .about-image-main {\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-lg);\r\n width: 100%;\r\n height: 500px;\r\n object-fit: cover;\r\n }\r\n\r\n .about-badge {\r\n position: absolute;\r\n bottom: -30px;\r\n right: 30px;\r\n background: var(--bg-white);\r\n padding: 24px 32px;\r\n border-radius: var(--radius-md);\r\n box-shadow: var(--shadow-lg);\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n border-left: 5px solid var(--accent);\r\n }\r\n\r\n .about-badge .badge-number {\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n }\r\n\r\n .about-badge .badge-text {\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: var(--text-muted);\r\n line-height: 1.3;\r\n }\r\n\r\n .about-content h2 {\r\n font-size: 36px;\r\n color: var(--primary);\r\n font-weight: 800;\r\n margin-bottom: 24px;\r\n line-height: 1.25;\r\n }\r\n\r\n .about-content p {\r\n color: var(--text-muted);\r\n margin-bottom: 20px;\r\n font-size: 15px;\r\n }\r\n\r\n .about-features {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin: 32px 0 40px 0;\r\n }\r\n\r\n .about-feature-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-weight: 600;\r\n color: var(--primary);\r\n font-size: 14px;\r\n }\r\n\r\n .about-feature-item svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: var(--accent);\r\n }\r\n\r\n \/* Services Section *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .service-card {\r\n background: var(--bg-white);\r\n padding: 40px;\r\n border-radius: var(--radius-md);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition);\r\n border: 1px solid rgba(0,0,0,0.02);\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: var(--shadow-lg);\r\n border-color: rgba(15,45,33,0.05);\r\n }\r\n\r\n .service-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(15,45,33,0.04);\r\n border-radius: var(--radius-sm);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--primary);\r\n margin-bottom: 24px;\r\n transition: var(--transition);\r\n }\r\n\r\n .service-card:hover .service-icon {\r\n background: var(--primary);\r\n color: var(--bg-white);\r\n }\r\n\r\n .service-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: currentColor;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .service-card p {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Process Section *\/\r\n .process-container {\r\n position: relative;\r\n display: flex;\r\n justify-content: space-between;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n .process-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 35px;\r\n left: 50px;\r\n right: 50px;\r\n height: 2px;\r\n background-color: var(--border-color);\r\n z-index: 1;\r\n }\r\n\r\n .process-step {\r\n position: relative;\r\n z-index: 2;\r\n text-align: center;\r\n flex: 1;\r\n padding: 0 20px;\r\n }\r\n\r\n .process-number {\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n background-color: var(--bg-white);\r\n border: 2px solid var(--border-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin: 0 auto 24px auto;\r\n transition: var(--transition);\r\n }\r\n\r\n .process-step:hover .process-number {\r\n background-color: var(--primary);\r\n border-color: var(--primary);\r\n color: var(--bg-white);\r\n transform: scale(1.1);\r\n }\r\n\r\n .process-step h4 {\r\n font-size: 16px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n color: var(--primary);\r\n }\r\n\r\n .process-step p {\r\n font-size: 13px;\r\n color: var(--text-muted);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Gallery Section Layout matching screencapture-127-0-0-1-60258-2026-07-03-22_23_45.jpg *\/\r\n .gallery-layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr 0.8fr 1fr;\r\n grid-template-rows: 250px 250px;\r\n gap: 20px;\r\n }\r\n\r\n .gallery-item {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: var(--radius-md);\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: var(--transition);\r\n }\r\n\r\n .gallery-item:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .gallery-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(to top, rgba(15,45,33,0.85) 0%, rgba(15,45,33,0) 100%);\r\n opacity: 0;\r\n transition: var(--transition);\r\n display: flex;\r\n align-items: flex-end;\r\n padding: 24px;\r\n }\r\n\r\n .gallery-item:hover .gallery-overlay {\r\n opacity: 1;\r\n }\r\n\r\n .gallery-text h4 {\r\n color: var(--bg-white);\r\n font-size: 16px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* Exact placement mappings from reference *\/\r\n .gallery-item-1 { grid-column: 1 \/ 2; grid-row: 1 \/ 3; } \/* Large main vertical *\/\r\n .gallery-item-2 { grid-column: 2 \/ 3; grid-row: 1 \/ 2; }\r\n .gallery-item-3 { grid-column: 3 \/ 4; grid-row: 1 \/ 2; }\r\n .gallery-item-4 { grid-column: 2 \/ 4; grid-row: 2 \/ 3; }\r\n\r\n \/* Testimonials Section *\/\r\n .testimonials-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .testimonial-card {\r\n background-color: var(--bg-white);\r\n padding: 40px;\r\n border-radius: var(--radius-md);\r\n box-shadow: var(--shadow-sm);\r\n transition: var(--transition);\r\n border-top: 4px solid transparent;\r\n }\r\n\r\n .testimonial-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-md);\r\n border-top-color: var(--accent);\r\n }\r\n\r\n .stars {\r\n color: #F1C40F;\r\n display: flex;\r\n gap: 4px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .stars svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: currentColor;\r\n }\r\n\r\n .testimonial-text {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n line-height: 1.6;\r\n font-style: italic;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .author-info{\r\n margin-top:22px;\r\n padding-top:18px;\r\n border-top:1px solid rgba(0,0,0,.08);\r\n}\r\n\r\n.author-name{\r\n font-size:16px;\r\n font-weight:700;\r\n color:var(--primary);\r\n letter-spacing:.3px;\r\n}\r\n\r\n \/* ==========================================\r\n FAQ SECTION\r\n========================================== *\/\r\n\r\n.faq-max{\r\n max-width:850px;\r\n margin:0 auto;\r\n}\r\n\r\n.faq-item{\r\n background:#fff;\r\n border:1px solid rgba(15,45,33,.08);\r\n border-radius:14px;\r\n margin-bottom:18px;\r\n overflow:hidden;\r\n box-shadow:0 8px 24px rgba(15,45,33,.05);\r\n transition:all .35s ease;\r\n}\r\n\r\n.faq-item:hover{\r\n transform:translateY(-3px);\r\n border-color:rgba(184,115,51,.35);\r\n box-shadow:0 15px 35px rgba(15,45,33,.08);\r\n}\r\n\r\n.faq-trigger{\r\n width:100%;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n\r\n padding:24px 28px;\r\n\r\n border:none;\r\n outline:none;\r\n background:transparent;\r\n\r\n cursor:pointer;\r\n text-align:left;\r\n\r\n font-size:16px;\r\n font-weight:600;\r\n line-height:1.5;\r\n\r\n color:var(--primary);\r\n\r\n transition:all .3s ease;\r\n}\r\n\r\n\/* Remove red hover *\/\r\n.faq-trigger:hover{\r\n background:rgba(15,45,33,.03);\r\n color:var(--primary);\r\n}\r\n\r\n.faq-trigger:focus,\r\n.faq-trigger:active{\r\n outline:none;\r\n background:rgba(15,45,33,.04);\r\n color:var(--primary);\r\n}\r\n\r\n.faq-icon{\r\n width:20px;\r\n height:20px;\r\n flex-shrink:0;\r\n margin-left:20px;\r\n\r\n fill:var(--accent);\r\n\r\n transition:all .35s ease;\r\n}\r\n\r\n.faq-panel{\r\n max-height:0;\r\n overflow:hidden;\r\n\r\n padding:0 28px;\r\n\r\n color:var(--text-muted);\r\n font-size:15px;\r\n line-height:1.8;\r\n\r\n transition:\r\n max-height .45s ease,\r\n padding .35s ease;\r\n}\r\n\r\n.faq-panel p{\r\n padding-bottom:24px;\r\n}\r\n\r\n.faq-item.active{\r\n border-color:rgba(184,115,51,.4);\r\n}\r\n\r\n.faq-item.active .faq-trigger{\r\n background:rgba(184,115,51,.06);\r\n}\r\n\r\n.faq-item.active .faq-icon{\r\n transform:rotate(180deg);\r\n}\r\n\r\n.faq-item.active .faq-panel{\r\n padding:0 28px 24px;\r\n}\r\n \/* Contact Section *\/\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 60px;\r\n align-items: flex-start;\r\n }\r\n\r\n .contact-form-wrapper {\r\n background-color: var(--bg-white);\r\n padding: 44px;\r\n border-radius: var(--radius-md);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 13px;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n color: var(--primary);\r\n }\r\n\r\n .form-control {\r\n width: 100%;\r\n padding: 12px 16px;\r\n border: 1px solid var(--border-color);\r\n background-color: var(--bg-light);\r\n border-radius: var(--radius-sm);\r\n font-size: 14px;\r\n color: var(--text-dark);\r\n transition: var(--transition);\r\n }\r\n\r\n .form-control:focus {\r\n border-color: var(--primary);\r\n background-color: var(--bg-white);\r\n }\r\n\r\n textarea.form-control {\r\n height: 120px;\r\n resize: none;\r\n }\r\n\r\n \/* Map and Contact Details Column *\/\r\n .contact-details-panel {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 30px;\r\n }\r\n\r\n .map-container {\r\n border-radius: var(--radius-md);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-sm);\r\n height: 250px;\r\n background: #E5E4E2;\r\n position: relative;\r\n }\r\n\r\n .map-placeholder {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: grayscale(20%);\r\n }\r\n\r\n .map-badge {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: var(--bg-white);\r\n padding: 16px 20px;\r\n border-radius: var(--radius-sm);\r\n box-shadow: var(--shadow-md);\r\n font-size: 12px;\r\n max-width: 220px;\r\n }\r\n\r\n .map-badge h5 {\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .info-strip {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n font-size: 14px;\r\n }\r\n\r\n .info-icon {\r\n width: 36px;\r\n height: 36px;\r\n background: rgba(15,45,33,0.04);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--accent);\r\n flex-shrink: 0;\r\n }\r\n\r\n .info-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: currentColor;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n background-color: var(--primary);\r\n color: rgba(255, 255, 255, 0.7);\r\n padding: 80px 0 30px 0;\r\n font-size: 14px;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\r\n gap: 50px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .footer-brand .logo {\r\n color: var(--bg-white);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .footer-brand p {\r\n line-height: 1.6;\r\n margin-bottom: 24px;\r\n font-size: 13.5px;\r\n }\r\n\r\n .social-row {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .social-icon {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--bg-white);\r\n transition: var(--transition);\r\n }\r\n\r\n .social-icon:hover {\r\n background-color: var(--accent);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .social-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: currentColor;\r\n }\r\n\r\n .footer-col h4 {\r\n color: var(--bg-white);\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-bottom: 24px;\r\n position: relative;\r\n }\r\n\r\n .footer-links display: flex;\r\n .footer-links flex-direction: column;\r\n .footer-links gap: 12px;\r\n\r\n .footer-links li {\r\n margin-bottom: 12px;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--bg-white);\r\n padding-left: 4px;\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n padding-top: 30px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 12px;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 1024px) {\r\n .services-grid, .testimonials-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .about-grid, .contact-grid {\r\n grid-template-columns: 1fr;\r\n gap: 50px;\r\n }\r\n .gallery-layout {\r\n grid-template-columns: 1fr 1fr;\r\n grid-template-rows: repeat(3, 200px);\r\n }\r\n .gallery-item-1 { grid-column: 1 \/ 2; grid-row: 1 \/ 3; }\r\n .gallery-item-2 { grid-column: 2 \/ 3; grid-row: 1 \/ 2; }\r\n .gallery-item-3 { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\r\n .gallery-item-4 { grid-column: 1 \/ 3; grid-row: 3 \/ 4; }\r\n \r\n .footer-grid {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero-title { font-size: 38px; }\r\n .section-title { font-size: 28px; }\r\n .nav-menu { display: none; }\r\n .mobile-toggle { display: flex; }\r\n .services-grid, .testimonials-grid { grid-template-columns: 1fr; }\r\n .process-container { flex-direction: column; gap: 40px; }\r\n .process-container::before { display: none; }\r\n .carousel-arrow { display: none; }\r\n .logo-img {\r\n width: 42px;\r\n height: 42px;\r\n }\r\n\r\n .logo {\r\n font-size: 1.15rem;\r\n gap: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Sticky Navigation Header -->\r\n <header class=\"header\" id=\"mainHeader\">\r\n <div class=\"container nav-container\">\r\n <a href=\"#\" class=\"logo\" aria-label=\"Tropical Paradise\">\r\n <img decoding=\"async\" src=\"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/Untitled-design-71-e1783352938130.png\" alt=\"Tropical Paradise Logo\" class=\"logo-img\">\r\n <span>Tropical Paradise<\/span>\r\n<\/a>\r\n <nav class=\"nav-menu\" role=\"navigation\" aria-label=\"Main Navigation\">\r\n <a href=\"#hero\" class=\"nav-link active\">Home<\/a>\r\n <a href=\"#about\" class=\"nav-link\">About Us<\/a>\r\n <a href=\"#services\" class=\"nav-link\">Services<\/a>\r\n <a href=\"#process\" class=\"nav-link\">Our Process<\/a>\r\n <a href=\"#gallery\" class=\"nav-link\">Gallery<\/a>\r\n <a href=\"#testimonials\" class=\"nav-link\">Reviews<\/a>\r\n <a href=\"#faq\" class=\"nav-link\">FAQ<\/a>\r\n <a href=\"#contact\" class=\"btn btn-accent nav-cta\">Get an Estimate<\/a>\r\n <\/nav>\r\n <button class=\"mobile-toggle\" aria-label=\"Toggle menu\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n <\/button>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Fullscreen Slider Hero Section -->\r\n <section class=\"hero\" id=\"hero\">\r\n <div class=\"hero-carousel\">\r\n <!-- Slide 1 -->\r\n <div class=\"carousel-slide active\" style=\"background-image: url('https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/unnamed-5.jpg');\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">Sustainable Irrigation & Water Management<\/h1>\r\n <p class=\"hero-desc\">Engineered eco-friendly water distribution systems built to optimize coverage while conserving resources responsibly.<\/p>\r\n <a href=\"#contact\" class=\"btn btn-accent\">Schedule Evaluation<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 2 -->\r\n <div class=\"carousel-slide\" style=\"background-image: url('https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/unnamed.jpg');\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">Architectural Hardscapes & Living Spaces<\/h1>\r\n <p class=\"hero-desc\">Crafting high-end structural stone features, premium pathways, patios, and customized natural masonry work.<\/p>\r\n <a href=\"#gallery\" class=\"btn btn-accent\">View Our Portfolio<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- Slide 3 -->\r\n <div class=\"carousel-slide\" style=\"background-image: url('https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/unnamed-3.jpg');\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"hero-title\">Premium Maintenance & Elite Estate Care<\/h1>\r\n <p class=\"hero-desc\">Dedicated, year-round precision care plans ensuring pristine presentation for high-end residential estates.<\/p>\r\n <a href=\"#services\" class=\"btn btn-accent\">Explore Services<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"carousel-arrow carousel-arrow-prev\" aria-label=\"Previous Slide\">❮<\/button>\r\n <button class=\"carousel-arrow carousel-arrow-next\" aria-label=\"Next Slide\">❯<\/button>\r\n \r\n <div class=\"carousel-dots\">\r\n <span class=\"carousel-dot active\" data-index=\"0\"><\/span>\r\n <span class=\"carousel-dot\" data-index=\"1\"><\/span>\r\n <span class=\"carousel-dot\" data-index=\"2\"><\/span>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- About Section -->\r\n <section class=\"section-padding\" id=\"about\">\r\n <div class=\"container\">\r\n <div class=\"about-grid\">\r\n <div class=\"about-image-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/29799cdd0961ae42edb1990452b83187.jpg\" class=\"about-image-main\" loading=\"lazy\">\r\n <div class=\"about-badge\">\r\n <span class=\"badge-number\">15+<\/span>\r\n <span class=\"badge-text\">Years of Elite<br>Craftsmanship<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-content\">\r\n <span class=\"section-tag\">Elite Quality<\/span>\r\n <h2>Luxury Landscape System Design<\/h2>\r\n <p>At GreenScape, we view landscaping as an art form supported by architectural science. Our professional engineering team works collaboratively to plan, install, and continuously optimize residential environments with unparalleled premium detail.<\/p>\r\n <p>We combine highly sustainable materials with cutting-edge smart home irrigation intelligence to minimize footprint while maximizing natural visual aesthetic appeal.<\/p>\r\n \r\n <div class=\"about-features\">\r\n <div class=\"about-feature-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n Licensed Engineers\r\n <\/div>\r\n <div class=\"about-feature-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n Smart Irrigation Tech\r\n <\/div>\r\n <div class=\"about-feature-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n Sustainable Masonry\r\n <\/div>\r\n <div class=\"about-feature-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n Fully Insured Care\r\n <\/div>\r\n <\/div>\r\n <a href=\"#contact\" class=\"btn btn-primary\">Speak With An Expert<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section class=\"section-padding\" id=\"services\" style=\"background-color: var(--bg-white);\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">What We Do<\/span>\r\n <h2 class=\"section-title\">Comprehensive Outdoor Innovations<\/h2>\r\n <\/div>\r\n \r\n <div class=\"services-grid\">\r\n <!-- Card 1 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2c-5.33 4.55-8 8.41-8 11.58C4 17.96 7.58 21 12 21s8-3.04 8-7.42C20 10.41 17.33 6.55 12 2zm0 17c-3.31 0-6-2.24-6-5 0-2 2-5.17 6-8.75 4 3.58 6 6.75 6 8.75 0 2.76-2.69 5-6 5z\"\/><\/svg>\r\n <\/div>\r\n <h3>Smart Water Management<\/h3>\r\n <p>Advanced subsurface water delivery loops equipped with integrated weather monitoring sensors to drastically reduce waste.<\/p>\r\n <\/div>\r\n <!-- Card 2 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3zm5 15h-2v-6H9v6H7v-7.81l5-4.5 5 4.5V18z\"\/><\/svg>\r\n <\/div>\r\n <h3>Hardscape Construction<\/h3>\r\n <p>Exquisite custom outdoor brick layouts, flagstone retention structures, and modern firepit installations made to endure generations.<\/p>\r\n <\/div>\r\n <!-- Card 3 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17.93c-3.95-.49-7-3.85-7-7.93h2c0 2.76 2.24 5 5 5v2.93z\"\/><\/svg>\r\n <\/div>\r\n <h3>Landscape Architecture<\/h3>\r\n <p>Sophisticated multi-dimensional topological blueprints maximizing spatial movement flow and accentuating architectural sightlines.<\/p>\r\n <\/div>\r\n <!-- Card 4 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 11h-4.17l3.24-3.24-1.41-1.42L15 11h-2V9l4.66-4.66-1.42-1.41L13 6.17V2h-2v4.17L7.76 2.93 6.34 4.34 11 9v2H9L4.34 6.34 2.93 7.76 6.17 11H2v2h4.17l-3.24 3.24 1.41 1.42L9 13h2v2l-4.66 4.66 1.42 1.41L11 17.83V22h2v-4.17l3.24 3.24 1.41-1.42L13 15v-2h2l4.66 4.66 1.42-1.41L17.83 13H22v-2z\"\/><\/svg>\r\n <\/div>\r\n <h3>Seasonal Planting<\/h3>\r\n <p>Curated botanical selection featuring native perennial variations engineered for climate resilient growth patterns.<\/p>\r\n <\/div>\r\n <!-- Card 5 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9 0 2.12.74 4.07 1.97 5.61L4.35 19.4c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0l1.9-1.9C9.22 19.58 10.57 20 12 20c4.97 0 9-4.03 9-9s-4.03-9-9-9zm0 15c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z\"\/><\/svg>\r\n <\/div>\r\n <h3>Illumination Networks<\/h3>\r\n <p>Low-voltage dynamic LED directional safety uplighting configurations emphasizing dramatic tree canopies during nightfall.<\/p>\r\n <\/div>\r\n <!-- Card 6 -->\r\n <div class=\"service-card\">\r\n <div class=\"service-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z\"\/><\/svg>\r\n <\/div>\r\n <h3>Pristine Upkeep<\/h3>\r\n <p>Detailed organic weed management structures, premium structural shaping, and continuous nutrient level checks.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Process Section -->\r\n <section class=\"section-padding\" id=\"process\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">How We Work<\/span>\r\n <h2 class=\"section-title\">Our Design & Build Process<\/h2>\r\n <\/div>\r\n \r\n <div class=\"process-container\">\r\n <div class=\"process-step\">\r\n <div class=\"process-number\">01<\/div>\r\n <h4>Consultation<\/h4>\r\n <p>On-site topological property deep-dive to define project objectives, budgetary ranges, and layout themes.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <div class=\"process-number\">02<\/div>\r\n <h4>Blueprint<\/h4>\r\n <p>3D architectural rendering models presented alongside full pricing transparency break downs.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <div class=\"process-number\">03<\/div>\r\n <h4>Build<\/h4>\r\n <p>Master execution with minimal intrusion on daily household workflows overseen by dedicated managers.<\/p>\r\n <\/div>\r\n <div class=\"process-step\">\r\n <div class=\"process-number\">04<\/div>\r\n <h4>Review<\/h4>\r\n <p>Final quality inspection checks ensuring optimal system calibrations match our strict internal metric thresholds.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Gallery Section reflecting screencapture-127-0-0-1-60258-2026-07-03-22_23_45.jpg -->\r\n <section class=\"section-padding\" id=\"gallery\" style=\"background-color: var(--bg-white);\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Portfolio<\/span>\r\n <h2 class=\"section-title\">Luxury Transformations<\/h2>\r\n <\/div>\r\n \r\n <div class=\"gallery-layout\">\r\n <div class=\"gallery-item gallery-item-1\">\r\n <img decoding=\"async\" src=\"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/8e2a929c191a10a37857f7d094dc10f1.jpg\" alt=\"Exotic patio and built-in stone outdoor kitchen grill\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\">\r\n <div class=\"gallery-text\">\r\n <h4>Outdoor Kitchen & Living Space<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item gallery-item-2\">\r\n <img decoding=\"async\" src=\"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/8321562861716639131.jpg\" alt=\"Sustainable micro-drip irrigation system close-up\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\">\r\n <div class=\"gallery-text\">\r\n <h4>Precision Micro-Irrigation<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item gallery-item-3\">\r\n <img decoding=\"async\" src=\"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/unnamed-2.jpg\" alt=\"Illuminated custom timber pergola lounge area\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\">\r\n <div class=\"gallery-text\">\r\n <h4>Dynamic Architectural Lighting<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"gallery-item gallery-item-4\">\r\n <img decoding=\"async\" src=\"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/photo-1512917774080-9991f1c4c750.jpg\" alt=\"Luxury pool build integration with natural waterfall rocks\" loading=\"lazy\">\r\n <div class=\"gallery-overlay\">\r\n <div class=\"gallery-text\">\r\n <h4>Artisanal Poolside Oasis Integration<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Testimonials Section -->\r\n <section class=\"section-padding\" id=\"testimonials\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Testimonials<\/span>\r\n <h2 class=\"section-title\">What Our Clients Say<\/h2>\r\n <\/div>\r\n\r\n <div class=\"testimonials-grid\">\r\n\r\n <!-- Review 1 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <\/div>\r\n\r\n <p class=\"testimonial-text\">\r\n \"Tropical Paradise completely transformed our backyard into a beautiful outdoor retreat. The team was professional, punctual, and the final result exceeded every expectation.\"\r\n <\/p>\r\n\r\n <div class=\"author-info\">\r\n <h4 class=\"author-name\">Sarah Mitchell<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Review 2 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <\/div>\r\n\r\n <p class=\"testimonial-text\">\r\n \"From landscape design to planting and irrigation, everything was completed flawlessly. Our property has never looked better.\"\r\n <\/p>\r\n\r\n <div class=\"author-info\">\r\n <h4 class=\"author-name\">Michael Anderson<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Review 3 -->\r\n <div class=\"testimonial-card\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n <\/div>\r\n\r\n <p class=\"testimonial-text\">\r\n \"Excellent communication, creative ideas, and outstanding workmanship. We highly recommend Tropical Paradise for any landscaping project.\"\r\n <\/p>\r\n\r\n <div class=\"author-info\">\r\n <h4 class=\"author-name\">Jennifer Wilson<\/h4>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n <!-- FAQ Accordion Section -->\r\n <section class=\"section-padding\" id=\"faq\" style=\"background-color: var(--bg-white);\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Information<\/span>\r\n <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\r\n <\/div>\r\n\r\n <div class=\"faq-max\">\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-trigger\">\r\n <span>Do you offer free estimates for landscaping projects?<\/span>\r\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-panel\">\r\n <p>Yes, we provide free, no-obligation estimates for all landscaping, hardscaping, irrigation, masonry, and concrete projects. Our team will assess your property and recommend the best solution for your needs and budget.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-trigger\">\r\n <span>What landscaping services do you provide?<\/span>\r\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-panel\">\r\n <p>We offer complete landscape design, lawn installation, planting, irrigation systems, hardscaping, retaining walls, concrete work, outdoor living spaces, and ongoing landscape maintenance.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-trigger\">\r\n <span>Do you install irrigation and sprinkler systems?<\/span>\r\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-panel\">\r\n <p>Yes. We install and repair sprinkler systems, drip irrigation, smart irrigation controllers, leak detection systems, and water-efficient solutions designed to keep your landscape healthy while reducing water waste.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-trigger\">\r\n <span>Do you build patios, walkways, and retaining walls?<\/span>\r\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-panel\">\r\n <p>Absolutely. We specialize in custom patios, paver walkways, retaining walls, decorative stonework, concrete driveways, outdoor kitchens, fire pits, and complete hardscape installations.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-trigger\">\r\n <span>How long does a typical landscaping project take?<\/span>\r\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-panel\">\r\n <p>Project timelines depend on the size and scope of the work. Smaller landscaping projects can often be completed within a few days, while larger backyard renovations and hardscape installations typically take one to three weeks.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-trigger\">\r\n <span>Do you offer landscape maintenance services?<\/span>\r\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-panel\">\r\n <p>Yes. We provide routine lawn care, seasonal cleanups, pruning, weed control, mulching, plant care, and ongoing maintenance to keep your outdoor space looking its best throughout the year.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-trigger\">\r\n <span>Are you licensed and experienced?<\/span>\r\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\">\r\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-panel\">\r\n <p>Yes. Our experienced team is dedicated to delivering high-quality landscaping, hardscaping, irrigation, masonry, and concrete services with professional workmanship and exceptional customer satisfaction.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n <!-- Contact Section -->\r\n <section class=\"section-padding\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"contact-grid\">\r\n <!-- Left Side: Form -->\r\n <div class=\"contact-form-wrapper\">\r\n <span class=\"section-tag\">Consultation Request<\/span>\r\n <h3 style=\"font-size: 24px; color: var(--primary); margin-bottom: 24px; font-weight: 800;\">Get Your On-Site Assessment<\/h3>\r\n <form id=\"landingContactForm\">\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"clientName\">Full Name<\/label>\r\n <input type=\"text\" id=\"clientName\" class=\"form-control\" placeholder=\"Johnathan Doe\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"clientPhone\">Phone Number<\/label>\r\n <input type=\"tel\" id=\"clientPhone\" class=\"form-control\" placeholder=\"(555) 382-9104\" required>\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"clientEmail\">Email Address<\/label>\r\n <input type=\"email\" id=\"clientEmail\" class=\"form-control\" placeholder=\"info@greenscapeluxury.com\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"serviceType\">Target System Requirement<\/label>\r\n <select id=\"serviceType\" class=\"form-control\">\r\n <option>Smart Water Management Integration<\/option>\r\n <option>Premium Structural Hardscaping<\/option>\r\n <option>Landscape Architecture Design<\/option>\r\n <option>Full Estate Master Care Plan<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"clientMessage\">Property Specifications \/ Message<\/label>\r\n <textarea id=\"clientMessage\" class=\"form-control\" placeholder=\"Detail any existing layout limitations or drainage problems...\"><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">Submit Consultation Request<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <!-- Right Side: Contact details & Map Box exactly referencing look of file screencapture-127-0-0-1-60258-2026-07-03-22_23_45.jpg -->\r\n <div class=\"contact-details-panel\">\r\n <div class=\"map-container\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524661135-423995f22d0b?auto=format&fit=crop&w=600&q=80\" alt=\"Clean styled map background location\" class=\"map-placeholder\">\r\n <div class=\"map-badge\">\r\n <h5>Main Office<\/h5>\r\n <p style=\"color: var(--text-muted);\">1212 Currant Ave, Simi Valley,<br>CA 93065, United States<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-strip\">\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <strong style=\"display:block; color: var(--primary);\">Phone Hotline<\/strong>\r\n <span style=\"color: var(--text-muted);\">+1 (555) 382-9104<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <strong style=\"display:block; color: var(--primary);\">Email Channel<\/strong>\r\n <span style=\"color: var(--text-muted);\">info@greenscapeluxury.com<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-item\">\r\n <div class=\"info-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm3.3 13.3L11 12.9V7h1.5v5.2l3.7 2.2-.7 1.1z\"\/><\/svg>\r\n <\/div>\r\n <div>\r\n <strong style=\"display:block; color: var(--primary);\">Operational Windows<\/strong>\r\n <span style=\"color: var(--text-muted);\">Mon - Fri: 7:00 AM - 6:00 PM | Sat: 8:00 AM - 3:00 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\" aria-label=\"Tropical Paradise\">\r\n <img decoding=\"async\" src=\"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-content\/uploads\/2026\/07\/Untitled-design-71-e1783352938130.png\" alt=\"Tropical Paradise Logo\" class=\"logo-img\">\r\n <span>Tropical Paradise<\/span>\r\n<\/a>\r\n <p>Architecting structural living outdoor masterworks with elite eco-friendly intelligent management components.<\/p>\r\n <div class=\"social-row\">\r\n <a href=\"facebook.com\/profile.php?id=61591079655573\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2m13 2h-2.5A3.5 3.5 0 0 0 12 8.5V11h-2v3h2v7h3v-7h3v-3h-3V9a1 1 0 0 1 1-1h2V5z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/tropical.paradise_landscaping\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4H7.6m6.4 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0m1.4-4.4a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"social-icon\" aria-label=\"LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Navigation<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#hero\">Home<\/a><\/li>\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#process\">Our Process<\/a><\/li>\r\n <li><a href=\"#gallery\">Portfolio<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Core Services<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#services\">Water Management<\/a><\/li>\r\n <li><a href=\"#services\">Hardscaping<\/a><\/li>\r\n <li><a href=\"#services\">Architecture Design<\/a><\/li>\r\n <li><a href=\"#services\">Estate Upkeep<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Our Location<\/h4>\r\n <p style=\"margin-bottom: 12px; font-size: 13px;\">1212 Currant Ave, Simi Valley,<br>CA 93065, United States<\/p>\r\n <p style=\"font-size: 13px;\">Call Now: +1 805-732-6607<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <p>© 2026 Tropical Paradise Luxury Landscaping. All Rights Reserved.<\/p>\r\n <p>Designed By DMWORX LLC<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Vanilla Javascript Controllers -->\r\n <script>\r\n \/\/ Header Scroll Interaction State Transformation\r\n const header = document.getElementById(\"mainHeader\");\r\n\r\nfunction updateHeader(){\r\n header.classList.toggle(\"scrolled\", window.scrollY > 50);\r\n}\r\n\r\nwindow.addEventListener(\"scroll\", updateHeader);\r\nwindow.addEventListener(\"load\", updateHeader);\r\n\r\n \/\/ Hero Auto Rotating Fade Slider Controller Engine\r\n const slides = document.querySelectorAll('.carousel-slide');\r\n const dots = document.querySelectorAll('.carousel-dot');\r\n const nextBtn = document.querySelector('.carousel-arrow-next');\r\n const prevBtn = document.querySelector('.carousel-arrow-prev');\r\n let currentSlideIndex = 0;\r\n let slideRotationTimer;\r\n\r\n function updateSlidePosition(targetIndex) {\r\n slides[currentSlideIndex].classList.remove('active');\r\n dots[currentSlideIndex].classList.remove('active');\r\n \r\n currentSlideIndex = (targetIndex + slides.length) % slides.length;\r\n \r\n slides[currentSlideIndex].classList.add('active');\r\n dots[currentSlideIndex].classList.add('active');\r\n }\r\n\r\n function initiateAutoRotation() {\r\n clearInterval(slideRotationTimer);\r\n slideRotationTimer = setInterval(() => {\r\n updateSlidePosition(currentSlideIndex + 1);\r\n }, 6000);\r\n }\r\n\r\n nextBtn.addEventListener('click', () => {\r\n updateSlidePosition(currentSlideIndex + 1);\r\n initiateAutoRotation();\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n updateSlidePosition(currentSlideIndex - 1);\r\n initiateAutoRotation();\r\n });\r\n\r\n dots.forEach(dot => {\r\n dot.addEventListener('click', (e) => {\r\n const index = parseInt(e.target.getAttribute('data-index'));\r\n updateSlidePosition(index);\r\n initiateAutoRotation();\r\n });\r\n });\r\n\r\n \/\/ Initiate slide rotation sequence\r\n initiateAutoRotation();\r\n\r\n \/\/ FAQ Interactive Accordion Panels System Logic\r\n const faqTriggers = document.querySelectorAll('.faq-trigger');\r\n faqTriggers.forEach(trigger => {\r\n trigger.addEventListener('click', () => {\r\n const currentItem = trigger.parentElement;\r\n const panel = trigger.nextElementSibling;\r\n const isActive = currentItem.classList.contains('active');\r\n \r\n \/\/ Collapse all active panels first\r\n document.querySelectorAll('.faq-item').forEach(item => {\r\n item.classList.remove('active');\r\n item.querySelector('.faq-panel').style.maxHeight = null;\r\n });\r\n\r\n if (!isActive) {\r\n currentItem.classList.add('active');\r\n panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n }\r\n });\r\n });\r\n\r\n \/\/ Mobile Menu Viewport Toggle Controller\r\n const toggleBtn = document.querySelector('.mobile-toggle');\r\n const navMenu = document.querySelector('.nav-menu');\r\n toggleBtn.addEventListener('click', () => {\r\n if(navMenu.style.display === 'flex') {\r\n navMenu.style.display = 'none';\r\n } else {\r\n navMenu.style.display = 'flex';\r\n navMenu.style.flexDirection = 'column';\r\n navMenu.style.position = 'absolute';\r\n navMenu.style.top = '100%';\r\n navMenu.style.left = '0';\r\n navMenu.style.width = '100%';\r\n navMenu.style.backgroundColor = 'var(--primary)';\r\n navMenu.style.padding = '20px';\r\n }\r\n });\r\n\r\n \/\/ Form Submit Prevent Event Handler\r\n document.getElementById('landingContactForm').addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n alert('Thank you for choosing GreenScape. Our site engineering division will contact you shortly to schedule your on-site consultation.');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>GreenScape Luxury Landscaping & Water Management Tropical Paradise Home About Us Services Our Process Gallery Reviews FAQ Get an Estimate Sustainable Irrigation & Water Management Engineered eco-friendly water distribution systems built to optimize coverage while conserving resources responsibly. Schedule Evaluation Architectural Hardscapes & Living Spaces Crafting high-end structural stone features, premium pathways, patios, and customized […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":31,"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/pages\/6\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/usalocalcitations.com\/TropicalParadise\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}