From 20470f3aefacd0b4a044db4c6b08dc2876034c3e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 01:09:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 473 +++++++++++++++--------------------------------
 1 file changed, 146 insertions(+), 327 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 22de620..19bd0cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,343 +18,162 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Blaine Auto Spa"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Work", id: "work" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Blaine Auto Spa"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Premium Window Tint & Auto Detailing in Blaine, MN"
-      description="Giving your vehicle the care it deserves. Expert tinting, paint correction, and interior detailing services tailored for your lifestyle."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-doing-car-ceramic-procedure_1303-29063.jpg",
-          imageAlt: "Professional Window Tinting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg",
-          imageAlt: "High Quality Tint",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4971.jpg",
-          imageAlt: "Automotive Tinting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg",
-          imageAlt: "Interior Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cool-old-woman-with-motorbike_23-2150647783.jpg",
-          imageAlt: "Exterior Polish",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg",
-          imageAlt: "Interior Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22310.jpg",
-          imageAlt: "Exterior Polish",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg",
-          imageAlt: "Deep Clean",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup_23-2149106377.jpg",
-          imageAlt: "Professional Window Tinting",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg",
-          imageAlt: "High Quality Tint",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-        {
-          text: "View Services",
-          href: "#features",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-holding-gearstick_53876-20766.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36596.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ Blaine Drivers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Ceramic Pro Certified",
-        },
-        {
-          type: "text",
-          text: "LLumar Elite Dealer",
-        },
-        {
-          type: "text",
-          text: "10+ Years Experience",
-        },
-        {
-          type: "text",
-          text: "Lifetime Warranty",
-        },
-        {
-          type: "text",
-          text: "Fully Insured",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "plain" }}
+            title="Premium Window Tint & Auto Detailing in Blaine, MN"
+            description="Giving your vehicle the care it deserves. Expert tinting, paint correction, and interior detailing services tailored for your lifestyle."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-doing-car-ceramic-procedure_1303-29063.jpg", imageAlt: "Professional Window Tinting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg", imageAlt: "High Quality Tint" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4971.jpg", imageAlt: "Automotive Tinting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg", imageAlt: "Interior Detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cool-old-woman-with-motorbike_23-2150647783.jpg", imageAlt: "Exterior Polish" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg", imageAlt: "Interior Detail" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22310.jpg", imageAlt: "Exterior Polish" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg", imageAlt: "Deep Clean" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup_23-2149106377.jpg", imageAlt: "Professional Window Tinting" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg", imageAlt: "High Quality Tint" }
+            ]}
+            buttons={[{ text: "Book Now", href: "#contact" }, { text: "View Services", href: "#features" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/woman-holding-gearstick_53876-20766.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36596.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg", alt: "Customer 5" }
+            ]}
+            avatarText="Trusted by 500+ Blaine Drivers"
+            marqueeItems={[
+              { type: "text", text: "Ceramic Pro Certified" },
+              { type: "text", text: "LLumar Elite Dealer" },
+              { type: "text", text: "10+ Years Experience" },
+              { type: "text", text: "Lifetime Warranty" },
+              { type: "text", text: "Fully Insured" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Serving the Blaine Community for over 10 Years",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",
-          alt: "Local Blaine Shop",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "Serving the Blaine Community for over 10 Years" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg", alt: "Local Blaine Shop" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "1",
-          title: "Window Tinting",
-          subtitle: "Heat rejection and UV protection.",
-          category: "Tint",
-          value: "Lifetime Warranty",
-        },
-        {
-          id: "2",
-          title: "Full Interior Detail",
-          subtitle: "Deep cleaning for a fresh car.",
-          category: "Detailing",
-          value: "Like-New Feel",
-        },
-        {
-          id: "3",
-          title: "Paint Correction",
-          subtitle: "Restore your vehicle's gloss.",
-          category: "Detailing",
-          value: "Showroom Shine",
-        },
-      ]}
-      title="Our Specialized Services"
-      description="Comprehensive auto care solutions delivered with precision."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "1", title: "Window Tinting", subtitle: "Heat rejection and UV protection.", category: "Tint", value: "Lifetime Warranty" },
+              { id: "2", title: "Full Interior Detail", subtitle: "Deep cleaning for a fresh car.", category: "Detailing", value: "Like-New Feel" },
+              { id: "3", title: "Paint Correction", subtitle: "Restore your vehicle's gloss.", category: "Detailing", value: "Showroom Shine" }
+            ]}
+            title="Our Specialized Services"
+            description="Comprehensive auto care solutions delivered with precision."
+          />
+        </div>
 
-  <div id="work" data-section="work">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Sedan Tint Package",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6517.jpg",
-        },
-        {
-          id: "p2",
-          name: "SUV Full Detail",
-          price: "$199",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-car-rental-landing-page_23-2149241967.jpg",
-        },
-        {
-          id: "p3",
-          name: "Luxury Ceramic Coat",
-          price: "$899",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg",
-        },
-        {
-          id: "p4",
-          name: "Headlight Restoration",
-          price: "$99",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlights-gray-car-with-man_158538-8150.jpg",
-        },
-        {
-          id: "p5",
-          name: "Interior Sanitization",
-          price: "$149",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg",
-        },
-        {
-          id: "p6",
-          name: "Full Exterior Wax",
-          price: "$129",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194127.jpg",
-        },
-      ]}
-      title="Recent Projects"
-      description="See the transformation of our local Blaine vehicles."
-    />
-  </div>
+        <div id="work" data-section="work">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Sedan Tint Package", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6517.jpg" },
+              { id: "p2", name: "SUV Full Detail", price: "$199", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-car-rental-landing-page_23-2149241967.jpg" },
+              { id: "p3", name: "Luxury Ceramic Coat", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg" },
+              { id: "p4", name: "Headlight Restoration", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlights-gray-car-with-man_158538-8150.jpg" },
+              { id: "p5", name: "Interior Sanitization", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg" },
+              { id: "p6", name: "Full Exterior Wax", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194127.jpg" }
+            ]}
+            title="Recent Projects"
+            description="See the transformation of our local Blaine vehicles."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alice Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-broadly-showing-teeth_141793-55127.jpg",
-        },
-        {
-          id: "t3",
-          name: "Carol White",
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Brown",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-with-open-hands-smiling_23-2152009543.jpg",
-        },
-        {
-          id: "t5",
-          name: "Eve Davis",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
-        },
-      ]}
-      cardTitle="What Blaine Locals Are Saying"
-      cardAnimation="slide-up"
-      cardTag="Testimonials"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            cardAnimation="slide-up"
+            cardTitle="What Blaine Locals Are Saying"
+            cardTag="Testimonials"
+            testimonials={[
+              { id: "t1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
+              { id: "t2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-broadly-showing-teeth_141793-55127.jpg" },
+              { id: "t3", name: "Carol White", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg" },
+              { id: "t4", name: "David Brown", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-with-open-hands-smiling_23-2152009543.jpg" },
+              { id: "t5", name: "Eve Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you use high quality film?",
-          content: "Yes, we only use industry-leading ceramic films.",
-        },
-        {
-          id: "f2",
-          title: "How long does detailing take?",
-          content: "Typically 3-5 hours depending on package.",
-        },
-        {
-          id: "f3",
-          title: "Where are you located in Blaine?",
-          content: "We are centrally located right off Highway 65.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Frequently Asked Questions"
+            description="Have questions? We've got answers."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Do you use high quality film?", content: "Yes, we only use industry-leading ceramic films." },
+              { id: "f2", title: "How long does detailing take?", content: "Typically 3-5 hours depending on package." },
+              { id: "f3", title: "Where are you located in Blaine?", content: "We are centrally located right off Highway 65." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Get a Free Quote"
-      description="Enter your email to start your booking process."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Get a Free Quote"
+            description="Enter your email to start your booking process."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Work",
-              href: "#work",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Blaine Auto Spa"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Blaine Auto Spa"
+            columns={[
+              { items: [{ label: "Services", href: "#features" }, { label: "Work", href: "#work" }, { label: "Contact", href: "#contact" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1