From c4b4bedf62ce01832ce3ccc39cf4ba8c7968909d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 10:13:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 161 ++++++++++++-----------------------------------
 1 file changed, 41 insertions(+), 120 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b70cd8c..b8e82eb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { Award, Shield, Zap, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Why Aluminum",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Products", id: "products" },
+        { name: "Why Aluminum", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Nexan"
     />
@@ -46,50 +42,19 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "downward-rays-static"}}
+      background={{ variant: "downward-rays-static" }}
       title="Go Outside and Play with Nexan"
       description="Premium aluminum pergola, decking, and railing solutions. Innovative outdoor living products engineered for a lifetime of maintenance-free enjoyment."
       kpis={[
-        {
-          value: "100%",          label: "Aluminum Engineering"},
-        {
-          value: "Lifetime",          label: "Product Durability"},
-        {
-          value: "25+",          label: "Years Experience"},
+        { value: "100%", label: "Aluminum Engineering" },
+        { value: "Lifetime", label: "Product Durability" },
+        { value: "25+", label: "Years Experience" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "View Pergola Products",          href: "#products"},
-      ]}
+      buttons={[{ text: "View Pergola Products", href: "#products" }]}
       imageSrc="http://img.b2bpic.net/free-photo/black-wedding-background-restaurant-tableware_1203-3980.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg",          alt: "Homeowner portrait 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3436.jpg",          alt: "Homeowner portrait 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-pizza-table-outside_23-2148305634.jpg",          alt: "Homeowner portrait 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/stones-natural-room-interior-design_23-2151890375.jpg",          alt: "Homeowner portrait 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6126.jpg",          alt: "Homeowner portrait 5"},
-      ]}
       avatarText="Trusted by 5,000+ happy homeowners"
-      marqueeItems={[
-        {
-          type: "text",          text: "Maintenance Free"},
-        {
-          type: "text",          text: "Waterproof Design"},
-        {
-          type: "text",          text: "Heavy Duty Aluminum"},
-        {
-          type: "text",          text: "Customizable"},
-        {
-          type: "text",          text: "Lifetime Warranty"},
-      ]}
     />
   </div>
 
@@ -98,15 +63,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="The Nexan Advantage"
       metrics={[
-        {
-          icon: Zap,
-          label: "Fast Installation",          value: "Quick Set"},
-        {
-          icon: Shield,
-          label: "Waterproof Tech",          value: "LockDry"},
-        {
-          icon: Award,
-          label: "Premium Quality",          value: "Certified"},
+        { icon: Zap, label: "Fast Installation", value: "Quick Set" },
+        { icon: Shield, label: "Waterproof Tech", value: "LockDry" },
+        { icon: Award, label: "Premium Quality", value: "Certified" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -117,18 +76,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Precision Extrusions",          description: "High-strength aluminum without plastic inserts.",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-background-equipment-industrial-tools-machinery-production-factory-shops-dairy-factory-steel-water-pipeline-chrome-pipes-inside-modern-wine-factory-modern-factory-interior_645730-125.jpg",          buttonIcon: CheckCircle,
-        },
-        {
-          title: "LockDry Waterproofing",          description: "The one-step roof deck system for ultimate protection.",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg",          buttonIcon: CheckCircle,
-        },
-        {
-          title: "Maintenance Free",          description: "Designed to stand the test of time with ease.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-wooden-walls-blue-windows-white-lamp-lights_181624-6838.jpg",          buttonIcon: CheckCircle,
-        },
-        {
-          title: "Versatile Design",          description: "Customizable systems for any architectural style.",          imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg",          buttonIcon: CheckCircle,
-        },
+        { title: "Precision Extrusions", description: "High-strength aluminum without plastic inserts.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-background-equipment-industrial-tools-machinery-production-factory-shops-dairy-factory-steel-water-pipeline-chrome-pipes-inside-modern-wine-factory-modern-factory-interior_645730-125.jpg", buttonIcon: CheckCircle },
+        { title: "LockDry Waterproofing", description: "The one-step roof deck system for ultimate protection.", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-buildings_1127-2869.jpg", buttonIcon: CheckCircle },
+        { title: "Maintenance Free", description: "Designed to stand the test of time with ease.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-wooden-walls-blue-windows-white-lamp-lights_181624-6838.jpg", buttonIcon: CheckCircle },
+        { title: "Versatile Design", description: "Customizable systems for any architectural style.", imageSrc: "http://img.b2bpic.net/free-photo/building-with-coarse-plaster-surface_23-2148252826.jpg", buttonIcon: CheckCircle },
       ]}
       title="Engineering Excellence"
       description="Our products are built to last a lifetime with heavy duty, extruded aluminum profiles that require no inserts for strength."
@@ -142,18 +93,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Coolbreeze Pergolas",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-glass-building_23-2148252786.jpg"},
-        {
-          id: "p2",          name: "LockDry Decking",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg"},
-        {
-          id: "p3",          name: "Nextdeck Aluminum",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13072.jpg"},
-        {
-          id: "p4",          name: "Picket Railings",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/details-railing-stairs-modern-building-shadow-reflection-windows_158595-6486.jpg"},
-        {
-          id: "p5",          name: "Cable Railings",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-old-bridge_1252-1043.jpg"},
-        {
-          id: "p6",          name: "Commercial Rails",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/faceless-woman-exercising-steps_23-2147786914.jpg"},
+        { id: "p1", name: "Coolbreeze Pergolas", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-glass-building_23-2148252786.jpg" },
+        { id: "p2", name: "LockDry Decking", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15638.jpg" },
+        { id: "p3", name: "Nextdeck Aluminum", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13072.jpg" },
+        { id: "p4", name: "Picket Railings", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/details-railing-stairs-modern-building-shadow-reflection-windows_158595-6486.jpg" },
       ]}
       title="Outdoor Living Solutions"
       description="Explore our full range of premium pergolas, decking, and railing architectural systems."
@@ -161,30 +104,18 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardThirteen
+      showRating={true}
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah Miller",          role: "Homeowner",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-with-laptop-table_23-2147744891.jpg"},
-        {
-          id: "t2",          name: "James Anderson",          role: "Homeowner",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/table-bench-full-plants_23-2147997132.jpg"},
-        {
-          id: "t3",          name: "Linda Chen",          role: "Homeowner",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg"},
-        {
-          id: "t4",          name: "Robert Smith",          role: "Homeowner",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crossfit-concept-with-wheel_23-2147671857.jpg"},
-        {
-          id: "t5",          name: "David W.",          role: "Homeowner",          company: "Client",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg"},
-      ]}
       title="What Homeowners Say"
       description="Hear from satisfied customers who have upgraded their outdoor space with Nexan."
+      testimonials={[
+        { id: "t1", name: "Sarah Miller", handle: "@sarah", testimonial: "The best investment we made for our backyard.", rating: 5 },
+        { id: "t2", name: "James Anderson", handle: "@janderson", testimonial: "Absolutely maintenance-free and looks brand new.", rating: 5 },
+        { id: "t3", name: "Linda Chen", handle: "@lchen", testimonial: "Professional installation and stunning result.", rating: 5 },
+      ]}
     />
   </div>
 
@@ -192,45 +123,35 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Builder A",        "Architect B",        "Contractor C",        "Distributor D",        "Design Firm E",        "Supply Co F",        "Partner G"]}
+      names={["Builder A", "Architect B", "Contractor C", "Distributor D", "Design Firm E"]}
       title="Industry Trusted Partners"
       description="Join thousands of builders and homeowners choosing Nexan quality."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      tag="Contact Us"
+      <ContactSplitForm
       title="Connect with Nexan"
       description="Our dedicated team is here to assist with design planning, quotes, and product support. Reach out to get started."
-      background={{ variant: "gradient-bars" }}
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Your Email" }
+      ]}
       useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/high-angle-pizza-table-outside_23-2148305634.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterMedia
       logoText="Nexan Building Products"
+      imageSrc="http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6126.jpg"
       columns={[
         {
-          title: "Products",          items: [
-            { label: "Decking", href: "#products" },
-            { label: "Railings", href: "#products" },
-            { label: "Pergolas", href: "#products" },
-          ],
+          title: "Products",          items: [{ label: "Decking", href: "#products" }, { label: "Railings", href: "#products" }, { label: "Pergolas", href: "#products" }],
         },
         {
-          title: "Company",          items: [
-            { label: "About", href: "#about" },
-            { label: "Contact", href: "#contact" },
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            { label: "Privacy", href: "#" },
-            { label: "Terms", href: "#" },
-          ],
+          title: "Company",          items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }],
         }
       ]}
     />
-- 
2.49.1