Switch to version 4: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -10,8 +10,8 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Building2, Leaf, MapPin, Scissors, ShieldCheck, Star, Sun, Users } from "lucide-react";
+import { Building2, Leaf, MapPin, Scissors, ShieldCheck, Star, Sun, Users, CalendarCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,25 +32,17 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Gallery",
+          name: "Gallery",          id: "gallery"},
-          id: "gallery",
-        },
         {
-          name: "Contact",
+          name: "Booking",          id: "booking"},
-          id: "contact",
+        {
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Habersham Gardens"
     />
@@ -59,19 +51,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Atlanta’s Trusted Landscaping Experts"
       description="Beautiful outdoor spaces designed and maintained with precision, care, and creativity."
       buttons={[
         {
-          text: "Get a Free Estimate",
+          text: "Get a Free Estimate",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+14045550123"},
-          href: "tel:+14045550123",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/grass-background_1127-3417.jpg"
     />
@@ -85,17 +72,11 @@ export default function LandingPage() {
       description="At Habersham Gardens, we combine local Atlanta expertise with a passion for beautiful, sustainable outdoor spaces. Our team prioritizes attention to detail, personalized customer care, and reliability in every project."
       bulletPoints={[
         {
-          title: "Passionate Experts",
+          title: "Passionate Experts",          description: "Dedicated to creating stunning gardens."},
-          description: "Dedicated to creating stunning gardens.",
-        },
         {
-          title: "Detail Focused",
+          title: "Detail Focused",          description: "Meticulous work on every landscape element."},
-          description: "Meticulous work on every landscape element.",
-        },
         {
-          title: "Customer-First",
+          title: "Customer-First",          description: "Reliable service tailored to your needs."},
-          description: "Reliable service tailored to your needs.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-gardeners-growing-coniferous-plants-pots-blonde-woman-holding-small-thuja-working-with-grey-haired-man-glasses-gardening-activity-summer-concept_74855-12856.jpg"
       mediaAnimation="slide-up"
@@ -110,40 +91,47 @@ export default function LandingPage() {
       features={[
         {
           icon: Star,
-          title: "Landscape Design",
+          title: "Landscape Design",          description: "Custom concepts tailored to your home."},
-          description: "Custom concepts tailored to your home.",
-        },
         {
           icon: Leaf,
-          title: "Garden Installation",
+          title: "Garden Installation",          description: "Professional planting for lasting beauty."},
-          description: "Professional planting for lasting beauty.",
-        },
         {
           icon: Scissors,
-          title: "Lawn Maintenance",
+          title: "Lawn Maintenance",          description: "Precise care to keep your lawn pristine."},
-          description: "Precise care to keep your lawn pristine.",
-        },
         {
           icon: Leaf,
-          title: "Seasonal Cleanups",
+          title: "Seasonal Cleanups",          description: "Preparing your yard for every season."},
-          description: "Preparing your yard for every season.",
-        },
         {
           icon: Sun,
-          title: "Outdoor Enhancements",
+          title: "Outdoor Enhancements",          description: "Adding functional beauty to your space."},
-          description: "Adding functional beauty to your space.",
-        },
         {
           icon: Building2,
-          title: "Commercial Landscaping",
+          title: "Commercial Landscaping",          description: "Professional grounds for business properties."},
-          description: "Professional grounds for business properties.",
-        },
       ]}
       title="Our Professional Services"
       description="Comprehensive landscaping solutions designed to enhance your property’s beauty and value."
     />
   </div>
 
+  <div id="booking" data-section="booking">
+      <FeatureBorderGlow
+      animationType="blur-reveal"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      title="Book Your Appointment"
+      description="Schedule a consultation with our experts to start your garden transformation project."
+      features={[
+        {
+          icon: CalendarCheck,
+          title: "Quick Scheduling",          description: "Select a time that works best for you and your landscape needs."},
+      ]}
+      buttons={[
+        {
+          text: "Book Now",          href: "#contact"}
+      ]}
+      />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardThree
       animationType="slide-up"
@@ -151,23 +139,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: ShieldCheck,
-          icon: ShieldCheck,
+          title: "Reliable Service",          value: "100%"},
-          title: "Reliable Service",
-          value: "100%",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Users,
-          icon: Users,
+          title: "Happy Clients",          value: "500+"},
-          title: "Happy Clients",
-          value: "500+",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: MapPin,
-          icon: MapPin,
+          title: "Atlanta Locals",          value: "10+"},
-          title: "Atlanta Locals",
-          value: "10+",
-        },
       ]}
       title="Why Choose Habersham Gardens"
       description="We stand by our commitment to quality, reliability, and local excellence."
@@ -182,41 +161,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Modern Garden",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-wear-beret-coat-with-handbag-posing-outdoor_627829-5520.jpg"},
-          name: "Modern Garden",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-wear-beret-coat-with-handbag-posing-outdoor_627829-5520.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Lush Backyard",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-beautiful-sunflowers_23-2150392040.jpg"},
-          name: "Lush Backyard",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-beautiful-sunflowers_23-2150392040.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Patio Oasis",          price: "Custom Quote",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0VTZPK93LVzTjwqylKV8jUowC/uploaded-1778217763180-yf0hn9ro.png"},
-          name: "Patio Oasis",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-view-green-spring-field-blurred-greenery-sunlight-background-with-copy-space-using-natural-green-plants-landscape-ecology-fresh-wallpaper-as-background_166373-1965.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Front Yard Redesign",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg"},
-          name: "Front Yard Redesign",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Commercial Grounds",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg"},
-          name: "Commercial Grounds",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Seasonal Display",          price: "Custom Quote",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0VTZPK93LVzTjwqylKV8jUowC/uploaded-1778218840408-2je556fw.png"},
-          name: "Seasonal Display",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio-decoration-with-char-table_74190-6666.jpg",
-        },
       ]}
       title="Portfolio Showcase"
       description="A look at some of our recent transformations and outdoor living projects."
@@ -224,49 +179,31 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardFive
-      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Rick Davenport",
-          role: "Homeowner",
-          testimonial: "Nice friendly people and a great place for all your landscaping needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
-        },
-        {
-          id: "t2",
-          name: "Tomeka Tiller",
-          role: "Client",
-          testimonial: "I love this company! Excellent service!",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-        },
-        {
-          id: "t3",
-          name: "Peter Whitaker",
-          role: "Client",
-          testimonial: "Good service, very happy with results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah Jenkins",
-          role: "Homeowner",
-          testimonial: "Professional and very thorough in their maintenance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12661.jpg",
-        },
-        {
-          id: "t5",
-          name: "David Moore",
-          role: "Business Owner",
-          testimonial: "They keep our grounds looking immaculate year-round.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",
-        },
-      ]}
       title="Client Success Stories"
       description="Read why our neighbors in Atlanta trust us with their landscaping needs."
+      testimonials={[
+        {
+          id: "t1",          name: "Rick Davenport",          date: "March 2024",          title: "Homeowner",          quote: "Nice friendly people and a great place for all your landscaping needs.",          tag: "Exceeded Expectations",          avatarSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg"
+        },
+        {
+          id: "t2",          name: "Tomeka Tiller",          date: "February 2024",          title: "Client",          quote: "I love this company! Excellent service!",          tag: "Highly Recommended",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"
+        },
+        {
+          id: "t3",          name: "Peter Whitaker",          date: "January 2024",          title: "Client",          quote: "Good service, very happy with results.",          tag: "Great Value",          avatarSrc: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg"
+        },
+        {
+          id: "t4",          name: "Sarah Jenkins",          date: "April 2024",          title: "Homeowner",          quote: "They turned our overgrown backyard into a serene paradise. Highly professional!",          tag: "Professionalism",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-hair-smile_114579-2479.jpg"
+        },
+        {
+          id: "t5",          name: "David Thompson",          date: "May 2024",          title: "Client",          quote: "Reliable and meticulous with every single detail. Our garden has never looked better.",          tag: "Exquisite Design",          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-glasses_114579-2479.jpg"
+        },
+        {
+          id: "t6",          name: "Emily Rivera",          date: "May 2024",          title: "Property Manager",          quote: "Habersham Gardens managed our commercial site beautifully. Consistent, quality service.",          tag: "Reliable Partner",          avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-standing-office_114579-2479.jpg"
+        }
+      ]}
     />
   </div>
 
@@ -277,28 +214,17 @@ export default function LandingPage() {
       description="Request your free consultation today. Our local team is ready to help."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Your Phone Number",          required: true,
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Tell us about your garden project",        rows: 4,
-        placeholder: "Tell us about your garden project",
-        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/relaxation-space-garden-with-beds_1232-3472.jpg"
     />
@@ -308,33 +234,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Habersham Gardens",
+          title: "Habersham Gardens",          items: [
-          items: [
             {
-              label: "Atlanta, GA",
+              label: "Atlanta, GA",              href: "#"},
-              href: "#",
-            },
             {
-              label: "(404) 555-0123",
+              label: "(404) 555-0123",              href: "tel:+14045550123"},
-              href: "tel:+14045550123",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "About Us",
+              label: "About Us",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Contact",
+              label: "Booking",              href: "#booking"},
-              href: "#contact",
+            {
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -345,4 +261,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}