Merge version_1 into main #1
383
src/app/page.tsx
383
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user