Update src/app/page.tsx
This commit is contained in:
190
src/app/page.tsx
190
src/app/page.tsx
@@ -9,10 +9,10 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Scissors, Smile, Sparkles, User } from "lucide-react";
|
||||
import { Scissors, Smile, Sparkles, User, Check } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "O nas",
|
||||
id: "about",
|
||||
},
|
||||
name: "O nas", id: "about"},
|
||||
{
|
||||
name: "Storitve",
|
||||
id: "features",
|
||||
},
|
||||
name: "Storitve", id: "features"},
|
||||
{
|
||||
name: "Cenik",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Cenik", id: "pricing"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="ART Kozmetika"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
text: "Rezerviraj termin", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
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/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/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/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: "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: "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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-products-arrangement_23-2149879908.jpg", imageAlt: "Salon Interior 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,19 +93,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Permanentno ličenje",
|
||||
description: "Microblading in senčenje obrvi, ustnic in oči.",
|
||||
icon: Sparkles,
|
||||
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: "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: "Oblikovanje obrvi", description: "Natančno oblikovanje z nitko ali voskom.", icon: Scissors,
|
||||
},
|
||||
]}
|
||||
title="Naše storitve"
|
||||
@@ -137,46 +108,27 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popularno",
|
||||
price: "od 150 €",
|
||||
subtitle: "Permanentno ličenje",
|
||||
features: [
|
||||
"Posvet",
|
||||
"Izris",
|
||||
"Tretma",
|
||||
],
|
||||
id: "p1", badge: "Najboljše", badgeIcon: Check,
|
||||
price: "150 €", subtitle: "Permanentno ličenje", features: ["Posvet", "Izris", "Tretma", "Kontrolni pregled"],
|
||||
buttons: [{ text: "Rezerviraj", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Osnovno",
|
||||
price: "od 50 €",
|
||||
subtitle: "Nega obraza",
|
||||
features: [
|
||||
"Čiščenje",
|
||||
"Maska",
|
||||
"Serum",
|
||||
],
|
||||
id: "p2", badge: "Osnovno", price: "50 €", subtitle: "Nega obraza", features: ["Čiščenje", "Maska", "Serum"],
|
||||
buttons: [{ text: "Rezerviraj", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Hitro",
|
||||
price: "od 20 €",
|
||||
subtitle: "Oblikovanje obrvi",
|
||||
features: [
|
||||
"Oblikovanje",
|
||||
"Barvanje",
|
||||
],
|
||||
id: "p3", badge: "Hitro", price: "20 €", subtitle: "Oblikovanje", features: ["Oblikovanje obrvi", "Barvanje"],
|
||||
buttons: [{ text: "Rezerviraj", href: "#contact" }]
|
||||
},
|
||||
]}
|
||||
title="Cenik storitev"
|
||||
description="Pregled naših najpopularnejših tretmajev."
|
||||
title="Storitve in cenik"
|
||||
description="Elegantne rešitve za vaš popoln videz."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -187,26 +139,11 @@ export default function LandingPage() {
|
||||
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: "m1", value: "500+", title: "Zadovoljnih strank", description: "Uspešno opravljenih tretmajev.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXItXdNqqYf1i0QSIrPqpBHCSx/uploaded-1778761553144-8itj7psk.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: "m2", value: "10+", title: "Let izkušenj", description: "Vrhunska znanja in tehnike.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXItXdNqqYf1i0QSIrPqpBHCSx/uploaded-1778761553144-1077yozz.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: "m3", value: "100%", title: "Kakovost", description: "Uporaba varnih materialov.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DXItXdNqqYf1i0QSIrPqpBHCSx/uploaded-1778761553144-r2nanyns.jpg"},
|
||||
]}
|
||||
title="Zakaj ART Kozmetika?"
|
||||
description="Številke, ki govorijo o naši predanosti lepoti."
|
||||
@@ -218,30 +155,15 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "5", name: "Kaja V.", imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519985.jpg"},
|
||||
]}
|
||||
cardTitle="Mnenja strank"
|
||||
cardTag="Zadovoljstvo"
|
||||
@@ -254,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Ali je permanentno ličenje boleče?",
|
||||
content: "Tretma je skoraj neboleč, saj uporabljamo lokalne anestetike.",
|
||||
},
|
||||
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: "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: "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."
|
||||
@@ -279,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Naročite se na termin"
|
||||
description="Spremenite svojo podobo danes."
|
||||
@@ -294,29 +206,19 @@ export default function LandingPage() {
|
||||
logoText="ART Kozmetika"
|
||||
columns={[
|
||||
{
|
||||
title: "Storitve",
|
||||
items: [
|
||||
title: "Storitve", items: [
|
||||
{
|
||||
label: "Permanentno ličenje",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Permanentno ličenje", href: "#features"},
|
||||
{
|
||||
label: "Nega obraza",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Nega obraza", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Email", href: "#contact"},
|
||||
{
|
||||
label: "Telefon",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Telefon", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -326,4 +228,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user