From 1b9885bf3d84b3675adfd1ce113f8647c9ffe1e7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 22:30:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 346 +++++++----------------------------------------
 1 file changed, 52 insertions(+), 294 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8405766..d851383 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Why Brixon",
-          id: "#why",
-        },
-        {
-          name: "Process",
-          id: "#process",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Services", id: "#services" },
+        { name: "Why Brixon", id: "#why" },
+        { name: "Process", id: "#process" },
       ]}
       brandName="Brixon Pro Roofing"
     />
@@ -54,82 +42,35 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Fremont’s Most Trusted Roofing & Exterior Experts"
       description="Storm damage, leaks, full replacements—we handle everything, including insurance, so you don’t have to. Precision roofing. Zero stress."
       kpis={[
-        {
-          value: "4.8",
-          label: "Review Rating",
-        },
-        {
-          value: "10Yr",
-          label: "Workmanship Warranty",
-        },
-        {
-          value: "1-3D",
-          label: "Fast Turnaround",
-        },
+        { value: "4.8", label: "Review Rating" },
+        { value: "10Yr", label: "Workmanship Warranty" },
+        { value: "1-3D", label: "Fast Turnaround" },
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
-          text: "Get Free Roof Inspection",
-          href: "#contact",
-        },
-        {
-          text: "Call Now: (925) 555-0123",
-          href: "tel:9255550123",
-        },
+        { text: "Get Free Roof Inspection", href: "#contact" },
+        { text: "Call Now: (925) 555-0123", href: "tel:9255550123" },
       ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8&_wi=1"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk",
-          alt: "Happy homeowner",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4",
-          alt: "Satisfied client",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm",
-          alt: "Local resident",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp",
-          alt: "Home owner",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm",
-          alt: "Fremont family",
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk", alt: "Happy homeowner" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4", alt: "Satisfied client" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm", alt: "Local resident" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp", alt: "Home owner" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm", alt: "Fremont family" },
       ]}
       avatarText="Trusted by 500+ local homeowners"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "Family Owned",
-        },
-        {
-          type: "text",
-          text: "Free Consultations",
-        },
-        {
-          type: "text",
-          text: "Emergency Response",
-        },
-        {
-          type: "text",
-          text: "Lifetime Warranty",
-        },
+        { type: "text", text: "Licensed & Insured" },
+        { type: "text", text: "Family Owned" },
+        { type: "text", text: "Free Consultations" },
+        { type: "text", text: "Emergency Response" },
+        { type: "text", text: "Lifetime Warranty" },
       ]}
     />
   </div>
@@ -139,61 +80,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Josiah B.",
-          date: "March 2024",
-          title: "Homeowner",
-          quote: "They handled everything with insurance and finished faster than expected. My home looks brand new.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8&_wi=2",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "2",
-          name: "C. Rios",
-          date: "February 2024",
-          title: "Homeowner",
-          quote: "No pushy sales—just honest advice and a detailed quote. The crew was incredible.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "3",
-          name: "Alex M.",
-          date: "January 2024",
-          title: "Homeowner",
-          quote: "They found damage I didn’t even know about and took care of everything.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "4",
-          name: "Sarah J.",
-          date: "December 2023",
-          title: "Homeowner",
-          quote: "Professional, clean, and fast. The best roofing experience I've had in 10 years.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j&_wi=1",
-          imageAlt: "happy homeowner portrait",
-        },
-        {
-          id: "5",
-          name: "Mike T.",
-          date: "November 2023",
-          title: "Homeowner",
-          quote: "Detailed quote, no hidden fees, and spotless cleanup. Truly premium service.",
-          tag: "Verified",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy&_wi=1",
-          imageAlt: "happy homeowner portrait",
-        },
+        { id: "1", name: "Josiah B.", date: "March 2024", title: "Homeowner", quote: "They handled everything with insurance and finished faster than expected. My home looks brand new.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6w34vk", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y69qt8", imageAlt: "happy homeowner portrait" },
+        { id: "2", name: "C. Rios", date: "February 2024", title: "Homeowner", quote: "No pushy sales—just honest advice and a detailed quote. The crew was incredible.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbf7e4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ioeixm", imageAlt: "happy homeowner portrait" },
+        { id: "3", name: "Alex M.", date: "January 2024", title: "Homeowner", quote: "They found damage I didn’t even know about and took care of everything.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rw0eyp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k7trvm", imageAlt: "happy homeowner portrait" },
+        { id: "4", name: "Sarah J.", date: "December 2023", title: "Homeowner", quote: "Professional, clean, and fast. The best roofing experience I've had in 10 years.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j", imageAlt: "happy homeowner portrait" },
+        { id: "5", name: "Mike T.", date: "November 2023", title: "Homeowner", quote: "Detailed quote, no hidden fees, and spotless cleanup. Truly premium service.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy", imageAlt: "happy homeowner portrait" },
       ]}
       title="Real Results. Real Homeowners."
       description="See why Fremont homeowners trust our white-glove service and honest approach."
@@ -207,21 +98,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Roof Replacement",
-          description: "High-quality shingle and metal systems engineered for California heat.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w",
-        },
-        {
-          title: "Storm & Leak Repair",
-          description: "Rapid response team to secure your home against water and wind damage.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j&_wi=2",
-        },
-        {
-          title: "Exterior Upgrades",
-          description: "Gutters, skylights, and Hardie Board siding for total home protection.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a",
-        },
+        { title: "Roof Replacement", description: "High-quality shingle and metal systems engineered for California heat.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tf845w" },
+        { title: "Storm & Leak Repair", description: "Rapid response team to secure your home against water and wind damage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u08o5j" },
+        { title: "Exterior Upgrades", description: "Gutters, skylights, and Hardie Board siding for total home protection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1nto1a" },
       ]}
       title="Built to Withstand Fremont’s Climate"
       description="From blistering summer heat to winter storm damage, our exterior solutions provide long-term protection."
@@ -236,37 +115,22 @@ export default function LandingPage() {
       description="We don't just put on roofs; we provide peace of mind."
       subdescription="We handle the insurance headache for you, ensure spotless cleanup, and never use high-pressure sales tactics."
       icon={Shield}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy&_wi=2"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bykwpy"
       mediaAnimation="slide-up"
     />
   </div>
 
   <div id="process" data-section="process">
       <FeatureCardThree
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       features={[
-        {
-          title: "1. Free Inspection",
-          description: "Comprehensive assessment of your exterior.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hd7wlm",
-        },
-        {
-          title: "2. Detailed Quote",
-          description: "Clear options, no hidden fees.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lukb5l",
-        },
-        {
-          title: "3. Insurance Support",
-          description: "We communicate with adjusters so you don't have to.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4kkt",
-        },
-        {
-          title: "4. Fast Install",
-          description: "Done right in 1–3 days with spotless cleanup.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r2sals",
-        },
+        { title: "1. Free Inspection", description: "Comprehensive assessment of your exterior.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hd7wlm" },
+        { title: "2. Detailed Quote", description: "Clear options, no hidden fees.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lukb5l" },
+        { title: "3. Insurance Support", description: "We communicate with adjusters so you don't have to.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ks4kkt" },
+        { title: "4. Fast Install", description: "Done right in 1–3 days with spotless cleanup.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r2sals" },
       ]}
       title="Simple. Transparent. Stress-Free."
       description="Most projects are completed in 1–3 days. Our process is designed to be as frictionless as possible."
@@ -280,42 +144,12 @@ export default function LandingPage() {
       gridVariant="one-large-left-three-stacked-right"
       useInvertedBackground={false}
       products={[
-        {
-          id: "res-1",
-          name: "Roof Installation",
-          price: "1-Day Finish",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlqefu",
-        },
-        {
-          id: "res-2",
-          name: "Storm Restoration",
-          price: "Expert Fix",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwvorm",
-        },
-        {
-          id: "res-3",
-          name: "Gutter Upgrade",
-          price: "Premium System",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4p2izf",
-        },
-        {
-          id: "res-4",
-          name: "Roof System",
-          price: "Hardie Board",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0klyu",
-        },
-        {
-          id: "res-5",
-          name: "Metal Roofing",
-          price: "Ultra Durable",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnxm66",
-        },
-        {
-          id: "res-6",
-          name: "Exterior Refresh",
-          price: "Completed",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3t3j8",
-        },
+        { id: "res-1", name: "Roof Installation", price: "1-Day Finish", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zlqefu" },
+        { id: "res-2", name: "Storm Restoration", price: "Expert Fix", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwvorm" },
+        { id: "res-3", name: "Gutter Upgrade", price: "Premium System", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4p2izf" },
+        { id: "res-4", name: "Roof System", price: "Hardie Board", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l0klyu" },
+        { id: "res-5", name: "Metal Roofing", price: "Ultra Durable", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rnxm66" },
+        { id: "res-6", name: "Exterior Refresh", price: "Completed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3t3j8" },
       ]}
       title="Results You Can See"
       description="Before & after excellence in Fremont and surrounding areas."
@@ -329,26 +163,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "loc-1",
-          value: "Fremont",
-          description: "Home Base",
-        },
-        {
-          id: "loc-2",
-          value: "Newark",
-          description: "Service Area",
-        },
-        {
-          id: "loc-3",
-          value: "Union City",
-          description: "Service Area",
-        },
-        {
-          id: "loc-4",
-          value: "Milpitas",
-          description: "Service Area",
-        },
+        { id: "loc-1", value: "Fremont", description: "Home Base" },
+        { id: "loc-2", value: "Newark", description: "Service Area" },
+        { id: "loc-3", value: "Union City", description: "Service Area" },
+        { id: "loc-4", value: "Milpitas", description: "Service Area" },
       ]}
       title="Proudly Serving Fremont & Areas"
       description="Built for California heat, storms, and long-term durability."
@@ -361,31 +179,11 @@ export default function LandingPage() {
       title="Get Your Free Roof Inspection Today"
       description="No pressure. No obligation. Just expert advice. Limited weekly inspection slots available."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Tell us about your project",
-        rows: 4,
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Tell us about your project", rows: 4, required: true }}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dkfrun"
     />
   </div>
@@ -393,49 +191,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Roof Replacement",
-              href: "#services",
-            },
-            {
-              label: "Repair Services",
-              href: "#services",
-            },
-            {
-              label: "Exterior",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Insurance Claims",
-              href: "#",
-            },
-            {
-              label: "Get Quote",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Services", items: [{ label: "Roof Replacement", href: "#services" }, { label: "Repair Services", href: "#services" }, { label: "Exterior", href: "#services" }] },
+        { title: "Support", items: [{ label: "Insurance Claims", href: "#" }, { label: "Get Quote", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="Brixon Pro"
     />
-- 
2.49.1