Update theme colors

Merge version_4 into main

src/app/page.tsx

@@ -3,15 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import MediaAbout from '@/components/sections/about/MediaAbout';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, CheckCircle, Flame } from "lucide-react";
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import { Zap, ShieldCheck, Wrench, Truck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,352 +17,131 @@ export default function LandingPage() {
         defaultButtonVariant="icon-arrow"
         defaultTextAnimation="background-highlight"
         borderRadius="soft"
-        contentWidth="small"
+        contentWidth="medium"
         sizing="medium"
         background="floatingGradient"
-        cardStyle="inset"
+        cardStyle="glass-elevated"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Domov",
-          id: "hero",
-        },
-        {
-          name: "O nás",
-          id: "about",
-        },
-        {
-          name: "Služby",
-          id: "services",
-        },
-        {
-          name: "Realizácie",
-          id: "gallery",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Kachliarstvo Krúpa"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Domov", id: "hero" },
+              { name: "Prečo my", id: "why-us" },
+              { name: "Služby", id: "services" },
+              { name: "Recenzie", id: "testimonials" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="APR-Autodiely"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Kachľové pece a krby, ktoré vydržia generácie"
-      description="Poctivé remeslo, precízna práca a ľudský prístup. Vytvárame teplo domova presne podľa vašich predstáv."
-      buttons={[
-        {
-          text: "Nezáväzná konzultácia",
-          href: "#contact",
-        },
-        {
-          text: "Naše realizácie",
-          href: "#gallery",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118872.jpg",
-          imageAlt: "Luxusný krb v obývačke",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-is-making-pottery-potters-wheel-man-makes-pottery-clay-modeling_169016-67577.jpg",
-          imageAlt: "Ručná práca na peci",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698302.jpg",
-          imageAlt: "Moderný krb detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lumber-woodpile-bark-nature-rural_1203-4952.jpg",
-          imageAlt: "Rustikálna kachľová pec",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176689.jpg",
-          imageAlt: "Príprava krbu",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-drinking-hot-tea_23-2149172524.jpg",
-          imageAlt: "Interiér s krbom",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="APR-Autodiely"
+            description="Vaša prvá voľba pre kvalitné náhradné diely. Rýchlosť, odbornosť a férový prístup v každom detaile."
+            buttons={[
+              { text: "Zobraziť ponuku", href: "#services" },
+              { text: "Kontaktovať", href: "#contact" },
+            ]}
+            slides={[
+              { imageSrc: "https://img.b2bpic.net/free-photo/mechanic-working-car-service_23-2148705600.jpg", imageAlt: "Autodiely" },
+              { imageSrc: "https://img.b2bpic.net/free-photo/mechanic-checking-car-engine_23-2148705624.jpg", imageAlt: "Diagnostika" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Remeslo, ktoré má charakter"
-      description="Nie sme veľká anonymná firma. Sme remeselníci, ktorí svoju prácu robia poctivo – tak, ako sa to robilo kedysi. Každý projekt berieme osobne a záleží nám na tom, aby ste boli spokojní aj po rokoch."
-      imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15206.jpg"
-      imageAlt="Ladislav Krúpa pri práci"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            gridVariant="uniform-all-items-equal"
+            title="Naše hodnoty v číslach"
+            description="Dlhoročné skúsenosti podložené spokojnosťou našich zákazníkov."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "15+", description: "Rokov na trhu" },
+              { id: "m2", value: "100%", description: "Odborný prístup" },
+              { id: "m3", value: "24h", description: "Expresné vybavenie" },
+              { id: "m4", value: "5k+", description: "Spokojných vodičov" },
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Kachľové pece",
-          description: "Efektívne, krásne a postavené presne pre váš domov.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928892.jpg",
-          imageAlt: "Kachľová pec",
-        },
-        {
-          title: "Krby a krbové systémy",
-          description: "Moderné aj klasické riešenia ako dominanta vášho interiéru.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698338.jpg",
-          imageAlt: "Moderný krb",
-        },
-        {
-          title: "Rekonštrukcie a opravy",
-          description: "Výmena šamotu, údržba a zvyšovanie účinnosti starších pecí.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14589.jpg",
-          imageAlt: "Oprava pece",
-        },
-      ]}
-      title="Čo pre vás vieme zabezpečiť"
-      description="Komplexné služby v oblasti stavby pecí a krbov s dôrazom na kvalitu a efektivitu."
-    />
-  </div>
+        <div id="why-us" data-section="why-us">
+          <FeatureBorderGlow
+            title="Prečo si vybrať práve nás"
+            description="Sme viac než len predajcovia, sme partneri pre vaše auto."
+            useInvertedBackground={false}
+            animationType="slide-up"
+            textboxLayout="default"
+            features={[
+              { icon: Zap, title: "Blesková dostupnosť", description: "Ak diel nemáme, zoženieme ho v najkratšom možnom čase." },
+              { icon: ShieldCheck, title: "Kvalitné diely", description: "Ponúkame len overené komponenty s certifikáciou." },
+              { icon: Wrench, title: "Odborné poradenstvo", description: "Naši experti vám vždy poradia to najlepšie riešenie." },
+              { icon: Truck, title: "Pohodlná doprava", description: "Možnosť osobného odberu alebo zaslania priamo k vám." },
+            ]}
+          />
+        </div>
 
-  <div id="why-us" data-section="why-us">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Majstri remesla",
-          description: "Dlhoročné skúsenosti a rodinná tradícia.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14795.jpg",
-          imageAlt: "Majstri remesla",
-        },
-        {
-          title: "Čistota práce",
-          description: "Pracujeme precízne a čisto, aj počas bývania.",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-using-laptop_23-2148020499.jpg",
-          imageAlt: "Čistota práce",
-        },
-        {
-          title: "Ľudský prístup",
-          description: "Férové jednanie a ochota poradiť a vysvetliť.",
-          imageSrc: "http://img.b2bpic.net/free-photo/furniture-delivery-service-concept_53876-20677.jpg",
-          imageAlt: "Ľudský prístup",
-        },
-      ]}
-      title="Prečo si klienti vyberajú práve nás"
-      description="Naša konkurenčná výhoda spočíva v poctivom remesle a ľudskom prístupe."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureBorderGlow
+            title="Služby na mieru"
+            description="Komplexná starostlivosť o vaše vozidlo pod jednou strechou."
+            useInvertedBackground={true}
+            animationType="slide-up"
+            textboxLayout="default"
+            features={[
+              { icon: Wrench, title: "Podvozkové časti", description: "Brzdy, ramená, tlmiče skladom aj na objednávku." },
+              { icon: Zap, title: "Motorové oleje a filtre", description: "Široký sortiment pre všetky značky osobných áut." },
+              { icon: Truck, title: "Dodávkové diely", description: "Špeciálne diely pre úžitkové vozidlá a dodávky." },
+              { icon: Zap, title: "Diagnostika", description: "Poradenstvo pri výbere správneho dielu pre vaše VIN." },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Spokojnosť klientov",
-          description: "Spokojnosť zákazníkov je naša priorita.",
-          icon: CheckCircle,
-        },
-        {
-          id: "m2",
-          value: "20+",
-          title: "Rokov praxe",
-          description: "Rodinná tradícia v kachliarstve.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "Realizovaných diel",
-          description: "Stovky pecí a krbov pre spokojné domovy.",
-          icon: Flame,
-        },
-      ]}
-      title="Naše výsledky v číslach"
-      description="Dôvera, ktorú si vážime."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            title="Čo hovoria naši zákazníci"
+            description="Tisíce spokojných klientov sa vracajú kvôli nášmu férovému prístupu."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Peter M.", date: "Pred 2 týždňami", title: "Pravidelný zákazník", quote: "Najlepšie ceny v regióne a vždy ochotne poradia. Odporúčam každému.", tag: "Top služby", avatarSrc: "https://img.b2bpic.net/free-photo/man-portrait_23-2148705600.jpg" },
+              { id: "t2", name: "Jana K.", date: "Pred mesiacom", title: "Spokojná vodička", quote: "Rýchle dodanie dielu, ktorý som inde nemohla zohnať. Ďakujem!", tag: "Rýchlosť", avatarSrc: "https://img.b2bpic.net/free-photo/woman-portrait_23-2148705624.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={true}
-      testimonial="Majstri svojho remesla. Prácu odviedli čisto a kvalitne aj počas plnej prevádzky domácnosti. 100% profesionál, rýchla robota a skvelý ľudský prístup."
-      rating={5}
-      author="Ján Novák"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-          alt: "Zákazník Ján",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/black-couple-buy-new-house_53876-20680.jpg",
-          alt: "Zákazníčka Eva",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-man-with-house_1154-113.jpg",
-          alt: "Zákazník Peter",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
-          alt: "Zákazníčka Anna",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
-          alt: "Spokojný klient",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Potrebujete konkrétny diel?"
+            description="Napíšte nám alebo zavolajte. Na základe VIN čísla obratom zistíme cenu a dostupnosť."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Vaše meno" },
+              { name: "phone", type: "tel", placeholder: "Telefón" },
+              { name: "vin", type: "text", placeholder: "VIN číslo vozidla (nepovinné)" },
+            ]}
+            textarea={{ name: "message", placeholder: "Aký diel hľadáte?" }}
+            imageSrc="https://img.b2bpic.net/free-photo/car-parts-workshop_23-2149176689.jpg"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Kachľová pec Klasik",
-          price: "Realizácia na mieru",
-          variant: "Rustikálne",
-          imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970743.jpg",
-        },
-        {
-          id: "p2",
-          name: "Moderný krb Minimal",
-          price: "Realizácia na mieru",
-          variant: "Moderné",
-          imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-blue-tone_53876-125839.jpg",
-        },
-        {
-          id: "p3",
-          name: "Teplovzdušný krb",
-          price: "Realizácia na mieru",
-          variant: "Efektívne",
-          imageSrc: "http://img.b2bpic.net/free-photo/kettle-making-delicious-tea_23-2151882950.jpg",
-        },
-        {
-          id: "p4",
-          name: "Pece s výmenníkom",
-          price: "Realizácia na mieru",
-          variant: "Technické",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-away_23-2148350493.jpg",
-        },
-        {
-          id: "p5",
-          name: "Krbové vložky",
-          price: "Realizácia na mieru",
-          variant: "Inštalácia",
-          imageSrc: "http://img.b2bpic.net/free-photo/decorative-metallic-holder-with-heap-wooden-logs-stony-fireplace-with-burning-logs_132075-11407.jpg",
-        },
-        {
-          id: "p6",
-          name: "Rekonštrukcia krbu",
-          price: "Realizácia na mieru",
-          variant: "Oprava",
-          imageSrc: "http://img.b2bpic.net/free-photo/christian-family-praying-together_23-2149290997.jpg",
-        },
-      ]}
-      title="Naša práca"
-      description="Pozrite si vybrané realizácie krbov a pecí."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Ozvite sa nám"
-      description="Chcete kvalitnú pec alebo krb bez stresu? Radi vám poradíme a navrhneme riešenie na mieru."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Vaše meno",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Váš email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Popíšte nám svoju predstavu",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-red-knitted-sweater-near-white-piano_169016-19844.jpg"
-      imageAlt="Ladislav Krúpa pri návrhu krbu"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Kachliarstvo Krúpa"
-      columns={[
-        {
-          title: "Služby",
-          items: [
-            {
-              label: "Kachľové pece",
-              href: "#",
-            },
-            {
-              label: "Krby",
-              href: "#",
-            },
-            {
-              label: "Rekonštrukcie",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "O nás",
-          items: [
-            {
-              label: "Tradícia",
-              href: "#",
-            },
-            {
-              label: "Referencie",
-              href: "#",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="APR-Autodiely"
+            columns={[
+              { title: "Informácie", items: [{ label: "O nás", href: "#" }, { label: "Obchodné podmienky", href: "#" }] },
+              { title: "Služby", items: [{ label: "Diagnostika", href: "#services" }, { label: "Doprava", href: "#services" }] },
+              { title: "Kontakt", items: [{ label: "Email: info@apr-autodiely.sk", href: "mailto:info@apr-autodiely.sk" }, { label: "Tel: +421 900 000 000", href: "tel:+421900000000" }] },
+            ]}
+            copyrightText="© 2025 APR-Autodiely. Všetky práva vyhradené."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F5F1EA;
-  --card: #FFFFFF;
-  --foreground: #111111;
-  --primary-cta: #C9A46C;
-  --primary-cta-text: #111111;
-  --secondary-cta: #111111;
-  --secondary-cta-text: #F5F1EA;
-  --accent: #8A6A4A;
-  --background-accent: #DED9CE;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);