Merge version_1 into main #1
453
src/app/page.tsx
453
src/app/page.tsx
@@ -28,332 +28,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "O nas",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Storitve",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Cenik",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Mnenja",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Prijazen Taček"
|
||||
button={{
|
||||
text: "Rezerviraj zdaj",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Domov", id: "hero" },
|
||||
{ name: "O nas", id: "about" },
|
||||
{ name: "Storitve", id: "features" },
|
||||
{ name: "Cenik", id: "pricing" },
|
||||
{ name: "Mnenja", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
brandName="Prijazen Taček"
|
||||
button={{ text: "Rezerviraj zdaj", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Najboljša oskrba za vašega psa"
|
||||
description="Vaš štirinožni prijatelj bo pri nas počitnikoval kot v raju. Vsakodnevna igra, ljubezen in popolna varnost."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rezervirajte termin",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-mornings-beautiful-woman-enjoying-her-morning-sitting-sofa-eating-breakfast-playing_1258-195205.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg",
|
||||
alt: "Futuristic style adorable dog",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-with-black-bulldog_1157-31783.jpg",
|
||||
alt: "Elegant woman in a brown coat with black bulldog",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-her-cute-french-bulldog-warm-outfit_1303-19381.jpg",
|
||||
alt: "Beautiful woman with her cute french bulldog in warm outfit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-sphynx-cat-luxurious-living-room_23-2152016902.jpg",
|
||||
alt: "Elegant sphynx cat in luxurious living room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mornings-beautiful-woman-enjoying-her-morning-sitting-sofa-eating-breakfast-playing_1258-195205.jpg",
|
||||
alt: "Happy golden retriever playing outside",
|
||||
},
|
||||
]}
|
||||
avatarText="Pridružite se 500+ zadovoljnim lastnikom"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Nega",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Varna igra",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ljubeče osebje",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Veterinarska podpora",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luksuzne namestitve",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Najboljša oskrba za vašega psa"
|
||||
description="Vaš štirinožni prijatelj bo pri nas počitnikoval kot v raju. Vsakodnevna igra, ljubezen in popolna varnost."
|
||||
buttons={[{ text: "Rezervirajte termin", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-mornings-beautiful-woman-enjoying-her-morning-sitting-sofa-eating-breakfast-playing_1258-195205.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/futuristic-style-adorable-dog_23-2151107777.jpg", alt: "Futuristic style adorable dog" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-woman-brown-coat-with-black-bulldog_1157-31783.jpg", alt: "Elegant woman in a brown coat with black bulldog" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-her-cute-french-bulldog-warm-outfit_1303-19381.jpg", alt: "Beautiful woman with her cute french bulldog in warm outfit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-sphynx-cat-luxurious-living-room_23-2152016902.jpg", alt: "Elegant sphynx cat in luxurious living room" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-mornings-beautiful-woman-enjoying-her-morning-sitting-sofa-eating-breakfast-playing_1258-195205.jpg", alt: "Happy golden retriever playing outside" }
|
||||
]}
|
||||
avatarText="Pridružite se 500+ zadovoljnim lastnikom"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "24/7 Nega" },
|
||||
{ type: "text", text: "Varna igra" },
|
||||
{ type: "text", text: "Ljubeče osebje" },
|
||||
{ type: "text", text: "Veterinarska podpora" },
|
||||
{ type: "text", text: "Luksuzne namestitve" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="O nas"
|
||||
title="Dom daleč od doma"
|
||||
description="V našem hotelu se trudimo, da se vsak pes počuti kot doma. Vsak dan mu nudimo obilico igre, sprehodov in crkljanja."
|
||||
subdescription="Zavedamo se, da je vaš pes družinski član, zato z njim ravnamo z največjo možno pozornostjo."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-petting-dog_23-2148977458.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="O nas"
|
||||
title="Dom daleč od doma"
|
||||
description="V našem hotelu se trudimo, da se vsak pes počuti kot doma. Vsak dan mu nudimo obilico igre, sprehodov in crkljanja."
|
||||
subdescription="Zavedamo se, da je vaš pes družinski član, zato z njim ravnamo z največjo možno pozornostjo."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-women-petting-dog_23-2148977458.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: PlayCircle,
|
||||
title: "Dnevna igra",
|
||||
description: "Vsak dan poskrbimo za zabavo in fizično aktivnost.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "24/7 Veterinar",
|
||||
description: "Stalno smo v stiku z veterinarjem, da je varnost vedno zagotovljena.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Najboljša oskrba",
|
||||
description: "Vaš pes bo v varnih in ljubečih rokah izkušenih skrbnikov.",
|
||||
},
|
||||
]}
|
||||
title="Zakaj izbrati nas?"
|
||||
description="Ponujamo več kot le prenočišče. Zagotavljamo popolno izkušnjo za vašega psa."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: PlayCircle, title: "Dnevna igra", description: "Vsak dan poskrbimo za zabavo in fizično aktivnost." },
|
||||
{ icon: ShieldCheck, title: "24/7 Veterinar", description: "Stalno smo v stiku z veterinarjem, da je varnost vedno zagotovljena." },
|
||||
{ icon: Sparkles, title: "Najboljša oskrba", description: "Vaš pes bo v varnih in ljubečih rokah izkušenih skrbnikov." }
|
||||
]}
|
||||
title="Zakaj izbrati nas?"
|
||||
description="Ponujamo več kot le prenočišče. Zagotavljamo popolno izkušnjo za vašega psa."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
name: "Standardno bivanje",
|
||||
price: "40€ / noč",
|
||||
features: [
|
||||
"Igra vsak dan",
|
||||
"Hrana po meri",
|
||||
"24/7 nadzor",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Rezerviraj",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Premium bivanje",
|
||||
price: "60€ / noč",
|
||||
features: [
|
||||
"Individualni sprehodi",
|
||||
"Video klic z lastnikom",
|
||||
"SPA nega",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Rezerviraj",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Pregledna ponudba"
|
||||
description="Poštene cene za vrhunsko oskrbo."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "standard", name: "Standardno bivanje", price: "40€ / noč", features: ["Igra vsak dan", "Hrana po meri", "24/7 nadzor"],
|
||||
buttons: [{ text: "Rezerviraj", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "premium", name: "Premium bivanje", price: "60€ / noč", features: ["Individualni sprehodi", "Video klic z lastnikom", "SPA nega"],
|
||||
buttons: [{ text: "Rezerviraj", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
title="Pregledna ponudba"
|
||||
description="Poštene cene za vrhunsko oskrbo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Heart,
|
||||
title: "Srečnih psov",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Smile,
|
||||
title: "Zadovoljnih lastnikov",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CalendarCheck,
|
||||
title: "Let izkušenj",
|
||||
value: "10",
|
||||
},
|
||||
]}
|
||||
title="Naši uspehi"
|
||||
description="Številke, ki potrjujejo naše delo."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Heart, title: "Srečnih psov", value: "500+" },
|
||||
{ id: "m2", icon: Smile, title: "Zadovoljnih lastnikov", value: "100%" },
|
||||
{ id: "m3", icon: CalendarCheck, title: "Let izkušenj", value: "10" }
|
||||
]}
|
||||
title="Naši uspehi"
|
||||
description="Številke, ki potrjujejo naše delo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maja K.",
|
||||
role: "Lastnica kužka",
|
||||
company: "Ljubljana",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-business-woman-formal-suit-holds-cute-dog_613910-99.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marko P.",
|
||||
role: "Lastnik kužka",
|
||||
company: "Koper",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pedigreed-puppy-collar-sitting-grass-park_651396-3781.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana R.",
|
||||
role: "Lastnica kužka",
|
||||
company: "Maribor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-cafe-with-her-pet-french-bulldog_1303-32219.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Janez D.",
|
||||
role: "Lastnik kužka",
|
||||
company: "Celje",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-playing-with-their-dog-park_23-2147902242.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Petra Š.",
|
||||
role: "Lastnica kužka",
|
||||
company: "Kranj",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dog-having-fun-playing-making-funny-faces_158595-4278.jpg",
|
||||
},
|
||||
]}
|
||||
title="Kaj pravijo lastniki?"
|
||||
description="Zaupanje je naša prioriteta."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Maja K.", role: "Lastnica kužka", company: "Ljubljana", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-business-woman-formal-suit-holds-cute-dog_613910-99.jpg" },
|
||||
{ id: "2", name: "Marko P.", role: "Lastnik kužka", company: "Koper", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pedigreed-puppy-collar-sitting-grass-park_651396-3781.jpg" },
|
||||
{ id: "3", name: "Ana R.", role: "Lastnica kužka", company: "Maribor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-cafe-with-her-pet-french-bulldog_1303-32219.jpg" },
|
||||
{ id: "4", name: "Janez D.", role: "Lastnik kužka", company: "Celje", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-playing-with-their-dog-park_23-2147902242.jpg" },
|
||||
{ id: "5", name: "Petra Š.", role: "Lastnica kužka", company: "Kranj", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-dog-having-fun-playing-making-funny-faces_158595-4278.jpg" }
|
||||
]}
|
||||
title="Kaj pravijo lastniki?"
|
||||
description="Zaupanje je naša prioriteta."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Rezervacije"
|
||||
title="Rezervirajte termin za vašega psa"
|
||||
description="Pišite nam in z veseljem bomo odgovorili na vsa vaša vprašanja ali potrdili rezervacijo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pošlji povpraševanje",
|
||||
href: "mailto:info@prijazentacek.si",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Rezervacije"
|
||||
title="Rezervirajte termin za vašega psa"
|
||||
description="Pišite nam in z veseljem bomo odgovorili na vsa vaša vprašanja ali potrdili rezervacijo."
|
||||
buttons={[{ text: "Pošlji povpraševanje", href: "mailto:info@prijazentacek.si" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Domov",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "O nas",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Storitve",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pogoji uporabe",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Zasebnost",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Prijazen Taček"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Domov", href: "#hero" }, { label: "O nas", href: "#about" }] },
|
||||
{ items: [{ label: "Storitve", href: "#features" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ items: [{ label: "Pogoji uporabe", href: "#" }, { label: "Zasebnost", href: "#" }] }
|
||||
]}
|
||||
logoText="Prijazen Taček"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user