Merge version_8 into main

Merge version_8 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import { Award, Cloud, Feather, Globe, HelpCircle, Star } from "lucide-react";
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function LandingPage() {
   return (
@@ -51,9 +51,7 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
-      background={{
-        variant: "plain"}}
+      <HeroCarouselLogo
       logoText="Your Dream Outdoor Space, Brought to Life"
       description="Phoenix's Premier Landscape Design & Installation"
       buttons={[
@@ -62,10 +60,9 @@ export default function LandingPage() {
         {
           text: "View Our Work",          href: "#gallery"},
       ]}
-      layoutOrder="default"
-      imageSrc="http://img.b2bpic.net/free-photo/flower-blooming-cactus-plant_23-2147842394.jpg"
-      imageAlt="Lush desert landscape with modern design"
-      mediaAnimation="slide-up"
+      slides={[{
+        imageSrc: "http://img.b2bpic.net/free-photo/flower-blooming-cactus-plant_23-2147842394.jpg",        imageAlt: "Lush desert landscape with modern design"
+      }]}
     />
   </div>
 
@@ -249,40 +246,21 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
       useInvertedBackground={false}
       title="Ready to Transform Your Outdoor Space?"
       description="Contact us today for a free consultation and quote. We're eager to bring your vision to life!"
-      inputs={[
-        {
-          name: "Name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "Phone",          type: "tel",          placeholder: "Phone Number",          required: false,
-        },
-        {
-          name: "Email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
-        {
-          name: "ServiceInterestedIn",          type: "text",          placeholder: "Service Interested In (e.g., Pavers, Turf)",          required: false,
-        },
-      ]}
-      textarea={{
-        name: "Message",        placeholder: "Tell us about your project...",        rows: 5,
-        required: false,
-      }}
-      imageSrc="https://images.unsplash.com/photo-1579621970588-a35d0e7ab936?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80"
-      imageAlt="Landscape architect reviewing plans with a client"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
+      tag="Get a Free Quote"
+      background={{
+        variant: "radial-gradient"}}
+      inputPlaceholder="Your Email Address"
       buttonText="Get a Free Quote"
+      onSubmit={(email) => console.log('Contact form submitted with email:', email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-lake-middle-desert-sunny-day_181624-14303.jpg"
-      imageAlt="Scenic desert landscape at sunset"
+      <FooterBaseReveal
       columns={[
         {
           title: "Quick Links",          items: [
@@ -317,11 +295,10 @@ export default function LandingPage() {
           ],
         },
       ]}
-      logoText="EverBloom Landscape LLC"
       copyrightText="© 2025 EverBloom Landscape LLC. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-libre-baskerville), serif;
+  font-family: var(--font-manrope), sans-serif;
 }