From 4da5280f9574764810319942a9b178ea9f93ab65 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 15:11:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 509 ++++++++++++++---------------------------------
 1 file changed, 152 insertions(+), 357 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 69dd727..2ed71a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,374 +19,169 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Work",
-          id: "services",
-        },
-        {
-          name: "Process",
-          id: "process",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="P&A Landscape"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Work", id: "services" },
+              { name: "Process", id: "process" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="P&A Landscape"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Luxury Landscaping. Honest Pricing. Flawless Results."
-      description="Professional, detail-driven landscaping in Maple Ridge you can trust from start to finish."
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "View Our Work",
-          href: "#services",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/staircases-water-modern-building_116348-93.jpg?_wi=1",
-          imageAlt: "Landscape Transformation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263539.jpg?_wi=1",
-          imageAlt: "Hardscape Construction",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg?_wi=1",
-          imageAlt: "Finished Fence Project",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/garden-with-tree-middle-sign-that-says-alhambra-it_91008-475.jpg",
-          imageAlt: "Modern stone pathway garden",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/skilful-gardener-using-highaltitude-hedge-trimmer-while-shaping-bush-topiary-garden-side-view_7502-10480.jpg",
-          imageAlt: "Professional hedge trimming",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "radial-gradient" }}
+            title="Luxury Landscaping. Honest Pricing. Flawless Results."
+            description="Professional, detail-driven landscaping in Maple Ridge you can trust from start to finish."
+            buttons={[
+              { text: "Get a Free Quote", href: "#contact" },
+              { text: "View Our Work", href: "#services" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/staircases-water-modern-building_116348-93.jpg", imageAlt: "Landscape Transformation" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263539.jpg", imageAlt: "Hardscape Construction" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg", imageAlt: "Finished Fence Project" },
+            ]}
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Built on Professionalism and Precision."
-      description="P&A Landscape is built on professionalism, honesty, and craftsmanship. Led by Chiranjeev, the company is known for delivering high-quality work with attention to detail and clear communication every step of the way. We treat every yard like it's our own, ensuring flawless results without the headache."
-      bulletPoints={[
-        {
-          title: "Precision Craftsmanship",
-          description: "We don’t rush. We perfect every corner of your outdoor space.",
-        },
-        {
-          title: "Transparent Pricing",
-          description: "No hidden surprises. Ever. What we quote is what you pay.",
-        },
-        {
-          title: "Reliable Communication",
-          description: "Always informed, always updated on your project timeline.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-husband-wife-looking-out-caravan-window_23-2148659548.jpg"
-      imageAlt="Detail oriented work"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Built on Professionalism and Precision."
+            description="P&A Landscape is built on professionalism, honesty, and craftsmanship. Led by Chiranjeev, the company is known for delivering high-quality work with attention to detail and clear communication every step of the way."
+            bulletPoints={[
+              { title: "Precision Craftsmanship", description: "We don’t rush. We perfect every corner of your outdoor space." },
+              { title: "Transparent Pricing", description: "No hidden surprises. Ever. What we quote is what you pay." },
+              { title: "Reliable Communication", description: "Always informed, always updated on your project timeline." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-husband-wife-looking-out-caravan-window_23-2148659548.jpg"
+            imageAlt="Detail oriented work"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Detail-Obsessed",
-          description: "Every detail matters, from stone placement to sod cutting.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/focused-blonde-woman-caring-plants-greenhouse-wearing-gloves-apron-pensive-female-gardener-growing-beautiful-blooming-flowers-outdoors-gardening-activity-summer-concept_74855-12780.jpg",
-          },
-          items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/staircases-water-modern-building_116348-93.jpg?_wi=2",
-          imageAlt: "professional landscaper inspecting project",
-        },
-        {
-          title: "Reliable Timelines",
-          description: "We honor our commitments. We show up on time, every time.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pruner-tending-flowers_23-2147768531.jpg",
-          },
-          items: [],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263539.jpg?_wi=2",
-          imageAlt: "professional landscaper inspecting project",
-        },
-        {
-          title: "Customer-First",
-          description: "Your satisfaction is our primary metric for success.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg",
-          },
-          items: [],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/country-music-band-singing-outdoors_23-2149498460.jpg?_wi=2",
-          imageAlt: "professional landscaper inspecting project",
-        },
-      ]}
-      title="Why Choose Us"
-      description="We are the go-to landscapers for Maple Ridge homeowners who demand excellence and clarity."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Why Choose Us"
+            description="We are the go-to landscapers for Maple Ridge homeowners who demand excellence and clarity."
+            features={[
+              {
+                title: "Detail-Obsessed",                description: "Every detail matters, from stone placement to sod cutting.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/focused-blonde-woman-caring-plants-greenhouse-wearing-gloves-apron-pensive-female-gardener-growing-beautiful-blooming-flowers-outdoors-gardening-activity-summer-concept_74855-12780.jpg" },
+                items: [],
+                reverse: false,
+              },
+              {
+                title: "Reliable Timelines",                description: "We honor our commitments. We show up on time, every time.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-pruner-tending-flowers_23-2147768531.jpg" },
+                items: [],
+                reverse: true,
+              },
+              {
+                title: "Customer-First",                description: "Your satisfaction is our primary metric for success.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/women-taking-care-their-plants-greenhouse_23-2149037249.jpg" },
+                items: [],
+                reverse: false,
+              },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "s1",
-          name: "Fence Installation",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg",
-        },
-        {
-          id: "s2",
-          name: "Landscaping Design",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-tablet-outdoors_23-2150747661.jpg",
-        },
-        {
-          id: "s3",
-          name: "Backyard Transformations",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg",
-        },
-        {
-          id: "s4",
-          name: "Property Upgrades",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/rural-landscape-near-city_53876-71479.jpg",
-        },
-        {
-          id: "s5",
-          name: "Custom Outdoor Projects",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-female-gardener-growing-thujas-pots-blonde-woman-wearing-blue-shirt-gloves-apron-working-with-evergreen-plants-greenhouse-commercial-gardening-activity-summer-concept_74855-12966.jpg",
-        },
-        {
-          id: "s6",
-          name: "Hardscaping & Paving",
-          price: "Custom Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-material-pieces-wooden-boxes_181624-18062.jpg",
-        },
-      ]}
-      title="Our Premium Services"
-      description="Tailored solutions for your home transformation."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Our Premium Services"
+            description="Tailored solutions for your home transformation."
+            products={[
+              { id: "s1", name: "Fence Installation", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/suburban-housing_53876-14307.jpg" },
+              { id: "s2", name: "Landscaping Design", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-tablet-outdoors_23-2150747661.jpg" },
+              { id: "s3", name: "Backyard Transformations", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-stylish-european-woman-pink-fashion-suit-outside-villa_343596-2153.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          badge: "Step 1",
-          price: "Request",
-          subtitle: "Get a Free Quote",
-          buttons: [],
-          features: [
-            "Share your vision",
-            "Basic details",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Step 2",
-          price: "Consult",
-          subtitle: "On-Site Visit",
-          buttons: [],
-          features: [
-            "Expert evaluation",
-            "Measure & plan",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Step 3",
-          price: "Execute",
-          subtitle: "Precision Build",
-          buttons: [],
-          features: [
-            "Quality focused",
-            "Clean execution",
-          ],
-        },
-      ]}
-      title="Our Simple Process"
-      description="Stress-free planning from day one."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Simple Process"
+            description="Stress-free planning from day one."
+            plans={[
+              { id: "p1", badge: "Step 1", price: "Request", subtitle: "Get a Free Quote", buttons: [], features: ["Share your vision", "Basic details"] },
+              { id: "p2", badge: "Step 2", price: "Consult", subtitle: "On-Site Visit", buttons: [], features: ["Expert evaluation", "Measure & plan"] },
+              { id: "p3", badge: "Step 3", price: "Execute", subtitle: "Precision Build", buttons: [], features: ["Quality focused", "Clean execution"] },
+            ]}
+          />
+        </div>
 
-  <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Maple Ridge Homes",
-        "BC Outdoor Living",
-        "Westcoast Landscapes",
-        "Pacific Greenery",
-        "Coastal Turf Pros",
-        "Ridge Backyard Experts",
-        "Quality Fencing BC",
-      ]}
-      title="Trusted by Maple Ridge"
-      description="Recognized for quality, integrity, and timely delivery."
-    />
-  </div>
+        <div id="socialproof" data-section="socialproof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trusted by Maple Ridge"
+            description="Recognized for quality, integrity, and timely delivery."
+            names={["Maple Ridge Homes", "BC Outdoor Living", "Westcoast Landscapes"]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          handle: "Homeowner",
-          testimonial: "Chiranjeev was extremely professional and delivered high quality fences for us. Very detailed and took the time to do it right from the start.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          handle: "Homeowner",
-          testimonial: "He has an eye for detail, kept us updated throughout the whole process, and made sure we were happy every step of the way.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590345.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mike Ross",
-          handle: "Homeowner",
-          testimonial: "Very professional, reliable and affordable. No hidden charges and we felt comfortable the entire time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-photographing-woman-with-salad-leaf-head_23-2148114096.jpg",
-        },
-        {
-          id: "t4",
-          name: "Alice Wong",
-          handle: "Homeowner",
-          testimonial: "The transformation was incredible. They truly care about the end result as much as the homeowner.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg",
-        },
-        {
-          id: "t5",
-          name: "Bob Miller",
-          handle: "Homeowner",
-          testimonial: "Honestly, the best landscaping experience we've had in Maple Ridge. Reliable, clean, and top-tier work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-paper-near-box-with-flowers_23-2147768480.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Clients Trust Us Because We Do It Right"
-      description="Read what our happy customers have to say about their transformations."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            showRating={true}
+            title="Clients Trust Us Because We Do It Right"
+            description="Read what our happy customers have to say about their transformations."
+            testimonials={[
+              { id: "t1", name: "John Doe", handle: "Homeowner", testimonial: "Professional work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg" },
+              { id: "t2", name: "Jane Smith", handle: "Homeowner", testimonial: "Great eye for detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-women-communicating-through-sign-language_23-2148590345.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Let's Transform Your Space"
-      description="Ready to get started? We're just a message away."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Project Details",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Let's Transform Your Space"
+            description="Ready to get started? We're just a message away."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Project Details", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-senior-man-hat-gardening-with-granddaugher_1157-38489.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg"
-      logoText="P&A Landscape"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Work",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/empty-gazebo-garden_181624-4129.jpg"
+            logoText="P&A Landscape"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Work", href: "#services" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1