From a35d4e7a2344ddc621693a91a539c8187451f234 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 16:18:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 163 +++++++++++------------------------------------
 1 file changed, 36 insertions(+), 127 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 03ee701..acbbc2a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Booking",
-          id: "pricing",
-        },
+          name: "Booking",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Koko Car Wash"
     />
@@ -54,47 +46,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Unmatched Automotive Perfection"
       description="Experience the gold standard of luxury detailing in Valencia. We treat your vehicle as a work of art."
       buttons={[
         {
-          text: "Book Your Detail",
-          href: "#pricing",
-        },
+          text: "Book Your Detail",          href: "#pricing"},
       ]}
       carouselItems={[
         {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=1",
-          imageAlt: "Luxury detail",
-        },
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg",          imageAlt: "Luxury detail"},
         {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photoshoot-process-tyre-balancing-dark-auto-service_613910-17076.jpg",
-          imageAlt: "Precision care",
-        },
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-photoshoot-process-tyre-balancing-dark-auto-service_613910-17076.jpg",          imageAlt: "Precision care"},
         {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg",
-          imageAlt: "Polishing service",
-        },
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg",          imageAlt: "Polishing service"},
         {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg?_wi=2",
-          imageAlt: "Interior care",
-        },
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg",          imageAlt: "Interior care"},
         {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg",
-          imageAlt: "Studio vibe",
-        },
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg",          imageAlt: "Studio vibe"},
         {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-her-car-outside_23-2148958781.jpg",
-          imageAlt: "Final result",
-        },
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-her-car-outside_23-2148958781.jpg",          imageAlt: "Final result"},
       ]}
     />
   </div>
@@ -104,38 +75,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "The Koko Philosophy",
-        },
+          type: "text",          content: "The Koko Philosophy"},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19792.jpg",
-          alt: "Studio precision",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19792.jpg",          alt: "Studio precision"},
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureBorderGlow
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
           icon: Sparkles,
-          title: "Exterior Polishing",
-          description: "Cutting-edge paint correction to restore deep-gloss finish.",
-        },
+          title: "Exterior Polishing",          description: "Cutting-edge paint correction to restore deep-gloss finish."},
         {
           icon: ShieldCheck,
-          title: "Interior Detailing",
-          description: "Deep-cleaning and nourishment for premium leather upholstery.",
-        },
+          title: "Interior Detailing",          description: "Deep-cleaning and nourishment for premium leather upholstery."},
         {
           icon: Award,
-          title: "Ceramic Coating",
-          description: "High-grade protection for lasting beauty and shine.",
-        },
+          title: "Ceramic Coating",          description: "High-grade protection for lasting beauty and shine."},
       ]}
       title="Meticulous Care Services"
       description="Premium treatments for the discerning automotive enthusiast."
@@ -149,54 +110,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Entry",
-          price: "€150",
-          subtitle: "Essential Care",
-          features: [
-            "Interior Vacuuming",
-            "Hand Wash",
-            "Glass Cleaning",
-          ],
+          id: "basic",          badge: "Entry",          price: "€150",          subtitle: "Essential Care",          features: [
+            "Interior Vacuuming",            "Hand Wash",            "Glass Cleaning"],
           buttons: [
             {
-              text: "Select",
-              href: "#",
-            },
+              text: "Select",              href: "#"},
           ],
         },
         {
-          id: "pro",
-          badge: "Signature",
-          price: "€350",
-          subtitle: "Full Detail",
-          features: [
-            "Full Paint Correction",
-            "Leather Treatment",
-            "Engine Bay Cleaning",
-          ],
+          id: "pro",          badge: "Signature",          price: "€350",          subtitle: "Full Detail",          features: [
+            "Full Paint Correction",            "Leather Treatment",            "Engine Bay Cleaning"],
           buttons: [
             {
-              text: "Select",
-              href: "#",
-            },
+              text: "Select",              href: "#"},
           ],
         },
         {
-          id: "ultimate",
-          badge: "Elite",
-          price: "€600",
-          subtitle: "Bespoke Treatment",
-          features: [
-            "Ceramic Shield",
-            "Interior Restoration",
-            "Express Booking",
-          ],
+          id: "ultimate",          badge: "Elite",          price: "€600",          subtitle: "Bespoke Treatment",          features: [
+            "Ceramic Shield",            "Interior Restoration",            "Express Booking"],
           buttons: [
             {
-              text: "Select",
-              href: "#",
-            },
+              text: "Select",              href: "#"},
           ],
         },
       ]}
@@ -210,30 +144,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Carlos V.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138530.jpg",
-        },
+          id: "1",          name: "Carlos V.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138530.jpg"},
         {
-          id: "2",
-          name: "Elena M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1930.jpg",
-        },
+          id: "2",          name: "Elena M.",          imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1930.jpg"},
         {
-          id: "3",
-          name: "David S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg",
-        },
+          id: "3",          name: "David S.",          imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg"},
         {
-          id: "4",
-          name: "Sofia R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-phone-by-car_1303-9830.jpg",
-        },
+          id: "4",          name: "Sofia R.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-phone-by-car_1303-9830.jpg"},
         {
-          id: "5",
-          name: "Luis F.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1560.jpg",
-        },
+          id: "5",          name: "Luis F.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1560.jpg"},
       ]}
       cardTitle="Client Experiences"
       cardTag="Reviews"
@@ -247,26 +166,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Where are you located?",
-          content: "We operate in the heart of Valencia.",
-        },
+          id: "f1",          title: "Where are you located?",          content: "We operate in the heart of Valencia."},
         {
-          id: "f2",
-          title: "How long does a service take?",
-          content: "Times depend on the package selected.",
-        },
+          id: "f2",          title: "How long does a service take?",          content: "Times depend on the package selected."},
         {
-          id: "f3",
-          title: "Do you accept walk-ins?",
-          content: "We operate by appointment to ensure exclusivity.",
-        },
+          id: "f3",          title: "Do you accept walk-ins?",          content: "We operate by appointment to ensure exclusivity."},
       ]}
       ctaTitle="Request Your Appointment"
       ctaDescription="Contact our studio to discuss your bespoke detailing requirements."
       ctaButton={{
-        text: "Call Now",
-      }}
+        text: "Call Now"}}
       ctaIcon={Calendar}
     />
   </div>
-- 
2.49.1