From ee328fae0c39c008161347b004079b8cb12818c2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 11:39:07 +0000
Subject: [PATCH] Switch to version 1: modified src/app/page.tsx

---
 src/app/page.tsx | 231 +++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 202 insertions(+), 29 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b0e7950..bcfc7ca 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,10 +32,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        { name: "O nas", id: "about" },
-        { name: "Storitve", id: "features" },
-        { name: "Cenik", id: "/pricing" },
-        { name: "Kontakt", id: "contact" },
+        {
+          name: "O nas",
+          id: "about",
+        },
+        {
+          name: "Storitve",
+          id: "features",
+        },
+        {
+          name: "Cenik",
+          id: "pricing",
+        },
+        {
+          name: "Kontakt",
+          id: "contact",
+        },
       ]}
       brandName="ART Kozmetika"
     />
@@ -43,28 +55,56 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{ variant: "gradient-bars" }}
+      background={{
+        variant: "gradient-bars",
+      }}
       title="ART Kozmetika"
       description="Profesionalne kozmetične storitve in permanentno ličenje, kjer se popolnost sreča z naravno lepoto."
-      buttons={[{ text: "Rezerviraj termin", href: "#contact" }]}
+      buttons={[
+        {
+          text: "Rezerviraj termin",
+          href: "#contact",
+        },
+      ]}
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/set-make-up-brushes-lies-table_8353-8869.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg" },
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXItXdNqqYf1i0QSIrPqpBHCSx/uploaded-1778517079654-6o88l8rw.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-products-arrangement_23-2149879908.jpg" },
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/set-make-up-brushes-lies-table_8353-8869.jpg",
+          imageAlt: "Salon Interior 1",
+        },
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/fuzzy-room-with-armchairs_1203-958.jpg",
+          imageAlt: "Salon Interior 2",
+        },
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-latino-hair-salon_23-2150555185.jpg",
+          imageAlt: "Salon Interior 3",
+        },
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-spa-massage-wellness-hotel-suite-with-bathtub_105762-2027.jpg",
+          imageAlt: "Salon Interior 4",
+        },
+        {
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXItXdNqqYf1i0QSIrPqpBHCSx/uploaded-1778517079654-6o88l8rw.jpg",
+          imageAlt: "Salon Interior 5",
+        },
+        {
+          imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-products-arrangement_23-2149879908.jpg",
+          imageAlt: "Salon Interior 6",
+        },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
+      useInvertedBackground={false}
       tag="O nas"
       title="Maja Vulić s.p."
       description="Z večletnimi izkušnjami v kozmetiki in permanentnem ličenju ustvarjam podobe, ki poudarjajo vašo unikatnost."
       subdescription="Moje poslanstvo je zagotoviti vrhunske rezultate s pomočjo najboljših tehnik in materialov."
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXItXdNqqYf1i0QSIrPqpBHCSx/uploaded-1778514622359-ftevbar0.jpg"
+      imageAlt="Maja Vulić"
+      mediaAnimation="slide-up"
       icon={User}
     />
   </div>
@@ -75,24 +115,98 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        { title: "Permanentno ličenje", description: "Microblading in senčenje obrvi, ustnic in oči.", icon: Sparkles },
-        { title: "Nega obraza", description: "Globinsko čiščenje in revitalizacija kože.", icon: Smile },
-        { title: "Oblikovanje obrvi", description: "Natančno oblikovanje z nitko ali voskom.", icon: Scissors },
+        {
+          title: "Permanentno ličenje",
+          description: "Microblading in senčenje obrvi, ustnic in oči.",
+          icon: Sparkles,
+        },
+        {
+          title: "Nega obraza",
+          description: "Globinsko čiščenje in revitalizacija kože.",
+          icon: Smile,
+        },
+        {
+          title: "Oblikovanje obrvi",
+          description: "Natančno oblikovanje z nitko ali voskom.",
+          icon: Scissors,
+        },
       ]}
       title="Naše storitve"
       description="Nudimo širok spekter tretmajev prilagojenih vašim potrebam."
     />
   </div>
 
+  <div id="pricing" data-section="pricing">
+      <PricingCardOne
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      plans={[
+        {
+          id: "p1",
+          badge: "Popularno",
+          price: "od 150 €",
+          subtitle: "Permanentno ličenje",
+          features: [
+            "Posvet",
+            "Izris",
+            "Tretma",
+          ],
+        },
+        {
+          id: "p2",
+          badge: "Osnovno",
+          price: "od 50 €",
+          subtitle: "Nega obraza",
+          features: [
+            "Čiščenje",
+            "Maska",
+            "Serum",
+          ],
+        },
+        {
+          id: "p3",
+          badge: "Hitro",
+          price: "od 20 €",
+          subtitle: "Oblikovanje obrvi",
+          features: [
+            "Oblikovanje",
+            "Barvanje",
+          ],
+        },
+      ]}
+      title="Cenik storitev"
+      description="Pregled naših najpopularnejših tretmajev."
+    />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        { id: "m1", value: "500+", title: "Zadovoljnih strank", description: "Uspešno opravljenih tretmajev.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-holding-cosmetic-brushes_23-2148113083.jpg" },
-        { id: "m2", value: "10+", title: "Let izkušenj", description: "Vrhunska znanja in tehnike.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-taking-makeup-brushes_23-2147783911.jpg" },
-        { id: "m3", value: "100%", title: "Kakovost", description: "Uporaba varnih materialov.", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-brushes-bag_23-2147710668.jpg" },
+        {
+          id: "m1",
+          value: "500+",
+          title: "Zadovoljnih strank",
+          description: "Uspešno opravljenih tretmajev.",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-visagiste-holding-cosmetic-brushes_23-2148113083.jpg",
+        },
+        {
+          id: "m2",
+          value: "10+",
+          title: "Let izkušenj",
+          description: "Vrhunska znanja in tehnike.",
+          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-taking-makeup-brushes_23-2147783911.jpg",
+        },
+        {
+          id: "m3",
+          value: "100%",
+          title: "Kakovost",
+          description: "Uporaba varnih materialov.",
+          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-brushes-bag_23-2147710668.jpg",
+        },
       ]}
       title="Zakaj ART Kozmetika?"
       description="Številke, ki govorijo o naši predanosti lepoti."
@@ -101,12 +215,33 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwelve
+      useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Ana K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
-        { id: "2", name: "Maja L.", imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1001.jpg" },
-        { id: "3", name: "Petra S.", imageSrc: "http://img.b2bpic.net/free-photo/image-working-woman-office-digital-nomad-with-laptop-programmer-designing-web-page-computer_1258-195373.jpg" },
-        { id: "4", name: "Tina B.", imageSrc: "http://img.b2bpic.net/free-photo/hands-applying-makeup-by-brush_23-2148398604.jpg" },
-        { id: "5", name: "Kaja V.", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519985.jpg" },
+        {
+          id: "1",
+          name: "Ana K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
+        },
+        {
+          id: "2",
+          name: "Maja L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-serene-young-woman-with-beautiful-olive-skin-curly-hair-ideal-skin-brown-eyes-studio_633478-1001.jpg",
+        },
+        {
+          id: "3",
+          name: "Petra S.",
+          imageSrc: "http://img.b2bpic.net/free-photo/image-working-woman-office-digital-nomad-with-laptop-programmer-designing-web-page-computer_1258-195373.jpg",
+        },
+        {
+          id: "4",
+          name: "Tina B.",
+          imageSrc: "http://img.b2bpic.net/free-photo/hands-applying-makeup-by-brush_23-2148398604.jpg",
+        },
+        {
+          id: "5",
+          name: "Kaja V.",
+          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519985.jpg",
+        },
       ]}
       cardTitle="Mnenja strank"
       cardTag="Zadovoljstvo"
@@ -118,9 +253,21 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        { id: "f1", title: "Ali je permanentno ličenje boleče?", content: "Tretma je skoraj neboleč, saj uporabljamo lokalne anestetike." },
-        { id: "f2", title: "Kako dolgo trajajo rezultati?", content: "Rezultati običajno trajajo od 1 do 3 let, odvisno od kože." },
-        { id: "f3", title: "Kako se naročim?", content: "Naročite se lahko preko kontaktnega obrazca ali telefona." },
+        {
+          id: "f1",
+          title: "Ali je permanentno ličenje boleče?",
+          content: "Tretma je skoraj neboleč, saj uporabljamo lokalne anestetike.",
+        },
+        {
+          id: "f2",
+          title: "Kako dolgo trajajo rezultati?",
+          content: "Rezultati običajno trajajo od 1 do 3 let, odvisno od kože.",
+        },
+        {
+          id: "f3",
+          title: "Kako se naročim?",
+          content: "Naročite se lahko preko kontaktnega obrazca ali telefona.",
+        },
       ]}
       sideTitle="Pogosta vprašanja"
       sideDescription="Odgovori na vprašanja pred obiskom salona."
@@ -131,7 +278,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      background={{
+        variant: "plain",
+      }}
       tag="Kontakt"
       title="Naročite se na termin"
       description="Spremenite svojo podobo danes."
@@ -144,8 +293,32 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="ART Kozmetika"
       columns={[
-        { title: "Storitve", items: [{ label: "Permanentno ličenje", href: "#features" }, { label: "Nega obraza", href: "#features" }] },
-        { title: "Kontakt", items: [{ label: "Email", href: "#contact" }, { label: "Telefon", href: "#contact" }] },
+        {
+          title: "Storitve",
+          items: [
+            {
+              label: "Permanentno ličenje",
+              href: "#features",
+            },
+            {
+              label: "Nega obraza",
+              href: "#features",
+            },
+          ],
+        },
+        {
+          title: "Kontakt",
+          items: [
+            {
+              label: "Email",
+              href: "#contact",
+            },
+            {
+              label: "Telefon",
+              href: "#contact",
+            },
+          ],
+        },
       ]}
       copyrightText="© 2025 ART Kozmetika, Maja Vulić s.p."
     />