Update src/app/page.tsx
This commit is contained in:
481
src/app/page.tsx
481
src/app/page.tsx
@@ -29,348 +29,163 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "O Nás",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Produkty",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kvetinárstvo"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Domov", id: "#hero" },
|
||||
{ name: "O Nás", id: "#about" },
|
||||
{ name: "Produkty", id: "#products" },
|
||||
{ name: "Kontakt", id: "#contact" },
|
||||
]}
|
||||
brandName="Kvetinárstvo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Krása vo vašej domácnosti"
|
||||
description="Donášková služba čerstvých kvetov a ruží priamo z nášho butiku vo vašom meste."
|
||||
buttons={[
|
||||
{
|
||||
text: "Objednať teraz",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-flowers-vases_23-2148435683.jpg"
|
||||
imageAlt="Luxusná kytica ruží"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bunch-fresh-flowers-glass-desk_23-2147929233.jpg",
|
||||
alt: "Zákazník 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-florist-with-bouquet-looking-camera_23-2147760926.jpg",
|
||||
alt: "Zákazník 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/proud-young-worker-floral-shop_23-2147761038.jpg",
|
||||
alt: "Zákazník 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/floral-design-studio-with-scissors-flowers-table_181624-42666.jpg",
|
||||
alt: "Zákazník 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-lovely-cheerful-brunette-young-lady-with-big-expensive-bouquet-red-roses-bunch-bright-air-balloons-isolate-white-smiling-camera_132075-12355.jpg",
|
||||
alt: "Zákazník 5",
|
||||
},
|
||||
]}
|
||||
avatarText="5000+ spokojných zákazníkov"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Krása vo vašej domácnosti"
|
||||
description="Donášková služba čerstvých kvetov a ruží priamo z nášho butiku vo vašom meste."
|
||||
buttons={[{ text: "Objednať teraz", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-flowers-vases_23-2148435683.jpg"
|
||||
imageAlt="Luxusná kytica ruží"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/bunch-fresh-flowers-glass-desk_23-2147929233.jpg", alt: "Zákazník 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-florist-with-bouquet-looking-camera_23-2147760926.jpg", alt: "Zákazník 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/proud-young-worker-floral-shop_23-2147761038.jpg", alt: "Zákazník 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/floral-design-studio-with-scissors-flowers-table_181624-42666.jpg", alt: "Zákazník 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-lovely-cheerful-brunette-young-lady-with-big-expensive-bouquet-red-roses-bunch-bright-air-balloons-isolate-white-smiling-camera_132075-12355.jpg", alt: "Zákazník 5" }
|
||||
]}
|
||||
avatarText="5000+ spokojných zákazníkov"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Naša kvetinová tradícia"
|
||||
metrics={[
|
||||
{
|
||||
icon: Sun,
|
||||
label: "Kytice aranžované",
|
||||
value: "1500+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Roky skúseností",
|
||||
value: "10",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Spokojných zákazníkov",
|
||||
value: "5000+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Naša kvetinová tradícia"
|
||||
metrics={[
|
||||
{ icon: Sun, label: "Kytice aranžované", value: "1500+" },
|
||||
{ icon: Clock, label: "Roky skúseností", value: "10" },
|
||||
{ icon: Smile, label: "Spokojných zákazníkov", value: "5000+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Čerstvosť zaručená",
|
||||
description: "Kvety nakupujeme denne od lokálnych pestovateľov.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-roses-beautiful-red-flowers-inside-basket-isolated-table-pink_140725-24439.jpg",
|
||||
},
|
||||
{
|
||||
title: "Osobný prístup",
|
||||
description: "Každú kyticu viažeme na mieru podľa vašich predstáv.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-flowers-vase_1220-659.jpg",
|
||||
},
|
||||
{
|
||||
title: "Rýchla donáška",
|
||||
description: "Kytice doručíme v rámci mesta do 2 hodín.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-festive-gift-box-chrysanthemum-flowers_169016-16991.jpg",
|
||||
},
|
||||
]}
|
||||
title="Prečo si vybrať nás"
|
||||
description="Vždy čerstvé a s láskou viazané kvety pre každú príležitosť."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Čerstvosť zaručená", description: "Kvety nakupujeme denne od lokálnych pestovateľov.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-roses-beautiful-red-flowers-inside-basket-isolated-table-pink_140725-24439.jpg" },
|
||||
{ title: "Osobný prístup", description: "Každú kyticu viažeme na mieru podľa vašich predstáv.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-flowers-vase_1220-659.jpg" },
|
||||
{ title: "Rýchla donáška", description: "Kytice doručíme v rámci mesta do 2 hodín.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-festive-gift-box-chrysanthemum-flowers_169016-16991.jpg" }
|
||||
]}
|
||||
title="Prečo si vybrať nás"
|
||||
description="Vždy čerstvé a s láskou viazané kvety pre každú príležitosť."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kytica Ruží",
|
||||
price: "29 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-marry-me-wedding-engagement-ring-box-with-red-rose-gift_114579-422.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ľalie a zeleň",
|
||||
price: "25 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-image-woman-hands-holding-white-arum-lily-shot-from-top-overview-lily-nile-calla_1391-651.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Slnečnice",
|
||||
price: "19 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenic-wallpaper-with-close-up-sunflower-against-green-background-with-flowers-close-up-sunflower-selective-focus-blurred-background_1391-367.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Jemné pivónie",
|
||||
price: "35 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-background_1339-8290.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Farebné tulipány",
|
||||
price: "22 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-tulips-white-background-top-view_169016-20266.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Exotická orchidea",
|
||||
price: "45 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-orchid-side-view_140725-11371.jpg",
|
||||
},
|
||||
]}
|
||||
title="Naša ponuka kvetov"
|
||||
description="Objavte našu kolekciu čerstvých kvetov pre špeciálne okamihy."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Kytica Ruží", price: "29 €", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-marry-me-wedding-engagement-ring-box-with-red-rose-gift_114579-422.jpg" },
|
||||
{ id: "p2", name: "Ľalie a zeleň", price: "25 €", imageSrc: "http://img.b2bpic.net/free-photo/closeup-image-woman-hands-holding-white-arum-lily-shot-from-top-overview-lily-nile-calla_1391-651.jpg" },
|
||||
{ id: "p3", name: "Slnečnice", price: "19 €", imageSrc: "http://img.b2bpic.net/free-photo/scenic-wallpaper-with-close-up-sunflower-against-green-background-with-flowers-close-up-sunflower-selective-focus-blurred-background_1391-367.jpg" },
|
||||
{ id: "p4", name: "Jemné pivónie", price: "35 €", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-background_1339-8290.jpg" },
|
||||
{ id: "p5", name: "Farebné tulipány", price: "22 €", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-tulips-white-background-top-view_169016-20266.jpg" },
|
||||
{ id: "p6", name: "Exotická orchidea", price: "45 €", imageSrc: "http://img.b2bpic.net/free-photo/white-orchid-side-view_140725-11371.jpg" }
|
||||
]}
|
||||
title="Naša ponuka kvetov"
|
||||
description="Objavte našu kolekciu čerstvých kvetov pre špeciálne okamihy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Základný balík",
|
||||
price: "40 €",
|
||||
features: [
|
||||
"1x kytica týždenne",
|
||||
"Základný výber",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Vybrať",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Premium balík",
|
||||
price: "75 €",
|
||||
features: [
|
||||
"2x kytica týždenne",
|
||||
"Prémiový výber",
|
||||
"Prioritný dovoz",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Vybrať",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "luxury",
|
||||
name: "VIP balík",
|
||||
price: "120 €",
|
||||
features: [
|
||||
"4x kytica týždenne",
|
||||
"VIP výber",
|
||||
"Expresný dovoz",
|
||||
"Váza v cene",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Vybrať",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Pravidelné predplatné kvetov"
|
||||
description="Krása domova bez starostí po celý mesiac."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "basic", name: "Základný balík", price: "40 €", features: ["1x kytica týždenne", "Základný výber"], buttons: [{ text: "Vybrať" }] },
|
||||
{ id: "pro", name: "Premium balík", price: "75 €", features: ["2x kytica týždenne", "Prémiový výber", "Prioritný dovoz"], buttons: [{ text: "Vybrať" }] },
|
||||
{ id: "luxury", name: "VIP balík", price: "120 €", features: ["4x kytica týždenne", "VIP výber", "Expresný dovoz", "Váza v cene"], buttons: [{ text: "Vybrať" }] }
|
||||
]}
|
||||
title="Pravidelné predplatné kvetov"
|
||||
description="Krása domova bez starostí po celý mesiac."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10",
|
||||
description: "Roky na trhu",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
description: "Spokojných zákazníkov",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1500+",
|
||||
description: "Dodatých kytíc",
|
||||
},
|
||||
]}
|
||||
title="Náš úspech v číslach"
|
||||
description="Sme tu pre vás už viac ako 10 rokov."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10", description: "Roky na trhu" },
|
||||
{ id: "m2", value: "5000+", description: "Spokojných zákazníkov" },
|
||||
{ id: "m3", value: "1500+", description: "Dodatých kytíc" }
|
||||
]}
|
||||
title="Náš úspech v číslach"
|
||||
description="Sme tu pre vás už viac ako 10 rokov."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jana M.",
|
||||
handle: "Zákazníčka",
|
||||
testimonial: "Najkrajšie kytice v meste, kvety vydržia naozaj dlho.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-flower-bouquet-hand_23-2148066878.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Peter S.",
|
||||
handle: "Manžel",
|
||||
testimonial: "Záchrana na poslednú chvíľu, kytica pre manželku bola úžasná.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48098.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lucia K.",
|
||||
handle: "Nevesta",
|
||||
testimonial: "Svadobná kytica bola presne podľa mojich predstáv. Ďakujem!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowers-bouquet-with-gift_23-2149024532.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marek B.",
|
||||
handle: "Zákazník",
|
||||
testimonial: "Rýchla donáška a kvety boli skutočne čerstvé.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-enjoying-spring_1098-726.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eva H.",
|
||||
handle: "Pravidelná zákazníčka",
|
||||
testimonial: "Pravidelne si objednávam predplatné a som nadšená.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-bouquet-roses_23-2148381480.jpg",
|
||||
},
|
||||
]}
|
||||
title="Čo o nás hovoria"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Jana M.", handle: "Zákazníčka", testimonial: "Najkrajšie kytice v meste, kvety vydržia naozaj dlho.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-flower-bouquet-hand_23-2148066878.jpg" },
|
||||
{ id: "t2", name: "Peter S.", handle: "Manžel", testimonial: "Záchrana na poslednú chvíľu, kytica pre manželku bola úžasná.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48098.jpg" },
|
||||
{ id: "t3", name: "Lucia K.", handle: "Nevesta", testimonial: "Svadobná kytica bola presne podľa mojich predstáv. Ďakujem!", imageSrc: "http://img.b2bpic.net/free-photo/top-view-flowers-bouquet-with-gift_23-2149024532.jpg" },
|
||||
{ id: "t4", name: "Marek B.", handle: "Zákazník", testimonial: "Rýchla donáška a kvety boli skutočne čerstvé.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-enjoying-spring_1098-726.jpg" },
|
||||
{ id: "t5", name: "Eva H.", handle: "Pravidelná zákazníčka", testimonial: "Pravidelne si objednávam predplatné a som nadšená.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-bouquet-roses_23-2148381480.jpg" }
|
||||
]}
|
||||
title="Čo o nás hovoria"
|
||||
description="Spokojnosť našich zákazníkov je pre nás najvyššou prioritou a potvrdením kvality našej práce."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Navštívte náš butik"
|
||||
description="Sme tu pre vás každý deň od 8:00 do 18:00."
|
||||
buttonText="Objednať donášku"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-florist-making-notes-phone-conversation_23-2147760942.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Kontakt"
|
||||
title="Navštívte náš butik"
|
||||
description="Sme tu pre vás každý deň od 8:00 do 18:00."
|
||||
buttonText="Objednať donášku"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/charming-florist-making-notes-phone-conversation_23-2147760942.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kvetinárstvo"
|
||||
columns={[
|
||||
{
|
||||
title: "O Nás",
|
||||
items: [
|
||||
{
|
||||
label: "Náš tím",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Produkty",
|
||||
items: [
|
||||
{
|
||||
label: "Kytice",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Predplatné",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kvetinárstvo"
|
||||
columns={[
|
||||
{
|
||||
title: "O Nás", items: [
|
||||
{ label: "Náš tím", href: "#about" },
|
||||
{ label: "Kontakt", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Produkty", items: [
|
||||
{ label: "Kytice", href: "#products" },
|
||||
{ label: "Predplatné", href: "#pricing" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user