Update src/app/page.tsx
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Domov", id: "#hero" },
|
||||||
name: "Domov",
|
{ name: "O Nás", id: "#about" },
|
||||||
id: "#hero",
|
{ name: "Produkty", id: "#products" },
|
||||||
},
|
{ name: "Kontakt", id: "#contact" },
|
||||||
{
|
|
||||||
name: "O Nás",
|
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Produkty",
|
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Kontakt",
|
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Kvetinárstvo"
|
brandName="Kvetinárstvo"
|
||||||
/>
|
/>
|
||||||
@@ -57,35 +45,15 @@ export default function LandingPage() {
|
|||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
title="Krása vo vašej domácnosti"
|
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."
|
description="Donášková služba čerstvých kvetov a ruží priamo z nášho butiku vo vašom meste."
|
||||||
buttons={[
|
buttons={[{ text: "Objednať teraz", href: "#products" }]}
|
||||||
{
|
|
||||||
text: "Objednať teraz",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-flowers-vases_23-2148435683.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-beautiful-flowers-vases_23-2148435683.jpg"
|
||||||
imageAlt="Luxusná kytica ruží"
|
imageAlt="Luxusná kytica ruží"
|
||||||
avatars={[
|
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/bunch-fresh-flowers-glass-desk_23-2147929233.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/smiling-florist-with-bouquet-looking-camera_23-2147760926.jpg", alt: "Zákazník 2" },
|
||||||
alt: "Zákazník 1",
|
{ 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" }
|
||||||
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"
|
avatarText="5000+ spokojných zákazníkov"
|
||||||
/>
|
/>
|
||||||
@@ -96,21 +64,9 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Naša kvetinová tradícia"
|
title="Naša kvetinová tradícia"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Sun, label: "Kytice aranžované", value: "1500+" },
|
||||||
icon: Sun,
|
{ icon: Clock, label: "Roky skúseností", value: "10" },
|
||||||
label: "Kytice aranžované",
|
{ icon: Smile, label: "Spokojných zákazníkov", value: "5000+" }
|
||||||
value: "1500+",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Clock,
|
|
||||||
label: "Roky skúseností",
|
|
||||||
value: "10",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: Smile,
|
|
||||||
label: "Spokojných zákazníkov",
|
|
||||||
value: "5000+",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -122,21 +78,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
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: "Čerstvosť zaručená",
|
{ 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" },
|
||||||
description: "Kvety nakupujeme denne od lokálnych pestovateľov.",
|
{ 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" }
|
||||||
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"
|
title="Prečo si vybrať nás"
|
||||||
description="Vždy čerstvé a s láskou viazané kvety pre každú príležitosť."
|
description="Vždy čerstvé a s láskou viazané kvety pre každú príležitosť."
|
||||||
@@ -150,42 +94,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "p1",
|
{ 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" },
|
||||||
name: "Kytica Ruží",
|
{ 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" },
|
||||||
price: "29 €",
|
{ id: "p4", name: "Jemné pivónie", price: "35 €", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-background_1339-8290.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-marry-me-wedding-engagement-ring-box-with-red-rose-gift_114579-422.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" }
|
||||||
{
|
|
||||||
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"
|
title="Naša ponuka kvetov"
|
||||||
description="Objavte našu kolekciu čerstvých kvetov pre špeciálne okamihy."
|
description="Objavte našu kolekciu čerstvých kvetov pre špeciálne okamihy."
|
||||||
@@ -198,51 +112,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{ id: "basic", name: "Základný balík", price: "40 €", features: ["1x kytica týždenne", "Základný výber"], buttons: [{ text: "Vybrať" }] },
|
||||||
id: "basic",
|
{ id: "pro", name: "Premium balík", price: "75 €", features: ["2x kytica týždenne", "Prémiový výber", "Prioritný dovoz"], buttons: [{ text: "Vybrať" }] },
|
||||||
name: "Základný balík",
|
{ 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ť" }] }
|
||||||
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"
|
title="Pravidelné predplatné kvetov"
|
||||||
description="Krása domova bez starostí po celý mesiac."
|
description="Krása domova bez starostí po celý mesiac."
|
||||||
@@ -256,21 +128,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "10", description: "Roky na trhu" },
|
||||||
id: "m1",
|
{ id: "m2", value: "5000+", description: "Spokojných zákazníkov" },
|
||||||
value: "10",
|
{ id: "m3", value: "1500+", description: "Dodatých kytíc" }
|
||||||
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"
|
title="Náš úspech v číslach"
|
||||||
description="Sme tu pre vás už viac ako 10 rokov."
|
description="Sme tu pre vás už viac ako 10 rokov."
|
||||||
@@ -283,52 +143,21 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
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: "t1",
|
{ 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" },
|
||||||
name: "Jana M.",
|
{ 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" },
|
||||||
handle: "Zákazníčka",
|
{ 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" },
|
||||||
testimonial: "Najkrajšie kytice v meste, kvety vydržia naozaj dlho.",
|
{ 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" }
|
||||||
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"
|
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>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
tag="Kontakt"
|
tag="Kontakt"
|
||||||
title="Navštívte náš butik"
|
title="Navštívte náš butik"
|
||||||
description="Sme tu pre vás každý deň od 8:00 do 18:00."
|
description="Sme tu pre vás každý deň od 8:00 do 18:00."
|
||||||
@@ -343,31 +172,17 @@ export default function LandingPage() {
|
|||||||
logoText="Kvetinárstvo"
|
logoText="Kvetinárstvo"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "O Nás",
|
title: "O Nás", items: [
|
||||||
items: [
|
{ label: "Náš tím", href: "#about" },
|
||||||
{
|
{ label: "Kontakt", href: "#contact" }
|
||||||
label: "Náš tím",
|
]
|
||||||
href: "#about",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Kontakt",
|
title: "Produkty", items: [
|
||||||
href: "#contact",
|
{ label: "Kytice", href: "#products" },
|
||||||
},
|
{ label: "Predplatné", href: "#pricing" }
|
||||||
],
|
]
|
||||||
},
|
}
|
||||||
{
|
|
||||||
title: "Produkty",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Kytice",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Predplatné",
|
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user