From 2a9c2245c50a389ea2c495720bc06f47d53263e3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 20:04:40 +0000
Subject: [PATCH] Switch to version 4: modified src/app/page.tsx

---
 src/app/page.tsx | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e952722..e43826e 100644
--- a/src/app/page.tsx
+++ b/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."
@@ -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"},
           ],