Merge version_4 into main

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"
@@ -226,6 +247,8 @@ export default function LandingPage() {
               label: "Services",              href: "#services"},
             {
               label: "About Us",              href: "#about"},
+            {
+              label: "Booking",              href: "#booking"},
             {
               label: "Contact",              href: "#contact"},
           ],