From 3dc8e7f5dd7d42012d7762b00623b0272152b593 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 22:15:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 265 ++++++++++++++++-------------------------------
 1 file changed, 89 insertions(+), 176 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0e8e407..c30b980 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Building2, Phone } from "lucide-react";
+import { Phone, Building2 } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -16,188 +16,101 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Ferguson Construction"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="Ferguson Construction"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Quality Craftsmanship You Can Count On"
-      description="Serving Salem and the surrounding areas with professional carpentry, roofing, and renovation services. Built to last, designed for life."
-      tag="Reliable Salem Construction"
-      buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg",
-          imageAlt: "Carpentry work",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg",
-          imageAlt: "Exterior construction",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Top-rated in Salem"
-      tagIcon={Building2}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            title="Quality Craftsmanship You Can Count On"
+            description="Serving Salem and the surrounding areas with professional carpentry, roofing, and renovation services. Built to last, designed for life."
+            background={{ variant: "gradient-bars" }}
+            tag="Reliable Salem Construction"
+            tagIcon={Building2}
+            buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451076.jpg", imageAlt: "carpenter woodworking craftsman" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg", imageAlt: "modern house exterior construction" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Top-rated in Salem"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSix
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Porch Renovation",
-          description: "Revitalize your outdoor living space with our custom porch solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-workshop-brushing-dust-from-wood-planks_23-2148836052.jpg",
-          imageAlt: "Porch Renovation",
-        },
-        {
-          id: 2,
-          title: "Roofing",
-          description: "Durable and reliable roofing installations and repairs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg",
-          imageAlt: "Roofing Services",
-        },
-        {
-          id: 3,
-          title: "Decking",
-          description: "Custom deck builds tailored to your home and lifestyle.",
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg",
-          imageAlt: "Decking Construction",
-        },
-        {
-          id: 4,
-          title: "Steps & Handrails",
-          description: "Safety meets style with our custom stair and railing work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-his-workshop_23-2148640320.jpg",
-          imageAlt: "Steps and Handrails",
-        },
-        {
-          id: 5,
-          title: "General Carpentry",
-          description: "Large or small, we handle all your general carpentry needs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg",
-          imageAlt: "General Carpentry",
-        },
-      ]}
-      title="Our Services"
-      description="Whether it's a small repair or a large renovation, Ferguson Construction is dedicated to excellence."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardSix
+            title="Our Services"
+            description="Whether it's a small repair or a large renovation, Ferguson Construction is dedicated to excellence."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Porch Renovation", description: "Revitalize your outdoor living space with our custom porch solutions.", imageSrc: "http://img.b2bpic.net/free-photo/female-workshop-brushing-dust-from-wood-planks_23-2148836052.jpg", imageAlt: "porch renovation design" },
+              { id: 2, title: "Roofing", description: "Durable and reliable roofing installations and repairs.", imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-checking-space-shipping-cargo-container_342744-764.jpg", imageAlt: "roofing installation construction" },
+              { id: 3, title: "Decking", description: "Custom deck builds tailored to your home and lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg", imageAlt: "wooden deck construction" },
+              { id: 4, title: "Steps & Handrails", description: "Safety meets style with our custom stair and railing work.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-his-workshop_23-2148640320.jpg", imageAlt: "custom stair handrails" },
+              { id: 5, title: "General Carpentry", description: "Large or small, we handle all your general carpentry needs.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-happy-young-man-with-suitcase-checking-rented-apartment-waving-hand-camera-walking-with-luggage-indoors_1258-314216.jpg", imageAlt: "general construction tools" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Joey Mack",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
-        },
-        {
-          id: "2",
-          name: "Andrew Rosenberg",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6278.jpg",
-        },
-        {
-          id: "3",
-          name: "Sarah Mitchell",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg",
-        },
-        {
-          id: "4",
-          name: "Mike Davis",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg",
-        },
-      ]}
-      cardTitle="What Our Clients Say"
-      cardTag="Testimonials"
-      cardAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            cardTitle="What Our Clients Say"
+            cardTag="Testimonials"
+            cardAnimation="blur-reveal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Joey Mack", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", imageAlt: "man headshot smiling" },
+              { id: "2", name: "Andrew Rosenberg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-model-dressed-summer-clothes-trendy-girl-posing-street-funny-positive-woman-having-fun_158538-6278.jpg", imageAlt: "man headshot smiling" },
+              { id: "3", name: "Sarah Mitchell", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601457.jpg", imageAlt: "woman headshot smiling" },
+              { id: "4", name: "Mike Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-brown-turtleneck-sweater-jeans-fashion-hipster-male-posing-studio_158538-25123.jpg", imageAlt: "man headshot smiling" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Where are you located?",
-          content: "We are based in Salem, MA and serve the surrounding communities.",
-        },
-        {
-          id: "2",
-          title: "How can I contact you?",
-          content: "Call us at (978) 230-9191 to discuss your project needs.",
-        },
-      ]}
-      ctaTitle="Request a Free Quote"
-      ctaDescription="Ready to get started? Contact us today for a free estimate in Salem, MA."
-      ctaButton={{
-        text: "Call Now",
-        href: "tel:9782309191",
-      }}
-      ctaIcon={Phone}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactFaq
+            faqs={[
+              { id: "1", title: "Where are you located?", content: "We are based in Salem, MA and serve the surrounding communities." },
+              { id: "2", title: "How can I contact you?", content: "Call us at (978) 230-9191 to discuss your project needs." }
+            ]}
+            ctaTitle="Request a Free Quote"
+            ctaDescription="Ready to get started? Contact us today for a free estimate in Salem, MA."
+            ctaButton={{ text: "Call Now", href: "tel:9782309191" }}
+            ctaIcon={Phone}
+            animationType="slide-up"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15082.jpg"
-      columns={[
-        {
-          title: "Contact Us",
-          items: [
-            {
-              label: "Salem, MA",
-              href: "#",
-            },
-            {
-              label: "(978) 230-9191",
-              href: "tel:9782309191",
-            },
-          ],
-        },
-      ]}
-      logoText="Ferguson Construction"
-      copyrightText="© 2025 Ferguson Construction. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15082.jpg"
+            columns={[
+              { title: "Ferguson Construction", items: [{ label: "Salem, MA", href: "#" }, { label: "(978) 230-9191", href: "tel:9782309191" }] }
+            ]}
+            logoText="Ferguson Construction"
+            copyrightText="© 2025 Ferguson Construction. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1