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

---
 src/app/page.tsx | 396 +++++++++++++----------------------------------
 1 file changed, 110 insertions(+), 286 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b4a3448..5959877 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,300 +28,124 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Portfolio",
-          id: "#showcase",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="GT Detailing Osijek"
-      button={{
-        text: "Book Now",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "#about" },
+              { name: "Services", id: "#services" },
+              { name: "Portfolio", id: "#showcase" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="GT Detailing Osijek"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Premium Detailing & Ceramic Protection"
-      description="Excellence in every detail. Elevating the standard for automotive beauty in Osijek."
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-        {
-          text: "Call Now",
-          href: "tel:+385000000000",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg"
-      showDimOverlay={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",
-          alt: "Satisfied client portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg",
-          alt: "Satisfied client portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21770.jpg",
-          alt: "Satisfied client portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/comfortable-leather-seats-add-elegance-driving-generated-by-ai_188544-27222.jpg",
-          alt: "Satisfied client portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg",
-          alt: "Satisfied client portrait 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ luxury car owners"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Premium Detailing & Ceramic Protection"
+            description="Excellence in every detail. Elevating the standard for automotive beauty in Osijek."
+            buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "Call Now", href: "tel:+385000000000" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg"
+            showDimOverlay={true}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg", alt: "Satisfied client portrait 1" },
+              { src: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg", alt: "Satisfied client portrait 2" },
+              { src: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21770.jpg", alt: "Satisfied client portrait 3" },
+              { src: "http://img.b2bpic.net/free-photo/comfortable-leather-seats-add-elegance-driving-generated-by-ai_188544-27222.jpg", alt: "Satisfied client portrait 4" },
+              { src: "http://img.b2bpic.net/free-photo/car-handle-close-up-photo_1303-29462.jpg", alt: "Satisfied client portrait 5" },
+            ]}
+            avatarText="Trusted by 500+ luxury car owners"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Craftsmanship Redefined",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg",
-          alt: "Focus detail",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "Craftsmanship Redefined" }, { type: "image", src: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg", alt: "Focus detail" }]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Sparkles,
-          title: "Deep Interior Cleaning",
-          description: "Steam cleaning, leather rejuvenation, and deep sanitization.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Paint Correction",
-          description: "Removing swirl marks and defects to restore original clarity.",
-        },
-        {
-          icon: Diamond,
-          title: "Ceramic Coating",
-          description: "Long-lasting protection and high gloss finish, starting from €800.",
-        },
-      ]}
-      title="Our Services"
-      description="High-ticket detailing packages designed for the most demanding car owners."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { icon: Sparkles, title: "Deep Interior Cleaning", description: "Steam cleaning, leather rejuvenation, and deep sanitization." },
+              { icon: ShieldCheck, title: "Paint Correction", description: "Removing swirl marks and defects to restore original clarity." },
+              { icon: Diamond, title: "Ceramic Coating", description: "Long-lasting protection and high gloss finish, starting from €800." },
+            ]}
+            title="Our Services"
+            description="High-ticket detailing packages designed for the most demanding car owners."
+          />
+        </div>
 
-  <div id="showcase" data-section="showcase">
-      <ProductCardTwo
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Luxury",
-          name: "Porsche 911 Detail",
-          price: "€1,200",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Luxury",
-          name: "Tesla Model S Ceramic",
-          price: "€950",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-brown-car_23-2151914154.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Exotic",
-          name: "Interior Restoration",
-          price: "€800",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Premium",
-          name: "Exterior Correction",
-          price: "€850",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-side-vintage-amethyst-color-sedan-car_114579-4389.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Luxury",
-          name: "Full Detail Package",
-          price: "€1,500",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Premium",
-          name: "Paint Protection",
-          price: "€900",
-          rating: 5,
-          reviewCount: "11",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-headlight-silver-auto_23-2147963040.jpg",
-        },
-      ]}
-      title="Showcase"
-      description="Before and after transformations of high-end vehicles."
-    />
-  </div>
+        <div id="showcase" data-section="showcase">
+          <ProductCardTwo
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Luxury", name: "Porsche 911 Detail", price: "€1,200", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg" },
+              { id: "p2", brand: "Luxury", name: "Tesla Model S Ceramic", price: "€950", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-brown-car_23-2151914154.jpg" },
+              { id: "p3", brand: "Exotic", name: "Interior Restoration", price: "€800", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg" },
+              { id: "p4", brand: "Premium", name: "Exterior Correction", price: "€850", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/front-side-vintage-amethyst-color-sedan-car_114579-4389.jpg" },
+              { id: "p5", brand: "Luxury", name: "Full Detail Package", price: "€1,500", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/car-seats-inside-car-close-up-photo_1303-31996.jpg" },
+              { id: "p6", brand: "Premium", name: "Paint Protection", price: "€900", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/modern-headlight-silver-auto_23-2147963040.jpg" },
+            ]}
+            title="Showcase"
+            description="Before and after transformations of high-end vehicles."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Marko I.",
-          role: "Collector",
-          testimonial: "My car looks like new. Absolutely impeccable service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
-        },
-        {
-          id: "2",
-          name: "Ana K.",
-          role: "SUV Owner",
-          testimonial: "The interior clean was magical. Truly professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg",
-        },
-        {
-          id: "3",
-          name: "Ivan S.",
-          role: "Sports Car Enthusiast",
-          testimonial: "The paint correction is perfect. High-end results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena V.",
-          role: "Luxury Owner",
-          testimonial: "Best detailing studio in Osijek by far.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860296.jpg",
-        },
-        {
-          id: "5",
-          name: "Tomislav J.",
-          role: "Daily Driver",
-          testimonial: "Worth every cent. Professionalism 10/10.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-assuring-you-have-lucky-day-happy-smiling-gorgeous-female-entrepreneur-showing-thumb-up-liking-approving-awesome-idea-delighted-giving-positive-reply-agree-standing-white-wall_176420-35575.jpg",
-        },
-      ]}
-      title="Client Reviews"
-      description="Don't just take our word for it—see the results our clients trust us with."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            textboxLayout="default"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            testimonials={[
+              { id: "1", name: "Marko I.", role: "Collector", testimonial: "My car looks like new. Absolutely impeccable service.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg" },
+              { id: "2", name: "Ana K.", role: "SUV Owner", testimonial: "The interior clean was magical. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg" },
+              { id: "3", name: "Ivan S.", role: "Sports Car Enthusiast", testimonial: "The paint correction is perfect. High-end results.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg" },
+              { id: "4", name: "Elena V.", role: "Luxury Owner", testimonial: "Best detailing studio in Osijek by far.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860296.jpg" },
+              { id: "5", name: "Tomislav J.", role: "Daily Driver", testimonial: "Worth every cent. Professionalism 10/10.", imageSrc: "http://img.b2bpic.net/free-photo/girl-assuring-you-have-lucky-day-happy-smiling-gorgeous-female-entrepreneur-showing-thumb-up-liking-approving-awesome-idea-delighted-giving-positive-reply-agree-standing-white-wall_176420-35575.jpg" },
+            ]}
+            title="Client Reviews"
+            description="Don't just take our word for it—see the results our clients trust us with."
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Porsche Club",
-        "Luxury Car Monthly",
-        "Osijek Motors",
-        "Detailing World",
-        "Auto Gloss Weekly",
-        "Prestige Coatings",
-        "Ceramic Pro",
-      ]}
-      title="Recognized Excellence"
-      description="Trusted by automotive enthusiasts across the region."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Porsche Club", "Luxury Car Monthly", "Osijek Motors", "Detailing World", "Auto Gloss Weekly", "Prestige Coatings", "Ceramic Pro"]}
+            title="Recognized Excellence"
+            description="Trusted by automotive enthusiasts across the region."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "canvas-reveal",
-      }}
-      text="Ready to transform your vehicle? Book your premium detailing appointment today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:info@gtdetailing.hr",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "canvas-reveal" }}
+            text="Ready to transform your vehicle? Book your premium detailing appointment today."
+            buttons={[{ text: "Contact Us", href: "mailto:info@gtdetailing.hr" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/horror-scene-with-eerie-hall_23-2150975360.jpg"
-      logoText="GT Detailing Osijek"
-      columns={[
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Osijek, Croatia",
-              href: "#",
-            },
-            {
-              label: "+385 00 000 000",
-              href: "tel:+385000000000",
-            },
-          ],
-        },
-        {
-          title: "Links",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Booking",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/horror-scene-with-eerie-hall_23-2150975360.jpg"
+            logoText="GT Detailing Osijek"
+            columns={[
+              { title: "Contact", items: [{ label: "Osijek, Croatia", href: "#" }, { label: "+385 00 000 000", href: "tel:+385000000000" }] },
+              { title: "Links", items: [{ label: "Services", href: "#services" }, { label: "Booking", href: "#contact" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1