From 218a2713ba131fd727c3604fa924a535028028c4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 29 Apr 2026 10:17:53 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3da0ae0..8a80fbe 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -15,272 +15,143 @@ import { Leaf, ShieldCheck, Sparkles } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="smallMedium"
-        sizing="large"
-        background="noiseDiagonalGradient"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="glass"
-        headingFontWeight="semibold"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="large"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Storitve",
-          id: "storitve",
-        },
-        {
-          name: "Postopek",
-          id: "proces",
-        },
-        {
-          name: "Mnenja",
-          id: "mnenja",
-        },
-        {
-          name: "Kontakt",
-          id: "kontakt",
-        },
-      ]}
-      brandName="Atelje Preparatorstva"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Storitve", id: "storitve" },
+              { name: "Postopek", id: "proces" },
+              { name: "Mnenja", id: "mnenja" },
+              { name: "Kontakt", id: "kontakt" },
+            ]}
+            brandName="Atelje Preparatorstva"
+            button={{ text: "Rezerviraj", href: "#kontakt" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      title="Mojstrsko prepariranje in gačenje živali"
-      description="Spoštljiv, natančen in lokalno prilagojen pristop k ohranjanju narave in trofej. Vrhunska kakovost, ki poudari detajl in karakter živali."
-      buttons={[
-        {
-          text: "Pošlji povpraševanje",
-          href: "#kontakt",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pots-coffee-hot-sand_23-2148366639.jpg",
-          imageAlt: "Orodje za preparacijo",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-wild-elk-nature_23-2150829499.jpg",
-          imageAlt: "Naravni habitat",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-vector/illustration-graduation-skeleton-with-ribbon-lettering_1284-53087.jpg",
-          imageAlt: "Trofeja",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-horse-feelings-care-affection-tenderness-woman-hugs-kisses-horse-close-up-happy-young-woman-hugging-her-horse_1321-3730.jpg",
-          imageAlt: "Proces dela",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-bear-sculpture_23-2151003081.jpg",
-          imageAlt: "Atelje",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-banner-dog_23-2149882347.jpg",
-          imageAlt: "Preparat",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-static" }}
+            title="Mojstrsko prepariranje in gačenje živali"
+            description="Spoštljiv, natančen in lokalno prilagojen pristop k ohranjanju narave in trofej. Vrhunska kakovost, ki poudari detajl in karakter živali."
+            buttons={[{ text: "Pošlji povpraševanje", href: "#kontakt" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-pots-coffee-hot-sand_23-2148366639.jpg", imageAlt: "Orodje za preparacijo" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/view-wild-elk-nature_23-2150829499.jpg", imageAlt: "Naravni habitat" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-vector/illustration-graduation-skeleton-with-ribbon-lettering_1284-53087.jpg", imageAlt: "Trofeja" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-horse-feelings-care-affection-tenderness-woman-hugs-kisses-horse-close-up-happy-young-woman-hugging-her-horse_1321-3730.jpg", imageAlt: "Proces dela" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-bear-sculpture_23-2151003081.jpg", imageAlt: "Atelje" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-banner-dog_23-2149882347.jpg", imageAlt: "Preparat" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Strokovna zaveza"
-      metrics={[
-        {
-          icon: ShieldCheck,
-          label: "Izkušnje",
-          value: "20+ let",
-        },
-        {
-          icon: Leaf,
-          label: "Etika",
-          value: "100%",
-        },
-        {
-          icon: Sparkles,
-          label: "Stranke",
-          value: "500+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="Strokovna zaveza"
+            metrics={[
+              { icon: ShieldCheck, label: "Izkušnje", value: "20+ let" },
+              { icon: Leaf, label: "Etika", value: "100%" },
+              { icon: Sparkles, label: "Stranke", value: "500+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="storitve" data-section="storitve">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Dermoplastika",
-          description: "Realistični preparati z naravnim izrazom.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-clay_23-2149025899.jpg",
-        },
-        {
-          title: "Lovske trofeje",
-          description: "Beljenje, čiščenje in montaža rogovja.",
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-antler-deer-woods_181624-29420.jpg",
-        },
-        {
-          title: "Habitat diorame",
-          description: "Ambient po meri vašega prostora.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-giraffe-wild_23-2151708874.jpg",
-        },
-        {
-          title: "Svetovanje",
-          description: "Strokovni prevzem in navodila.",
-          imageSrc: "http://img.b2bpic.net/free-photo/butterfly-hand_181624-401.jpg",
-        },
-      ]}
-      title="Naše storitve"
-      description="Celovite rešitve za prepariranje in obdelavo trofej."
-    />
-  </div>
+        <div id="storitve" data-section="storitve">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            features={[
+              { title: "Dermoplastika", description: "Realistični preparati z naravnim izrazom.", imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-clay_23-2149025899.jpg" },
+              { title: "Lovske trofeje", description: "Beljenje, čiščenje in montaža rogovja.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-antler-deer-woods_181624-29420.jpg" },
+              { title: "Habitat diorame", description: "Ambient po meri vašega prostora.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-giraffe-wild_23-2151708874.jpg" },
+              { title: "Svetovanje", description: "Strokovni prevzem in navodila.", imageSrc: "http://img.b2bpic.net/free-photo/butterfly-hand_181624-401.jpg" },
+            ]}
+            title="Naše storitve"
+            description="Celovite rešitve za prepariranje in obdelavo trofej."
+          />
+        </div>
 
-  <div id="proces" data-section="proces">
-      <FeatureCardThree
-      textboxLayout="split"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Povpraševanje",
-          description: "Prvi kontakt in pregled želja.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner_23-2148828289.jpg",
-        },
-        {
-          title: "Dogovor",
-          description: "Prevzem in logistika.",
-          imageSrc: "http://img.b2bpic.net/free-photo/adorable-tiny-animal-illustration_23-2151854535.jpg",
-        },
-        {
-          title: "Izdelava",
-          description: "Strokovna izvedba.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-possum-cartoon-character_23-2150939936.jpg",
-        },
-        {
-          title: "Prevzem",
-          description: "Zadovoljna stranka.",
-          imageSrc: "http://img.b2bpic.net/free-photo/macro-onions-arrangement-concept_23-2148780464.jpg",
-        },
-      ]}
-      title="Postopek sodelovanja"
-      description="Transparentno, hitro in spoštljivo."
-    />
-  </div>
+        <div id="proces" data-section="proces">
+          <FeatureCardThree
+            textboxLayout="split"
+            gridVariant="one-large-left-three-stacked-right"
+            useInvertedBackground={true}
+            features={[
+              { title: "Povpraševanje", description: "Prvi kontakt in pregled želja.", imageSrc: "http://img.b2bpic.net/free-photo/female-business-owner_23-2148828289.jpg" },
+              { title: "Dogovor", description: "Prevzem in logistika.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-tiny-animal-illustration_23-2151854535.jpg" },
+              { title: "Izdelava", description: "Strokovna izvedba.", imageSrc: "http://img.b2bpic.net/free-photo/view-possum-cartoon-character_23-2150939936.jpg" },
+              { title: "Prevzem", description: "Zadovoljna stranka.", imageSrc: "http://img.b2bpic.net/free-photo/macro-onions-arrangement-concept_23-2148780464.jpg" },
+            ]}
+            title="Postopek sodelovanja"
+            description="Transparentno, hitro in spoštljivo."
+            animationType="slide-up"
+          />
+        </div>
 
-  <div id="mnenja" data-section="mnenja">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ina Korinšek",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-traditional-hunter-with-his-trophy-holds-rifle_613910-13886.jpg",
-        },
-        {
-          id: "2",
-          name: "Jure Murn",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-artist-with-wooden-box-brushes_23-2148002285.jpg",
-        },
-        {
-          id: "3",
-          name: "Kristina Perme",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-traveller-wearing-beanie_23-2148588453.jpg",
-        },
-        {
-          id: "4",
-          name: "Denis Štemberger",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
-        },
-        {
-          id: "5",
-          name: "Marko Novak",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-green-warm-sweater-sitting-chair-posing_114579-58701.jpg",
-        },
-      ]}
-      cardTitle="Mnenja strank"
-      cardTag="Zaupanje"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="mnenja" data-section="mnenja">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Ina Korinšek", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-traditional-hunter-with-his-trophy-holds-rifle_613910-13886.jpg" },
+              { id: "2", name: "Jure Murn", imageSrc: "http://img.b2bpic.net/free-photo/female-artist-with-wooden-box-brushes_23-2148002285.jpg" },
+              { id: "3", name: "Kristina Perme", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-traveller-wearing-beanie_23-2148588453.jpg" },
+              { id: "4", name: "Denis Štemberger", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg" },
+              { id: "5", name: "Marko Novak", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-green-warm-sweater-sitting-chair-posing_114579-58701.jpg" },
+            ]}
+            cardTitle="Mnenja strank"
+            cardTag="Zaupanje"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Koliko časa traja?",
-          content: "Odvisno od obsega, a hitro in zanesljivo.",
-        },
-        {
-          id: "2",
-          title: "Kakšna je etika?",
-          content: "Strokovno, zakonito in spoštljivo.",
-        },
-        {
-          id: "3",
-          title: "Ali pripravite habitat?",
-          content: "Da, diorame izdelamo po meri.",
-        },
-        {
-          id: "4",
-          title: "Kako prevzamem?",
-          content: "Dogovorimo se za diskreten prevzem.",
-        },
-      ]}
-      sideTitle="Pogosta vprašanja"
-      sideDescription="Odgovori na najpogostejše pomisleke."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "Koliko časa traja?", content: "Odvisno od obsega, a hitro in zanesljivo." },
+              { id: "2", title: "Kakšna je etika?", content: "Strokovno, zakonito in spoštljivo." },
+              { id: "3", title: "Ali pripravite habitat?", content: "Da, diorame izdelamo po meri." },
+              { id: "4", title: "Kako prevzamem?", content: "Dogovorimo se za diskreten prevzem." },
+            ]}
+            sideTitle="Pogosta vprašanja"
+            sideDescription="Odgovori na najpogostejše pomisleke."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="kontakt" data-section="kontakt">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Kontakt"
-      title="Stopite v stik"
-      description="Z veseljem odgovorimo na vaša vprašanja."
-    />
-  </div>
+        <div id="kontakt" data-section="kontakt">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Kontakt"
+            title="Stopite v stik"
+            description="Z veseljem odgovorimo na vaša vprašanja."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Atelje Preparatorstva"
-      leftLink={{
-        text: "Storitve",
-        href: "#storitve",
-      }}
-      rightLink={{
-        text: "Kontakt",
-        href: "#kontakt",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Atelje Preparatorstva"
+            leftLink={{ text: "Storitve", href: "#storitve" }}
+            rightLink={{ text: "Kontakt", href: "#kontakt" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1