From d8de6118428e8218a6ee7ce403b1ef3856bf7f11 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 14:18:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 364 +++++++----------------------------------------
 1 file changed, 51 insertions(+), 313 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index befbd8b..1a222e3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Clock, Cog, Eye, MessageSquare, Settings, Shield, Tool, Wrench, Zap } from "lucide-react";
+import { Clock, Cog, Eye, MessageSquare, Settings, Shield, Wrench, Zap, Hammer } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -17,27 +17,22 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Služby",
-          id: "services",
-        },
-        {
-          name: "Reference",
-          id: "testimonials",
-        },
-        {
-          name: "O nás",
-          id: "about",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Služby", id: "services" },
+        { name: "Reference", id: "testimonials" },
+        { name: "O nás", id: "about" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="Autoopravna Novák"
     />
@@ -45,109 +40,33 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Poctivý servis. Rychlá práce. Žádné zbytečné řeči."
       description="Opravíme vaše auto rychle, férově a bez zbytečného čekání. Žádné formuláře, žádné marketingové kecy. Jen kvalitní práce."
       testimonials={[
-        {
-          name: "Petr Novák",
-          handle: "@zákazník",
-          testimonial: "Hotovo do druhého dne, dobrá cena.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=1",
-          imageAlt: "professional car mechanic working",
-        },
-        {
-          name: "Jana Dvořáková",
-          handle: "@zákazník",
-          testimonial: "Bez zbytečného papírování.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=1",
-          imageAlt: "fast car repair service icon",
-        },
-        {
-          name: "Tomáš Kučera",
-          handle: "@zákazník",
-          testimonial: "Rozumí svojí práci a vyjdou vstříc.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg?_wi=1",
-          imageAlt: "fair price mechanic badge icon",
-        },
-        {
-          name: "Marek Svoboda",
-          handle: "@zákazník",
-          testimonial: "Konečně servis, kde nelžou.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg?_wi=1",
-          imageAlt: "honest auto workshop icon",
-        },
-        {
-          name: "Eva Novotná",
-          handle: "@zákazník",
-          testimonial: "Skvělá komunikace a rychlost.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=1",
-          imageAlt: "satisfied customer portrait",
-        },
+        { name: "Petr Novák", handle: "@zákazník", testimonial: "Hotovo do druhého dne, dobrá cena.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg", imageAlt: "professional car mechanic working" },
+        { name: "Jana Dvořáková", handle: "@zákazník", testimonial: "Bez zbytečného papírování.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg", imageAlt: "fast car repair service icon" },
+        { name: "Tomáš Kučera", handle: "@zákazník", testimonial: "Rozumí svojí práci a vyjdou vstříc.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg", imageAlt: "fair price mechanic badge icon" },
+        { name: "Marek Svoboda", handle: "@zákazník", testimonial: "Konečně servis, kde nelžou.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg", imageAlt: "honest auto workshop icon" },
+        { name: "Eva Novotná", handle: "@zákazník", testimonial: "Skvělá komunikace a rychlost.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", imageAlt: "satisfied customer portrait" }
       ]}
-      buttons={[
-        {
-          text: "Objednat opravu",
-          href: "#contact",
-        },
-        {
-          text: "Zavolat teď",
-          href: "tel:244468934",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=2"
+      buttons={[{ text: "Objednat opravu", href: "#contact" }, { text: "Zavolat teď", href: "tel:244468934" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
-          alt: "Zákazník 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg",
-          alt: "Zákazník 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
-          alt: "Zákazník 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg",
-          alt: "Zákazník 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
-          alt: "Zákazník 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg", alt: "Zákazník 1" },
+        { src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg", alt: "Zákazník 2" },
+        { src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Zákazník 3" },
+        { src: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg", alt: "Zákazník 4" },
+        { src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", alt: "Zákazník 5" }
       ]}
       avatarText="Více než 500+ spokojených řidičů"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Rychlá diagnostika",
-        },
-        {
-          type: "text",
-          text: "Férové jednání",
-        },
-        {
-          type: "text",
-          text: "Osobní přístup",
-        },
-        {
-          type: "text",
-          text: "Transparentní ceny",
-        },
-        {
-          type: "text",
-          text: "Kvalitní díly",
-        },
+        { type: "text", text: "Rychlá diagnostika" },
+        { type: "text", text: "Férové jednání" },
+        { type: "text", text: "Osobní přístup" },
+        { type: "text", text: "Transparentní ceny" },
+        { type: "text", text: "Kvalitní díly" }
       ]}
     />
   </div>
@@ -158,54 +77,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Rychlost",
-          description: "Často hotovo do druhého dne.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=2",
-          },
-          items: [
-            {
-              icon: Zap,
-              text: "Expresní oprava",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=1",
-          imageAlt: "satisfied customer portrait",
-        },
-        {
-          title: "Férovost",
-          description: "Žádné zbytečné navýšení ceny.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg?_wi=2",
-          },
-          items: [
-            {
-              icon: Shield,
-              text: "Jasné ceny",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=1",
-          imageAlt: "satisfied customer portrait",
-        },
-        {
-          title: "Transparentnost",
-          description: "Ukážeme vám vadné díly.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg?_wi=2",
-          },
-          items: [
-            {
-              icon: Eye,
-              text: "Přímý přístup",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=2",
-          imageAlt: "satisfied customer portrait",
-        },
+        { title: "Rychlost", description: "Často hotovo do druhého dne.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg" }, items: [{ icon: Zap, text: "Expresní oprava" }], reverse: false },
+        { title: "Férovost", description: "Žádné zbytečné navýšení ceny.", media: { imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg" }, items: [{ icon: Shield, text: "Jasné ceny" }], reverse: true },
+        { title: "Transparentnost", description: "Ukážeme vám vadné díly.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg" }, items: [{ icon: Eye, text: "Přímý přístup" }], reverse: false }
       ]}
       title="Proč právě my"
       description="Nepotrpíme si na zbytečné papírování, čekání týdny dopředu ani falešný luxus značkových servisů."
@@ -218,54 +92,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Servis",
-          description: "Diagnostika, výměna oleje a filtrů.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=3",
-          },
-          items: [
-            {
-              icon: Wrench,
-              text: "Motor a olej",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=1",
-          imageAlt: "satisfied customer portrait",
-        },
-        {
-          title: "Podvozek",
-          description: "Brzdy, čepy a tlumiče.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg?_wi=3",
-          },
-          items: [
-            {
-              icon: Settings,
-              text: "Brzdy a podvozek",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg?_wi=3",
-          imageAlt: "professional car mechanic working",
-        },
-        {
-          title: "Spojka",
-          description: "Odborná výměna spojkových sad.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg?_wi=3",
-          },
-          items: [
-            {
-              icon: Cog,
-              text: "Převodovky",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg?_wi=4",
-          imageAlt: "fast car repair service icon",
-        },
+        { title: "Servis", description: "Diagnostika, výměna oleje a filtrů.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-bad-signal_1368-4094.jpg" }, items: [{ icon: Wrench, text: "Motor a olej" }], reverse: false },
+        { title: "Podvozek", description: "Brzdy, čepy a tlumiče.", media: { imageSrc: "http://img.b2bpic.net/free-vector/call-center-service-illustration_24877-52383.jpg" }, items: [{ icon: Settings, text: "Brzdy a podvozek" }], reverse: true },
+        { title: "Spojka", description: "Odborná výměna spojkových sad.", media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vehicle-engine_482257-76670.jpg" }, items: [{ icon: Cog, text: "Převodovky" }], reverse: false }
       ]}
       title="Naše služby"
       description="Každé auto řešíme individuálně. Žádné univerzální balíčky."
@@ -278,60 +107,16 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Petr",
-          role: "Řidič",
-          company: "Klient",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Jana",
-          role: "Majitelka",
-          company: "Klient",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=3",
-        },
-        {
-          id: "3",
-          name: "Karel",
-          role: "Řidič",
-          company: "Klient",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Lucie",
-          role: "Majitelka",
-          company: "Klient",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          name: "Marek",
-          role: "Řidič",
-          company: "Klient",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg?_wi=2",
-        },
+        { id: "1", name: "Petr", role: "Řidič", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg" },
+        { id: "2", name: "Jana", role: "Majitelka", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg" },
+        { id: "3", name: "Karel", role: "Řidič", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
+        { id: "4", name: "Lucie", role: "Majitelka", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg" },
+        { id: "5", name: "Marek", role: "Řidič", company: "Klient", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg" }
       ]}
       kpiItems={[
-        {
-          value: "100%",
-          label: "Transparentnost",
-        },
-        {
-          value: "24h",
-          label: "Rychlost",
-        },
-        {
-          value: "10+",
-          label: "Let zkušeností",
-        },
+        { value: "100%", label: "Transparentnost" },
+        { value: "24h", label: "Rychlost" },
+        { value: "10+", label: "Let zkušeností" }
       ]}
       title="Říkají o nás"
       description="Našim klientům jde o kvalitní práci, ne o marketing."
@@ -343,21 +128,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="O nás"
       metrics={[
-        {
-          icon: Tool,
-          label: "Poctivý servis",
-          value: "100%",
-        },
-        {
-          icon: MessageSquare,
-          label: "Bez řečí",
-          value: "Ano",
-        },
-        {
-          icon: Clock,
-          label: "Rychlá práce",
-          value: "Ano",
-        },
+        { icon: Hammer, label: "Poctivý servis", value: "100%" },
+        { icon: MessageSquare, label: "Bez řečí", value: "Ano" },
+        { icon: Clock, label: "Rychlá práce", value: "Ano" }
       ]}
       metricsAnimation="slide-up"
     />
@@ -366,54 +139,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Kontaktujte nás"
       title="Domluvte si termín"
       description="Zavolejte na 244 468 934. Najdete nás v Ledarské 238, Praha 4. Správný vjezd je zadní, před zatáčkou."
-      buttons={[
-        {
-          text: "Zavolat mechanikovi",
-          href: "tel:244468934",
-        },
-      ]}
+      buttons={[{ text: "Zavolat mechanikovi", href: "tel:244468934" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Servis",
-          items: [
-            {
-              label: "Výměna spojky",
-              href: "#services",
-            },
-            {
-              label: "Servis oleje",
-              href: "#services",
-            },
-            {
-              label: "Diagnostika",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "Tel: 244 468 934",
-              href: "tel:244468934",
-            },
-            {
-              label: "Ledarska 238, Praha 4",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Servis", items: [{ label: "Výměna spojky", href: "#services" }, { label: "Servis oleje", href: "#services" }, { label: "Diagnostika", href: "#services" }] },
+        { title: "Kontakt", items: [{ label: "Tel: 244 468 934", href: "tel:244468934" }, { label: "Ledarska 238, Praha 4", href: "#contact" }] }
       ]}
       bottomLeftText="© 2024 Autoopravna Novák Daniel"
       bottomRightText="Poctivá práce bez zbytečných řečí."
-- 
2.49.1