Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { Award, Calendar, Clock, Droplets, Leaf, Paintbrush, Square, Star } from "lucide-react";
@@ -29,113 +29,39 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Services", id: "services" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="King Landscaping"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
+      <HeroBillboardGallery
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="King Landscaping & Maintenance"
-      }}
+      description="Premium landscaping for your home. Available 6am to 6pm, 6 days a week."
-      title="Transform Your Outdoors with King Landscaping"
+      mediaItems={[
-      description="Premium landscape design and maintenance services for your home. Serving our community 6am to 6pm, six days a week."
+        { imageSrc: "http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139745.jpg", imageAlt: "Artificial turf installation" },
-      buttons={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/gardener-working-greenhouse_23-2149139755.jpg", imageAlt: "Garden maintenance" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-landscaper-paving-driveway_23-2149139765.jpg", imageAlt: "Concrete masonry work" }
-          text: "Book a Consultation",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/people-helping-neighbors-with-grass-lawn_23-2149139745.jpg"
-      imageAlt="Landscaped garden exterior"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ Local Homeowners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Professional Landscaping",
-        },
-        {
-          type: "text",
-          text: "Expert Garden Design",
-        },
-        {
-          type: "text",
-          text: "Tree Care Specialists",
-        },
-        {
-          type: "text",
-          text: "Concrete & Masonry",
-        },
-        {
-          type: "text",
-          text: "Turf Installation",
-        },
       ]}
+      buttons={[{ text: "Book a Consultation", href: "#contact" }]}
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
       title="Why Choose King Landscaping"
       metrics={[
-        {
+        { icon: Clock, label: "Service Hours", value: "6am - 6pm" },
-          icon: Clock,
+        { icon: Calendar, label: "Working Days", value: "6 Days/Week" },
-          label: "Service Hours",
+        { icon: Award, label: "Expert Service", value: "Pro Quality" },
-          value: "6am - 6pm",
-        },
-        {
-          icon: Calendar,
-          label: "Working Days",
-          value: "6 Days/Week",
-        },
-        {
-          icon: Award,
-          label: "Expert Service",
-          value: "Pro Quality",
-        },
       ]}
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -145,147 +71,54 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Square, title: "Artificial Turf", description: "High-quality turf installations." },
-          icon: Leaf,
+        { icon: Paintbrush, title: "Concrete Masonry", description: "Custom paving and masonry." },
-          title: "Garden Design",
+        { icon: Droplets, title: "Drainage & Grading", description: "Levelling, grading and drainage."},
-          description: "Custom landscape design and planning.",
+        { icon: Leaf, title: "Gardening", description: "General gardening and grass seeding." },
-        },
+        { icon: Paintbrush, title: "Groundskeeping", description: "Expert groundskeeping management." },
-        {
+        { icon: Star, title: "Water Features", description: "Custom water feature design." },
-          icon: Leaf,
-          title: "Tree Landscaping",
-          description: "Professional tree care and management.",
-        },
-        {
-          icon: Droplets,
-          title: "Drainage Services",
-          description: "Expert garden drainage solutions.",
-        },
-        {
-          icon: Square,
-          title: "Masonry/Concrete",
-          description: "Custom concrete and masonry construction.",
-        },
-        {
-          icon: Star,
-          title: "Turf Installation",
-          description: "Artificial turf and lawn seeding.",
-        },
-        {
-          icon: Paintbrush,
-          title: "Garden Decorating",
-          description: "Detailed aesthetic garden styling.",
-        },
       ]}
       title="Our Professional Services"
-      description="Comprehensive landscaping and maintenance solutions tailored to your property needs."
+      description="Comprehensive landscaping solutions tailored to your property."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
+      gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      title="Trusted by Our Community"
-      useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alex R.", role: "Homeowner", company: "Local Client", rating: 5 },
-          id: "1",
+        { id: "2", name: "Maria G.", role: "Property Owner", company: "Local Client", rating: 5 },
-          name: "Sarah Miller",
+        { id: "3", name: "Sam T.", role: "Business Owner", company: "Local Client", rating: 5 }
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/countryside-life-naature-close-up-outdoor-portrait-young-attractive-bearded-caucasian-man-blue-t-shirt-smiling_176420-19896.jpg",
-        },
-        {
-          id: "2",
-          name: "John Thompson",
-          role: "Homeowner",
-          company: "Local Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-stairs_181624-41082.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          role: "Property Manager",
-          company: "Westside Estates",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-giving-potted-plant-her-client_23-2147948332.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Business Owner",
-          company: "Downtown Plaza",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoors-portrait-young-cheerful-bearded-man-blue-t-shirt-smiling-working-garden-with-tools-cutting-leaves-watering-flowers_176420-19907.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert Chen",
-          role: "Homeowner",
-          company: "Suburbia North",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-portrait-young-attractive-bearded-caucasian-man-blue-shirt-sport-pants-smiling-sitting-grass-looking-camera-with-happy-face-expression-working-garden_176420-19937.jpg",
-        },
       ]}
-      title="What Our Clients Say"
+      description="What our clients say about us."
-      description="Trusted by our community for exceptional service."
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
+      tag="Contact Us"
+      title="Schedule Your Service"
+      description="Ready to get started? We are available 6am to 6pm, 6 days a week."
+      imageSrc="http://img.b2bpic.net/free-photo/landscaper-consulting-with-client_23-2149139785.jpg"
+      background={{ variant: "plain" }}
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Let's Get Started"
-      title="Ready to Revitalize Your Garden?"
-      description="Contact us today to schedule your service. Available 6am to 6pm daily."
-      imageSrc="http://img.b2bpic.net/free-photo/teenage-girl-taking-care-flowers-working-as-shop-assistant-greenhouse-store-looking-camera-smiling_197531-22367.jpg"
-      mediaAnimation="blur-reveal"
-      mediaPosition="right"
-      imageAlt="Professional landscaper consultation"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Hours: 6am - 6pm",
-              href: "#",
-            },
-            {
-              label: "6 Days/Week",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="King Landscaping & Maintenance"
+      columns={[
+        { items: [{ label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}