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

---
 src/app/page.tsx | 253 ++++++++---------------------------------------
 1 file changed, 39 insertions(+), 214 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8fefa73..f7c6adc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,31 +19,23 @@ export default function LandingPage() {
         defaultButtonVariant="hover-bubble"
         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">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Projects",
-          id: "product",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Projects", id: "product" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Loewens Fencing & Deck Repairs"
     />
@@ -51,20 +43,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       logoText="Loewens Fencing & Deck Repairs"
       description="Exquisite fence installation and deck restoration services tailored for discerning homeowners seeking longevity and architectural beauty."
       buttons={[
-        {
-          text: "View Our Projects",
-          href: "#product",
-        },
-        {
-          text: "Request Quote",
-          href: "#contact",
-        },
+        { text: "View Our Projects", href: "#product" },
+        { text: "Request Quote", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498452.jpg"
       mediaAnimation="slide-up"
@@ -76,9 +60,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Mastery in Every Plank"
       description={[
-        "With over two decades of dedicated service, Loewens Fencing and Deck Repairs has established a reputation for uncompromising quality and structural integrity.",
-        "We combine traditional craftsmanship with modern materials to build outdoor living spaces that define luxury and endurance.",
-      ]}
+        "With over two decades of dedicated service, Loewens Fencing and Deck Repairs has established a reputation for uncompromising quality and structural integrity.",        "We combine traditional craftsmanship with modern materials to build outdoor living spaces that define luxury and endurance."]}
     />
   </div>
 
@@ -88,26 +70,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Expertise",
-          title: "Custom Fence Installation",
-          subtitle: "Cedar, Metal, and Vinyl",
-          description: "Precision installations built to withstand elements while enhancing your home's aesthetic appeal.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg",
-        },
+          tag: "Expertise",          title: "Custom Fence Installation",          subtitle: "Cedar, Metal, and Vinyl",          description: "Precision installations built to withstand elements while enhancing your home's aesthetic appeal.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-black-african-american-man-hat-sunglasses-against-fence_627829-3839.jpg"},
         {
-          tag: "Restoration",
-          title: "Deck Repair & Refinishing",
-          subtitle: "Restoring Your Foundation",
-          description: "Revitalizing weathered decks into stunning focal points with premium stains and structural repairs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-varnishing-wood-with-big-brush_23-2148748819.jpg",
-        },
+          tag: "Restoration",          title: "Deck Repair & Refinishing",          subtitle: "Restoring Your Foundation",          description: "Revitalizing weathered decks into stunning focal points with premium stains and structural repairs.",          imageSrc: "http://img.b2bpic.net/free-photo/person-varnishing-wood-with-big-brush_23-2148748819.jpg"},
         {
-          tag: "Customization",
-          title: "Architectural Outdoor Design",
-          subtitle: "Bespoke Landscapes",
-          description: "Tailored designs that prioritize form, function, and the seamless integration of outdoor living spaces.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg",
-        },
+          tag: "Customization",          title: "Architectural Outdoor Design",          subtitle: "Bespoke Landscapes",          description: "Tailored designs that prioritize form, function, and the seamless integration of outdoor living spaces.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13225.jpg"},
       ]}
       title="Our Specialized Services"
       description="Crafting outdoor environments that harmonize with your landscape and lifestyle."
@@ -122,59 +89,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          brand: "Luxury Cedar",
-          name: "Modern Perimeter Fence",
-          price: "Custom Pricing",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg",
-        },
+          id: "p1",          brand: "Luxury Cedar",          name: "Modern Perimeter Fence",          price: "Custom Pricing",          rating: 5,
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building-with-fence_23-2149301077.jpg"},
         {
-          id: "p2",
-          brand: "Composite Deck",
-          name: "Grand Tiered Patio",
-          price: "Custom Pricing",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
-        },
+          id: "p2",          brand: "Composite Deck",          name: "Grand Tiered Patio",          price: "Custom Pricing",          rating: 5,
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg"},
         {
-          id: "p3",
-          brand: "Wrought Iron",
-          name: "Estate Security Gate",
-          price: "Custom Pricing",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/rich-african-man-stylish-traditional-clothes-hat-posed-outdoor-background-his-mansion_627829-3365.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Hardwood",
-          name: "Classic Veranda",
-          price: "Custom Pricing",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2886.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Vinyl",
-          name: "Private Garden Enclosure",
-          price: "Custom Pricing",
-          rating: 5,
-          reviewCount: "7",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-white-wooden-bridge-across-water-sun_146671-18753.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Restoration",
-          name: "Poolside Deck Refinish",
-          price: "Custom Pricing",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-broken_1122-1142.jpg",
-        },
+          id: "p3",          brand: "Wrought Iron",          name: "Estate Security Gate",          price: "Custom Pricing",          rating: 5,
+          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/rich-african-man-stylish-traditional-clothes-hat-posed-outdoor-background-his-mansion_627829-3365.jpg"},
       ]}
       title="Showcase of Excellence"
       description="Explore our portfolio of completed projects demonstrating our attention to detail and material quality."
@@ -188,26 +110,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "1200+",
-          title: "Projects Completed",
-          description: "Successfully installed fences and decks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg",
-        },
+          id: "m1",          value: "1200+",          title: "Projects Completed",          description: "Successfully installed fences and decks.",          imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg"},
         {
-          id: "m2",
-          value: "20+",
-          title: "Years Experience",
-          description: "Expertise in outdoor structural design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-doing-woodcutting_23-2150104707.jpg",
-        },
+          id: "m2",          value: "20+",          title: "Years Experience",          description: "Expertise in outdoor structural design.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-artisan-doing-woodcutting_23-2150104707.jpg"},
         {
-          id: "m3",
-          value: "98%",
-          title: "Client Retention",
-          description: "Trusted by local homeowners yearly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-cellphone-happy-emoji-message-against-brick-wall_23-2147841183.jpg",
-        },
+          id: "m3",          value: "98%",          title: "Client Retention",          description: "Trusted by local homeowners yearly.",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-holding-cellphone-happy-emoji-message-against-brick-wall_23-2147841183.jpg"},
       ]}
       title="Craftsmanship at Scale"
       description="Proven results measured by the satisfaction of our clients and the durability of our structures."
@@ -221,40 +128,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Elena Sterling",
-          handle: "Homeowner",
-          testimonial: "The precision of their installation is unmatched. My cedar fence is the highlight of the garden.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-woman-white-sundress-smiling-looking-camera-walking-down-street-summer_197531-32577.jpg",
-        },
+          id: "t1",          name: "Elena Sterling",          handle: "Homeowner",          testimonial: "The precision of their installation is unmatched. My cedar fence is the highlight of the garden.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-brunette-woman-white-sundress-smiling-looking-camera-walking-down-street-summer_197531-32577.jpg"},
         {
-          id: "t2",
-          name: "Marcus Thorne",
-          handle: "Architect",
-          testimonial: "I trust Loewens with all my outdoor design projects. They never compromise on quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah Jenkins",
-          handle: "Business Owner",
-          testimonial: "Restored our deck to look brand new. Professional, timely, and truly luxury finish.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-girl-putting-coffee-tamper-brew-capuccino-prepare-order_1258-203400.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Wu",
-          handle: "Residential Client",
-          testimonial: "Incredible communication throughout the process. Highly recommend for any deck restoration.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1516.jpg",
-        },
-        {
-          id: "t5",
-          name: "Julia Vane",
-          handle: "Homeowner",
-          testimonial: "Transformed our backyard into a living space we use every day. Exquisite work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-beach-with-copy-space_23-2148739286.jpg",
-        },
+          id: "t2",          name: "Marcus Thorne",          handle: "Architect",          testimonial: "I trust Loewens with all my outdoor design projects. They never compromise on quality.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg"},
       ]}
       title="Testimonials of Excellence"
       description="Read what our esteemed clients have to say about the Loewens transformation."
@@ -267,20 +143,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How long does restoration take?",
-          content: "Depending on deck size and damage, restoration usually takes between 3 to 7 days.",
-        },
+          id: "q1",          title: "How long does restoration take?",          content: "Depending on deck size and damage, restoration usually takes between 3 to 7 days."},
         {
-          id: "q2",
-          title: "What fencing materials offer best durability?",
-          content: "Western Red Cedar and high-grade pressure-treated wood are standard, but we offer composite options too.",
-        },
+          id: "q2",          title: "What fencing materials offer best durability?",          content: "Western Red Cedar and high-grade pressure-treated wood are standard, but we offer composite options too."},
         {
-          id: "q3",
-          title: "Do you provide warranty?",
-          content: "Yes, all structural work comes with a standard 3-year warranty covering defects.",
-        },
+          id: "q3",          title: "Do you provide warranty?",          content: "Yes, all structural work comes with a standard 3-year warranty covering defects."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg"
       mediaAnimation="slide-up"
@@ -293,15 +160,10 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       text="Ready to redefine your outdoor space? Reach out for a consultation regarding your next project."
       buttons={[
-        {
-          text: "Contact Us Now",
-          href: "mailto:hello@loewens.com",
-        },
+        { text: "Contact Us Now", href: "mailto:hello@loewens.com" },
       ]}
     />
   </div>
@@ -309,46 +171,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Projects",
-              href: "#product",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Projects", href: "#product" }] },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+        { items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] },
       ]}
       logoText="Loewens Fencing"
     />
@@ -356,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1