From b1b9ae88994f3ac04038ddaa9d0308173ab85a12 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 01:59:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 331 +++++++++--------------------------------------
 1 file changed, 58 insertions(+), 273 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3c35f34..528ca85 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "About", id: "about" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="BUDGET Auto Centers"
     />
@@ -59,68 +44,30 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Auto Repair You Can Actually Trust"
       description="Honest pricing, expert repairs, and service done right the first time in Surrey, BC."
       buttons={[
-        {
-          text: "Book Service",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:6049518881",
-        },
+        { text: "Book Service", href: "#contact" },
+        { text: "Call Now", href: "tel:6049518881" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/photo-automobile-production-line-welding-car-body-modern-car-assembly-plant-auto-industry-hightech-factory_645730-755.jpg"
       imageAlt="Professional automotive garage"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg",
-          alt: "Mechanic inspecting tire",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/plant-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-174.jpg",
-          alt: "Workshop assembly line",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-examining-car_107420-95949.jpg",
-          alt: "Mechanic diagnostic work",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-car-being-checked-before-being-painted-hightech-enterprise_645730-58.jpg",
-          alt: "Clean assembly workshop",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg",
-          alt: "Team discussing repairs",
-        },
+        { src: "http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg", alt: "Mechanic inspecting tire" },
+        { src: "http://img.b2bpic.net/free-photo/plant-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-174.jpg", alt: "Workshop assembly line" },
+        { src: "http://img.b2bpic.net/free-photo/mechanic-examining-car_107420-95949.jpg", alt: "Mechanic diagnostic work" },
+        { src: "http://img.b2bpic.net/free-photo/car-bodies-are-assembly-line-factory-production-cars-modern-automotive-industry-car-being-checked-before-being-painted-hightech-enterprise_645730-58.jpg", alt: "Clean assembly workshop" },
+        { src: "http://img.b2bpic.net/free-photo/two-coworkers-using-laptop-while-working-auto-repair-shop_637285-11597.jpg", alt: "Team discussing repairs" },
       ]}
       avatarText="Trusted by over 10,000 drivers in Surrey"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Oil Changes",
-        },
-        {
-          type: "text",
-          text: "Brake Repairs",
-        },
-        {
-          type: "text",
-          text: "Full Diagnostics",
-        },
-        {
-          type: "text",
-          text: "Tire Mounting",
-        },
-        {
-          type: "text",
-          text: "Suspension Alignment",
-        },
+        { type: "text", text: "Oil Changes" },
+        { type: "text", text: "Brake Repairs" },
+        { type: "text", text: "Full Diagnostics" },
+        { type: "text", text: "Tire Mounting" },
+        { type: "text", text: "Suspension Alignment" },
       ]}
     />
   </div>
@@ -130,26 +77,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Built on 20+ Years of Local Trust"
       metrics={[
-        {
-          icon: Award,
-          label: "Years Trusted",
-          value: "20+",
-        },
-        {
-          icon: Star,
-          label: "Google Reviews",
-          value: "500+",
-        },
-        {
-          icon: CheckCircle,
-          label: "Fixed First",
-          value: "99%",
-        },
-        {
-          icon: Shield,
-          label: "Certified Pros",
-          value: "100%",
-        },
+        { icon: Award, label: "Years Trusted", value: "20+" },
+        { icon: Star, label: "Google Reviews", value: "500+" },
+        { icon: CheckCircle, label: "Fixed First", value: "99%" },
+        { icon: Shield, label: "Certified Pros", value: "100%" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -162,48 +93,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Brakes",
-          price: "Expert Check",
-          variant: "Safety",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1408.jpg",
-        },
-        {
-          id: "p2",
-          name: "Mufflers & Exhaust",
-          price: "Custom Fit",
-          variant: "Performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_107420-95948.jpg",
-        },
-        {
-          id: "p3",
-          name: "Oil Changes",
-          price: "Premium Oil",
-          variant: "Maintenance",
-          imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593883.jpg",
-        },
-        {
-          id: "p4",
-          name: "Diagnostics",
-          price: "Computer Scan",
-          variant: "Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg",
-        },
-        {
-          id: "p5",
-          name: "Suspension & Steering",
-          price: "Precision Align",
-          variant: "Control",
-          imageSrc: "http://img.b2bpic.net/free-photo/expert-uses-light-check-car-lift_482257-76107.jpg",
-        },
-        {
-          id: "p6",
-          name: "Tires & Mounting",
-          price: "All Weather",
-          variant: "Safety",
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
-        },
+        { id: "p1", name: "Brakes", price: "Expert Check", variant: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1408.jpg" },
+        { id: "p2", name: "Mufflers & Exhaust", price: "Custom Fit", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_107420-95948.jpg" },
+        { id: "p3", name: "Oil Changes", price: "Premium Oil", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593883.jpg" },
+        { id: "p4", name: "Diagnostics", price: "Computer Scan", variant: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg" },
+        { id: "p5", name: "Suspension & Steering", price: "Precision Align", variant: "Control", imageSrc: "http://img.b2bpic.net/free-photo/expert-uses-light-check-car-lift_482257-76107.jpg" },
+        { id: "p6", name: "Tires & Mounting", price: "All Weather", variant: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg" },
       ]}
       title="Our Expert Services"
       description="Premium automotive care for any vehicle make and model."
@@ -212,25 +107,14 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureCardThree
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Expert Team",
-          description: "Certified technicians with decades of specialized automotive experience.",
-          imageSrc: "http://img.b2bpic.net/free-vector/automotive-industry-neon-sign_24908-57003.jpg",
-        },
-        {
-          title: "Fast Turnaround",
-          description: "We respect your time. Quality service without the long wait.",
-          imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg",
-        },
-        {
-          title: "Honest Quotes",
-          description: "Transparent pricing with no hidden costs—ever. We do it right.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1319.jpg",
-        },
+        { title: "Expert Team", description: "Certified technicians with decades of specialized automotive experience.", imageSrc: "http://img.b2bpic.net/free-vector/automotive-industry-neon-sign_24908-57003.jpg" },
+        { title: "Fast Turnaround", description: "We respect your time. Quality service without the long wait.", imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg" },
+        { title: "Honest Quotes", description: "Transparent pricing with no hidden costs—ever. We do it right.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1319.jpg" },
       ]}
       title="The BUDGET Advantage"
       description="Why customers in Fleetwood trust us with their vehicles for generations."
@@ -243,60 +127,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "John Doe",
-          role: "Client",
-          company: "Fleetwood Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-        },
-        {
-          id: "2",
-          name: "Jane Smith",
-          role: "Client",
-          company: "Surrey Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg",
-        },
-        {
-          id: "3",
-          name: "Mike Ross",
-          role: "Client",
-          company: "Loyal Patron",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-customer-signing-document-workshop_329181-11860.jpg",
-        },
-        {
-          id: "4",
-          name: "Sarah Lee",
-          role: "Client",
-          company: "Long-term Customer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1368.jpg",
-        },
-        {
-          id: "5",
-          name: "David Chan",
-          role: "Client",
-          company: "Fleetwood Business",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
-        },
+        { id: "1", name: "John Doe", role: "Client", company: "Fleetwood Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
+        { id: "2", name: "Jane Smith", role: "Client", company: "Surrey Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg" },
+        { id: "3", name: "Mike Ross", role: "Client", company: "Loyal Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-customer-signing-document-workshop_329181-11860.jpg" },
+        { id: "4", name: "Sarah Lee", role: "Client", company: "Long-term Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1368.jpg" },
+        { id: "5", name: "David Chan", role: "Client", company: "Fleetwood Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg" },
       ]}
       kpiItems={[
-        {
-          label: "Client Retention",
-          value: "95%",
-        },
-        {
-          label: "Years in Business",
-          value: "20+",
-        },
-        {
-          label: "Happy Clients",
-          value: "10k+",
-        },
+        { label: "Client Retention", value: "95%" },
+        { label: "Years in Business", value: "20+" },
+        { label: "Happy Clients", value: "10k+" },
       ]}
       title="Loved by Surrey Drivers"
       description="Don't just take our word for it—read why your neighbors choose Budget Auto Centers."
@@ -310,27 +150,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "m1",
-          name: "Mike Madari",
-          role: "Founder",
-          description: "Mike and his team treat every customer with respect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg",
-        },
-        {
-          id: "m2",
-          name: "Expert Team 1",
-          role: "Lead Tech",
-          description: "Dedicated to excellence in every single repair.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-his-workshop_23-2148970733.jpg",
-        },
-        {
-          id: "m3",
-          name: "Expert Team 2",
-          role: "Mechanic",
-          description: "Detail-oriented and efficient repair specialist.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-women-mechanics-autoservice-posing_7502-4436.jpg",
-        },
+        { id: "m1", name: "Mike Madari", role: "Founder", description: "Mike and his team treat every customer with respect.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg" },
+        { id: "m2", name: "Expert Team 1", role: "Lead Tech", description: "Dedicated to excellence in every single repair.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-his-workshop_23-2148970733.jpg" },
+        { id: "m3", name: "Expert Team 2", role: "Mechanic", description: "Detail-oriented and efficient repair specialist.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-women-mechanics-autoservice-posing_7502-4436.jpg" },
       ]}
       title="Meet Mike & The Team"
       description="Your local family-owned experts in Surrey."
@@ -341,21 +163,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer honest quotes?",
-          content: "Yes, we prioritize total transparency and honesty with every quote.",
-        },
-        {
-          id: "q2",
-          title: "What are your hours?",
-          content: "Tuesday–Friday: 8:30AM–5PM, Saturday: 8:30AM–4PM.",
-        },
-        {
-          id: "q3",
-          title: "Are you family-owned?",
-          content: "Absolutely. We are proud to be a Surrey-based local family business.",
-        },
+        { id: "q1", title: "Do you offer honest quotes?", content: "Yes, we prioritize total transparency and honesty with every quote." },
+        { id: "q2", title: "What are your hours?", content: "Tuesday–Friday: 8:30AM–5PM, Saturday: 8:30AM–4PM." },
+        { id: "q3", title: "Are you family-owned?", content: "Absolutely. We are proud to be a Surrey-based local family business." },
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know before your appointment."
@@ -365,10 +175,9 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplit
+      tag="Contact Us"
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Get Back on the Road"
       description="Visit us at 15235 Fraser Highway, Surrey, BC. Book your service appointment now."
       imageSrc="http://img.b2bpic.net/free-photo/male-employee-leaning-car-holding-wrench_23-2148327526.jpg"
@@ -382,46 +191,22 @@ export default function LandingPage() {
       logoText="BUDGET Auto Centers"
       columns={[
         {
-          title: "Services",
-          items: [
-            {
-              label: "Brakes",
-              href: "#services",
-            },
-            {
-              label: "Oil Change",
-              href: "#services",
-            },
-            {
-              label: "Diagnostics",
-              href: "#services",
-            },
+          title: "Services",          items: [
+            { label: "Brakes", href: "#services" },
+            { label: "Oil Change", href: "#services" },
+            { label: "Diagnostics", href: "#services" },
           ],
         },
         {
-          title: "Contact",
-          items: [
-            {
-              label: "Call: (604) 951-8881",
-              href: "tel:6049518881",
-            },
-            {
-              label: "15235 Fraser Hwy",
-              href: "#",
-            },
+          title: "Contact",          items: [
+            { label: "Call: (604) 951-8881", href: "tel:6049518881" },
+            { label: "15235 Fraser Hwy", href: "#" },
           ],
         },
         {
-          title: "Hours",
-          items: [
-            {
-              label: "Tue-Fri: 8:30-5",
-              href: "#",
-            },
-            {
-              label: "Sat: 8:30-4",
-              href: "#",
-            },
+          title: "Hours",          items: [
+            { label: "Tue-Fri: 8:30-5", href: "#" },
+            { label: "Sat: 8:30-4", href: "#" },
           ],
         },
       ]}
-- 
2.49.1