Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -33,69 +33,44 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="True North"
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="pt-24">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="True North Landscape Management"
       description="Professional, quick, and reliable landscaping services in Brampton. We transform your outdoor space with expertise and care."
       tag="Trusted Brampton Landscapers"
       buttons={[
         {
-          text: "Get a Quote",
-          href: "#contact",
-        },
+          text: "Get a Quote",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=1",
-          imageAlt: "Professional landscaping",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=1",          imageAlt: "Professional landscaping"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=1",
-          imageAlt: "Lush garden design",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=1",          imageAlt: "Lush garden design"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=1",
-          imageAlt: "Residential maintenance",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=1",          imageAlt: "Residential maintenance"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=1",
-          imageAlt: "Lawn care experts",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=1",          imageAlt: "Lawn care experts"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=1",
-          imageAlt: "Backyard transformation",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=1",          imageAlt: "Backyard transformation"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",
-          imageAlt: "Patio and stone design",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg",          imageAlt: "Patio and stone design"},
       ]}
     />
   </div>
@@ -106,9 +81,7 @@ export default function LandingPage() {
       title="Professionalism You Can Trust"
       buttons={[
         {
-          text: "Call Now: (647) 778-5818",
-          href: "tel:6477785818",
-        },
+          text: "Call Now: (647) 778-5818",          href: "tel:6477785818"},
       ]}
     />
   </div>
@@ -119,23 +92,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Lawn Maintenance",
-          description: "Weekly mowing, trimming, and edging to keep your grass pristine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",
-          imageAlt: "Lawn care",
-        },
+          title: "Lawn Maintenance",          description: "Weekly mowing, trimming, and edging to keep your grass pristine.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-gardener-holding-trimmer-working-yard_342744-541.jpg",          imageAlt: "Lawn care"},
         {
-          title: "Hedge & Tree Care",
-          description: "Expert pruning and sculpting for healthy, aesthetic greenery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7748.jpg",
-          imageAlt: "Trimming",
-        },
+          title: "Hedge & Tree Care",          description: "Expert pruning and sculpting for healthy, aesthetic greenery.",          imageSrc: "http://img.b2bpic.net/free-photo/fork-harrows-grass_1339-7748.jpg",          imageAlt: "Trimming"},
         {
-          title: "Landscape Design",
-          description: "Custom pathways, gardens, and patio layouts to elevate your property.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg",
-          imageAlt: "Design",
-        },
+          title: "Landscape Design",          description: "Custom pathways, gardens, and patio layouts to elevate your property.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-exterior-hobbies_23-2149367019.jpg",          imageAlt: "Design"},
       ]}
       title="Our Expert Services"
       description="From lawn maintenance to full landscape renovations, we do it all."
@@ -150,41 +111,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "Mulch Installation",
-          price: "Contact for quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-shoveling-large-flower-pot_23-2148396893.jpg",
-        },
+          id: "1",          name: "Mulch Installation",          price: "Contact for quote",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-shoveling-large-flower-pot_23-2148396893.jpg"},
         {
-          id: "2",
-          name: "Seasonal Planting",
-          price: "Starting at $150",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013375.jpg",
-        },
+          id: "2",          name: "Seasonal Planting",          price: "Starting at $150",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-box_23-2148013375.jpg"},
         {
-          id: "3",
-          name: "Fertilization Plan",
-          price: "Customized",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-insecticide-can_23-2148233417.jpg",
-        },
+          id: "3",          name: "Fertilization Plan",          price: "Customized",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-insecticide-can_23-2148233417.jpg"},
         {
-          id: "4",
-          name: "Stone Paving",
-          price: "Customized",
-          imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-texture-background_1232-2838.jpg",
-        },
+          id: "4",          name: "Stone Paving",          price: "Customized",          imageSrc: "http://img.b2bpic.net/free-photo/stone-wall-texture-background_1232-2838.jpg"},
         {
-          id: "5",
-          name: "Sod Delivery & Install",
-          price: "Per sq ft",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",
-        },
+          id: "5",          name: "Sod Delivery & Install",          price: "Per sq ft",          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg"},
         {
-          id: "6",
-          name: "Fencing Solutions",
-          price: "Customized",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-full-yellow-flowers-trees-old-wooden-fence_181624-16284.jpg",
-        },
+          id: "6",          name: "Fencing Solutions",          price: "Customized",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-field-full-yellow-flowers-trees-old-wooden-fence_181624-16284.jpg"},
       ]}
       title="Landscape Solutions"
       description="Premium materials and services for a thriving landscape."
@@ -198,23 +135,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          icon: Award,
-          title: "Years Experience",
-          value: "10+",
-        },
+          id: "m1",          icon: Award,
+          title: "Years Experience",          value: "10+"},
         {
-          id: "m2",
-          icon: CheckCircle,
-          title: "Projects Completed",
-          value: "500+",
-        },
+          id: "m2",          icon: CheckCircle,
+          title: "Projects Completed",          value: "500+"},
         {
-          id: "m3",
-          icon: ThumbsUp,
-          title: "Happy Clients",
-          value: "100%",
-        },
+          id: "m3",          icon: ThumbsUp,
+          title: "Happy Clients",          value: "100%"},
       ]}
       title="Why Choose Us"
       description="Proven performance for Brampton homeowners."
@@ -227,60 +155,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Client A",
-          date: "1 week ago",
-          title: "Professional Team",
-          quote: "High-quality work and always done on time.",
-          tag: "Recommended",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=2",
-          imageAlt: "happy client garden portrait",
-        },
+          id: "1",          name: "Client A",          date: "1 week ago",          title: "Professional Team",          quote: "High-quality work and always done on time.",          tag: "Recommended",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-dark-skinned-bearded-caucasian-farmer-smiling-working-garden-collects-lettuce-leaves-getting-ready-evening-meetup-with-friends-his-house_176420-19898.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/bangkok-elephant-care-sanctuary-buildings-with-lake-lotus-flowers_482257-123883.jpg?_wi=2",          imageAlt: "happy client garden portrait"},
         {
-          id: "2",
-          name: "Client B",
-          date: "2 weeks ago",
-          title: "Hardworking",
-          quote: "Great service, great team, very hardworking guys.",
-          tag: "5 Stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=2",
-          imageAlt: "happy client garden portrait",
-        },
+          id: "2",          name: "Client B",          date: "2 weeks ago",          title: "Hardworking",          quote: "Great service, great team, very hardworking guys.",          tag: "5 Stars",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-pointing-camera_1262-3266.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/artists-garden-filled-with-variety-plants-beautiful-flowers_1258-296326.jpg?_wi=2",          imageAlt: "happy client garden portrait"},
         {
-          id: "3",
-          name: "Client C",
-          date: "3 weeks ago",
-          title: "Affordable & Quick",
-          quote: "Ultimate guys, cheap as well as quick!",
-          tag: "Great value",
-          avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7128.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=2",
-          imageAlt: "happy client garden portrait",
-        },
+          id: "3",          name: "Client C",          date: "3 weeks ago",          title: "Affordable & Quick",          quote: "Ultimate guys, cheap as well as quick!",          tag: "Great value",          avatarSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7128.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-trimming-hedge-yard_342744-537.jpg?_wi=2",          imageAlt: "happy client garden portrait"},
         {
-          id: "4",
-          name: "Client D",
-          date: "1 month ago",
-          title: "Top tier",
-          quote: "True North is simply the best in town.",
-          tag: "Excellent",
-          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=2",
-          imageAlt: "happy client garden portrait",
-        },
+          id: "4",          name: "Client D",          date: "1 month ago",          title: "Top tier",          quote: "True North is simply the best in town.",          tag: "Excellent",          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-caucasian-man-blue-t-shirt-gloves-smiling-with-teeth-being-tired-from-hard-work-garden-farmer-planting-leaves-countryside-house_176420-19908.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cactus-with-blurred-background_23-2148249096.jpg?_wi=2",          imageAlt: "happy client garden portrait"},
         {
-          id: "5",
-          name: "Client E",
-          date: "2 months ago",
-          title: "Reliable",
-          quote: "They transformed my garden into a paradise.",
-          tag: "Highly rated",
-          avatarSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=2",
-          imageAlt: "happy client garden portrait",
-        },
+          id: "5",          name: "Client E",          date: "2 months ago",          title: "Reliable",          quote: "They transformed my garden into a paradise.",          tag: "Highly rated",          avatarSrc: "http://img.b2bpic.net/free-photo/close-u-outdoors-portrait-beautiful-joyful-hispanic-man-blue-shirt-smiling-with-teeth-holding-pot-with-microgreens-working-garden_176420-19929.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/gardener-with-weedwacker-cutting-grass-garden_329181-20539.jpg?_wi=2",          imageAlt: "happy client garden portrait"},
       ]}
       title="What Our Clients Say"
       description="We are proud of our 5-star reputation in Brampton."
@@ -293,20 +176,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",
-          title: "What areas do you serve?",
-          content: "We are based in Brampton and serve the surrounding neighborhoods.",
-        },
+          id: "faq-1",          title: "What areas do you serve?",          content: "We are based in Brampton and serve the surrounding neighborhoods."},
         {
-          id: "faq-2",
-          title: "Do you offer free quotes?",
-          content: "Yes, contact us today for a free consultation and quote.",
-        },
+          id: "faq-2",          title: "Do you offer free quotes?",          content: "Yes, contact us today for a free consultation and quote."},
         {
-          id: "faq-3",
-          title: "Are you open on weekends?",
-          content: "We operate 24 hours to accommodate your project needs.",
-        },
+          id: "faq-3",          title: "Are you open on weekends?",          content: "We operate 24 hours to accommodate your project needs."},
       ]}
       title="Frequently Asked Questions"
       description="Learn more about our landscaping process."
@@ -318,11 +192,10 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={true}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Contact Us"
       title="Book Your Landscaping Service Today"
-      description="Call us at (647) 778-5818 or submit your details to get a free estimate."
+      description="Call us at (647) 778-5818 or fill out this form below—it's the fastest way to receive your tailored, no-obligation quote today!"
       imageSrc="http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg"
       mediaAnimation="slide-up"
     />
@@ -332,37 +205,23 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Lawn Care",
-              href: "#features",
-            },
+              label: "Lawn Care",              href: "#features"},
             {
-              label: "Design",
-              href: "#features",
-            },
+              label: "Design",              href: "#features"},
             {
-              label: "Consultation",
-              href: "#contact",
-            },
+              label: "Consultation",              href: "#contact"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
+              label: "Testimonials",              href: "#testimonials"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
       ]}
@@ -373,4 +232,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}