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

Merge version_4 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 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 (
@@ -39,6 +39,8 @@ export default function LandingPage() {
           name: "About",          id: "about"},
         {
           name: "Gallery",          id: "gallery"},
+        {
+          name: "Booking",          id: "booking"},
         {
           name: "Contact",          id: "contact"},
       ]}
@@ -111,6 +113,25 @@ export default function LandingPage() {
     />
   </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"
@@ -144,13 +165,13 @@ export default function LandingPage() {
         {
           id: "p2",          name: "Lush Backyard",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-beautiful-sunflowers_23-2150392040.jpg"},
         {
-          id: "p3",          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: "p3",          name: "Patio Oasis",          price: "Custom Quote",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D0VTZPK93LVzTjwqylKV8jUowC/uploaded-1778217763180-yf0hn9ro.png"},
         {
           id: "p4",          name: "Front Yard Redesign",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-watering-plants_23-2149098323.jpg"},
         {
           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"},
         {
-          id: "p6",          name: "Seasonal Display",          price: "Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio-decoration-with-char-table_74190-6666.jpg"},
+          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"},
       ]}
       title="Portfolio Showcase"
       description="A look at some of our recent transformations and outdoor living projects."
@@ -172,6 +193,15 @@ export default function LandingPage() {
         },
         {
           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"
         }
       ]}
     />
@@ -217,6 +247,8 @@ export default function LandingPage() {
               label: "Services",              href: "#services"},
             {
               label: "About Us",              href: "#about"},
+            {
+              label: "Booking",              href: "#booking"},
             {
               label: "Contact",              href: "#contact"},
           ],