From e0487b518acfc762a880dd989e66e6ee37e38c88 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 00:09:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 352 ++++++++++-------------------------------------
 1 file changed, 74 insertions(+), 278 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c92fc8..ab44aa9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,33 +20,26 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         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">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="IronWood Fencing"
+      button={{ text: "Get a Quote" }}
     />
   </div>
 
@@ -54,100 +47,44 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Built to Last, Designed to Impress"
       description="Professional wood and iron fencing solutions for your home and business. Experience superior craftsmanship, premium materials, and reliable service that stands the test of time."
       testimonials={[
         {
-          name: "Alice Johnson",
-          handle: "@homeowner",
-          testimonial: "The wood fence they built transformed our backyard completely. Excellent quality and friendly team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg",
-        },
+          name: "Alice Johnson",          handle: "@homeowner",          testimonial: "The wood fence they built transformed our backyard completely. Excellent quality and friendly team.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401310.jpg"},
         {
-          name: "Robert Smith",
-          handle: "@property",
-          testimonial: "Highly recommended for iron fencing. Fast installation and very durable product.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg",
-        },
+          name: "Robert Smith",          handle: "@property",          testimonial: "Highly recommended for iron fencing. Fast installation and very durable product.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/people-making-notes-about-flower_23-2147768470.jpg"},
         {
-          name: "Sarah Davis",
-          handle: "@garden",
-          testimonial: "Professional service from start to finish. Our new picket fence looks beautiful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-39525.jpg",
-        },
+          name: "Sarah Davis",          handle: "@garden",          testimonial: "Professional service from start to finish. Our new picket fence looks beautiful.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/mutual-creative-work-young-beautiful-couple-casual-clothes-aprons-people-creating-bowl-pottery-wheel-clay-studio_1157-39525.jpg"},
         {
-          name: "Mark Wilson",
-          handle: "@business",
-          testimonial: "The team worked efficiently and the quality of the iron work is unmatched in the area.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/older-man-having-cup-coffee-outdoors-city_23-2148991134.jpg",
-        },
+          name: "Mark Wilson",          handle: "@business",          testimonial: "The team worked efficiently and the quality of the iron work is unmatched in the area.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/older-man-having-cup-coffee-outdoors-city_23-2148991134.jpg"},
         {
-          name: "Emily Chen",
-          handle: "@resident",
-          testimonial: "Absolutely thrilled with the fence installation. Professionalism was top-notch.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-checklist_1153-1091.jpg",
-        },
+          name: "Emily Chen",          handle: "@resident",          testimonial: "Absolutely thrilled with the fence installation. Professionalism was top-notch.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-checklist_1153-1091.jpg"},
       ]}
       buttons={[
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
+        { text: "Get a Free Quote", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283256.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283256.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building-with-fence_23-2149301121.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/house-entrance-old-japan-building_23-2149301117.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blonde-girl-glasses-pink-coat-black-tunic-handbag-posed-against-fence-street_627829-10950.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance-with-fence_23-2149301053.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-looking-through-fence_23-2147925316.jpg",
-          alt: "Client 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/house-entrance-japanese-building-with-fence_23-2149301121.jpg", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/house-entrance-old-japan-building_23-2149301117.jpg", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/blonde-girl-glasses-pink-coat-black-tunic-handbag-posed-against-fence-street_627829-10950.jpg", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/japanese-culture-house-entrance-with-fence_23-2149301053.jpg", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/man-looking-through-fence_23-2147925316.jpg", alt: "Client 5" },
       ]}
       marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text-icon",
-          text: "15+ Years Experience",
-          icon: Award,
-        },
-        {
-          type: "text",
-          text: "Free Estimates",
-        },
-        {
-          type: "text-icon",
-          text: "Locally Owned",
-          icon: MapPin,
-        },
-        {
-          type: "text",
-          text: "Quality Guaranteed",
-        },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text-icon", text: "15+ Years Experience", icon: Award },
+        { type: "text", text: "Free Estimates" },
+        { type: "text-icon", text: "Locally Owned", icon: MapPin },
+        { type: "text", text: "Quality Guaranteed" },
       ]}
     />
   </div>
@@ -157,10 +94,10 @@ export default function LandingPage() {
       useInvertedBackground={true}
       tag="Our Expertise"
       title="Mastery in Iron & Wood"
-      description="We specialize in high-end, custom fencing that elevates your property's security and beauty. With years of local experience, our team combines traditional craftsmanship with modern durability."
-      subdescription="Whether you need a classic wood privacy fence or a modern ornamental iron gate, we bring your vision to life with precision engineering and high-quality local materials."
+      description="We specialize in high-end, custom fencing that elevates your property's security and beauty."
+      subdescription="Whether you need a classic wood privacy fence or a modern ornamental iron gate, we bring your vision to life."
       icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -172,76 +109,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Custom Wood Fencing",
-          description: "Premium cedar and pressure-treated wood fences built to survive the local climate and look stunning.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/girl-gray-coat-with-sunglasses-handbag-walking-street-against-iron-fence_627829-8822.jpg",
-          },
+          title: "Custom Wood Fencing",          description: "Premium cedar and pressure-treated wood fences built to survive the local climate.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/girl-gray-coat-with-sunglasses-handbag-walking-street-against-iron-fence_627829-8822.jpg" },
           items: [
-            {
-              icon: CheckCircle,
-              text: "Pressure-treated cedar",
-            },
-            {
-              icon: CheckCircle,
-              text: "Custom height options",
-            },
-            {
-              icon: CheckCircle,
-              text: "Rot-resistant finish",
-            },
+            { icon: CheckCircle, text: "Pressure-treated cedar" },
+            { icon: CheckCircle, text: "Custom height options" },
+            { icon: CheckCircle, text: "Rot-resistant finish" },
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283256.jpg?_wi=2",
-          imageAlt: "custom cedar wood fencing garden",
         },
         {
-          title: "Ornamental Ironwork",
-          description: "Elegant and secure iron fencing that adds curb appeal and value to your residential or commercial property.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/gate-winter-palace_1398-2684.jpg",
-          },
+          title: "Ornamental Ironwork",          description: "Elegant and secure iron fencing that adds curb appeal and value to your property.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/gate-winter-palace_1398-2684.jpg" },
           items: [
-            {
-              icon: Shield,
-              text: "Rust-proof coating",
-            },
-            {
-              icon: Shield,
-              text: "Security focused designs",
-            },
-            {
-              icon: Shield,
-              text: "Custom decorative tops",
-            },
+            { icon: Shield, text: "Rust-proof coating" },
+            { icon: Shield, text: "Security focused designs" },
+            { icon: Shield, text: "Custom decorative tops" },
           ],
           reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg?_wi=2",
-          imageAlt: "custom cedar wood fencing garden",
         },
         {
-          title: "Privacy Installations",
-          description: "Complete boundary solutions designed for maximum privacy and noise reduction.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13019.jpg",
-          },
+          title: "Privacy Installations",          description: "Complete boundary solutions designed for maximum privacy and noise reduction.",          media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13019.jpg" },
           items: [
-            {
-              icon: Lock,
-              text: "Full privacy paneling",
-            },
-            {
-              icon: Lock,
-              text: "Noise-dampening materials",
-            },
-            {
-              icon: Lock,
-              text: "Professional hardware",
-            },
+            { icon: Lock, text: "Full privacy paneling" },
+            { icon: Lock, text: "Noise-dampening materials" },
+            { icon: Lock, text: "Professional hardware" },
           ],
           reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/iron-stripes-with-copy-space-background_23-2148744321.jpg?_wi=1",
-          imageAlt: "custom cedar wood fencing garden",
         },
       ]}
       title="Our Professional Services"
@@ -256,42 +148,12 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",
-          name: "Cedar Privacy Fence",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/iron-stripes-with-copy-space-background_23-2148744321.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Modern Iron Gate",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg",
-        },
-        {
-          id: "3",
-          name: "Farm Style Wood Fence",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bridge_417767-270.jpg",
-        },
-        {
-          id: "4",
-          name: "Decorative Wrought Iron",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935988.jpg",
-        },
-        {
-          id: "5",
-          name: "Horizontal Slat Barrier",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/paving-yellow-road-tiles-packed-with-green-tape-pallets-storage-goods-stock-construction-repair-delivery-sale-building-materials_166373-3213.jpg",
-        },
-        {
-          id: "6",
-          name: "Security Boundary Wall",
-          price: "Custom Pricing",
-          imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg",
-        },
+        { id: "1", name: "Cedar Privacy Fence", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/iron-stripes-with-copy-space-background_23-2148744321.jpg" },
+        { id: "2", name: "Modern Iron Gate", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/fashion-bearded-hipster-posing-fence-style-diversity_482257-36988.jpg" },
+        { id: "3", name: "Farm Style Wood Fence", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-bridge_417767-270.jpg" },
+        { id: "4", name: "Decorative Wrought Iron", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935988.jpg" },
+        { id: "5", name: "Horizontal Slat Barrier", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/paving-yellow-road-tiles-packed-with-green-tape-pallets-storage-goods-stock-construction-repair-delivery-sale-building-materials_166373-3213.jpg" },
+        { id: "6", name: "Security Boundary Wall", price: "Custom Pricing", imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg" },
       ]}
       title="Recent Projects"
       description="Take a look at some of the custom wood and iron projects we've recently completed."
@@ -302,31 +164,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Jenkins",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-residence-bukovinian-dalmatian-metropolitans-chernivtsi-national-university-chernivtsi-touristic-destination-western-ukraine_231208-45.jpg",
-        },
-        {
-          id: "t2",
-          name: "Tom Baker",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg",
-        },
-        {
-          id: "t3",
-          name: "Lisa Wong",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-gardening-together_23-2149412584.jpg",
-        },
-        {
-          id: "t4",
-          name: "James Miller",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-leaning-garden-fence-with-holding-travelling-suitcase-bag-outdoors_23-2148221980.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anna Petrova",
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-industrial-platform-overseeing-industry-40-photovoltaics-plant_482257-120561.jpg",
-        },
+        { id: "t1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-residence-bukovinian-dalmatian-metropolitans-chernivtsi-national-university-chernivtsi-touristic-destination-western-ukraine_231208-45.jpg" },
+        { id: "t2", name: "Tom Baker", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-sitting-patio-rooftop_23-2147891200.jpg" },
+        { id: "t3", name: "Lisa Wong", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-gardening-together_23-2149412584.jpg" },
+        { id: "t4", name: "James Miller", imageSrc: "http://img.b2bpic.net/free-photo/woman-leaning-garden-fence-with-holding-travelling-suitcase-bag-outdoors_23-2148221980.jpg" },
+        { id: "t5", name: "Anna Petrova", imageSrc: "http://img.b2bpic.net/free-photo/manager-industrial-platform-overseeing-industry-40-photovoltaics-plant_482257-120561.jpg" },
       ]}
       cardTitle="What Our Clients Say"
       cardTag="Testimonials"
@@ -341,30 +183,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years of Experience",
-          description: "Dedicated to industry excellence.",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "2000+",
-          title: "Projects Completed",
-          description: "Delivering quality results.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m3",
-          value: "98%",
-          title: "Client Satisfaction",
-          description: "Highly rated by local home owners.",
-          icon: ThumbsUp,
-        },
+        { id: "m1", value: "15+", title: "Years of Experience", description: "Dedicated to industry excellence.", icon: Award },
+        { id: "m2", value: "2000+", title: "Projects Completed", description: "Delivering quality results.", icon: CheckCircle },
+        { id: "m3", value: "98%", title: "Client Satisfaction", description: "Highly rated by local home owners.", icon: ThumbsUp },
       ]}
       title="By The Numbers"
-      description="Consistently delivering quality work and customer satisfaction across the state."
+      description="Consistently delivering quality work and customer satisfaction."
     />
   </div>
 
@@ -372,24 +196,11 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "What materials do you use?",
-          content: "We use premium quality cedar wood, treated lumber, and industrial-grade iron with rust-resistant coatings.",
-        },
-        {
-          id: "f2",
-          title: "How long does installation take?",
-          content: "Most residential projects are completed within 3 to 5 business days, depending on size.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer warranties?",
-          content: "Yes, all our installations are backed by a comprehensive labor and material warranty.",
-        },
+        { id: "f1", title: "What materials do you use?", content: "We use premium quality cedar wood, treated lumber, and industrial-grade iron." },
+        { id: "f2", title: "How long does installation take?", content: "Most residential projects are completed within 3 to 5 business days." },
+        { id: "f3", title: "Do you offer warranties?", content: "Yes, all our installations are backed by a comprehensive warranty." },
       ]}
       sideTitle="Questions? We have answers."
-      sideDescription="Get clear information about our process, materials, and pricing."
       faqsAnimation="slide-up"
     />
   </div>
@@ -397,18 +208,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Ready to Start?"
       title="Get Your Custom Quote"
-      description="Tell us about your fencing project and we'll provide a detailed quote tailored to your needs."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:info@ironwoodfencing.com",
-        },
-      ]}
+      description="Tell us about your fencing project and we'll provide a detailed quote."
+      buttons={[{ text: "Contact Us Now", href: "mailto:info@ironwoodfencing.com" }]}
     />
   </div>
 
@@ -417,16 +221,8 @@ export default function LandingPage() {
       logoText="IronWood Fencing"
       copyrightText="© 2025 | IronWood Fencing"
       socialLinks={[
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
+        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
       ]}
     />
   </div>
-- 
2.49.1