Merge version_2 into main #2
259
src/app/page.tsx
259
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
@@ -30,104 +30,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Domov", id: "hero"},
|
||||
{
|
||||
name: "Ponuka",
|
||||
id: "products",
|
||||
},
|
||||
name: "Ponuka", id: "products"},
|
||||
{
|
||||
name: "Referencie",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Referencie", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="MARGARÉTA"
|
||||
button={{
|
||||
text: "0903 238 548",
|
||||
href: "tel:+421903238548",
|
||||
}}
|
||||
text: "0903 238 548", href: "tel:+421903238548"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Kvety, ktoré zachránia každý moment"
|
||||
description="Vytvárame luxusné a originálne kytice, ktoré hovoria za vás. Expresné doručenie pre vaše najdôležitejšie životné momenty."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Čerstvé kvety",
|
||||
},
|
||||
value: "100%", label: "Čerstvé kvety"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Online podpora",
|
||||
},
|
||||
value: "24/7", label: "Online podpora"},
|
||||
{
|
||||
value: "Expres",
|
||||
label: "Rýchle doručenie",
|
||||
},
|
||||
value: "Expres", label: "Rýchle doručenie"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Objednajte teraz",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Objednajte teraz", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reusable-menstrual-cup-product-with-flowers_23-2149408754.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg",
|
||||
alt: "Zákazník 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg", alt: "Zákazník 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg",
|
||||
alt: "Zákazník 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg", alt: "Zákazník 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg",
|
||||
alt: "Zákazník 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg", alt: "Zákazník 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg",
|
||||
alt: "Zákazník 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg", alt: "Zákazník 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg",
|
||||
alt: "Zákazník 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg", alt: "Zákazník 5"},
|
||||
]}
|
||||
avatarText="Pridajte sa k 500+ spokojným zákazníkom"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ručne viazané kytice",
|
||||
},
|
||||
type: "text", text: "Ručne viazané kytice"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Doručenie v deň objednávky",
|
||||
},
|
||||
type: "text", text: "Doručenie v deň objednávky"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ekologické balenie",
|
||||
},
|
||||
type: "text", text: "Ekologické balenie"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Osobný odkaz v cene",
|
||||
},
|
||||
type: "text", text: "Osobný odkaz v cene"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Garantovaná čerstvosť",
|
||||
},
|
||||
type: "text", text: "Garantovaná čerstvosť"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,35 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Kvalita",
|
||||
author: "Čerstvosť",
|
||||
description: "Používame len tie najčerstvejšie kvety od overených dodávateľov.",
|
||||
tags: [
|
||||
"Kvalita",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Kvalita", author: "Čerstvosť", description: "Používame len tie najčerstvejšie kvety od overených dodávateľov.", tags: [
|
||||
"Kvalita"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-flower-seller-holds-pink-roses-market-shop_613910-12138.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Rýchle Doručenie",
|
||||
author: "Spoľahlivosť",
|
||||
description: "Doručíme kyticu včas, kamkoľvek potrebujete v rámci Slovenska.",
|
||||
tags: [
|
||||
"Expres",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-make-photoshoot-woman_1157-37023.jpg",
|
||||
},
|
||||
id: "f2", title: "Rýchle Doručenie", author: "Spoľahlivosť", description: "Doručíme kyticu včas, kamkoľvek potrebujete v rámci Slovenska.", tags: [
|
||||
"Expres"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-make-photoshoot-woman_1157-37023.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Individuálny Prístup",
|
||||
author: "Osobné",
|
||||
description: "Vytvárame aranžmány na mieru pre svadby aj oslavy.",
|
||||
tags: [
|
||||
"Bespoke",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-with-staked-log-background_1157-780.jpg",
|
||||
},
|
||||
id: "f3", title: "Individuálny Prístup", author: "Osobné", description: "Vytvárame aranžmány na mieru pre svadby aj oslavy.", tags: [
|
||||
"Bespoke"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-with-staked-log-background_1157-780.jpg"},
|
||||
]}
|
||||
title="Prečo si vybrať MARGARÉTA"
|
||||
description="Vaša spokojnosť je našou prioritou pri každej kytici."
|
||||
@@ -182,32 +125,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "MARGARÉTA",
|
||||
name: "Romantická Klasika",
|
||||
price: "25€",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vase-pink-roses-grey-table_114579-39502.jpg",
|
||||
},
|
||||
id: "p1", brand: "MARGARÉTA", name: "Romantická Klasika", price: "25€", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-vase-pink-roses-grey-table_114579-39502.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "MARGARÉTA",
|
||||
name: "Jarný Vánek",
|
||||
price: "45€",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-table_23-2148377340.jpg",
|
||||
},
|
||||
id: "p2", brand: "MARGARÉTA", name: "Jarný Vánek", price: "45€", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-working-table_23-2148377340.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "MARGARÉTA",
|
||||
name: "Svadobná Elegancia",
|
||||
price: "80€",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-bouquet-vase_181624-37904.jpg",
|
||||
},
|
||||
id: "p3", brand: "MARGARÉTA", name: "Svadobná Elegancia", price: "80€", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/vertical-bouquet-vase_181624-37904.jpg"},
|
||||
]}
|
||||
title="Naša aktuálna ponuka"
|
||||
description="Vyberte si z našej palety luxusných kytíc pre každú príležitosť."
|
||||
@@ -221,45 +146,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Zuzana M.",
|
||||
handle: "@zuzana",
|
||||
testimonial: "Nádherné kvety, doručenie bolo presne načas!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg",
|
||||
},
|
||||
id: "t1", name: "Zuzana M.", handle: "@zuzana", testimonial: "Nádherné kvety, doručenie bolo presne načas!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cocktail-dress-gold-chain-bright-spring-pink-makeup-white-background-holds-bouquet-orange-dried-flowers-gift-march-8_343596-8221.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Peter K.",
|
||||
handle: "@peter",
|
||||
testimonial: "Najlepšie kvetinárstvo v meste, veľmi odporúčam.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=1",
|
||||
},
|
||||
id: "t2", name: "Peter K.", handle: "@peter", testimonial: "Najlepšie kvetinárstvo v meste, veľmi odporúčam.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=1"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Eva L.",
|
||||
handle: "@eva",
|
||||
testimonial: "Moja svadobná kytica bola ako z rozprávky.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg",
|
||||
},
|
||||
id: "t3", name: "Eva L.", handle: "@eva", testimonial: "Moja svadobná kytica bola ako z rozprávky.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-newlywed-beautiful-woman-start-preparation-wedding-day-floral-bathrobe_273443-2686.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michal B.",
|
||||
handle: "@michal",
|
||||
testimonial: "Krásne aranžmány a skvelý prístup.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg",
|
||||
},
|
||||
id: "t4", name: "Michal B.", handle: "@michal", testimonial: "Krásne aranžmány a skvelý prístup.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-fragrance_1098-2778.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jana S.",
|
||||
handle: "@jana",
|
||||
testimonial: "Vždy čerstvé kvety, ktoré vydržia dlho.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Jana S.", handle: "@jana", testimonial: "Vždy čerstvé kvety, ktoré vydržia dlho.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-beautiful-pink-roses-bank-card-pink-wall_140725-152669.jpg?_wi=2"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Čo o nás hovoria klienti"
|
||||
@@ -273,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Ako rýchlo doručujete?",
|
||||
content: "Kytice doručujeme v rámci celého Slovenska v čo najkratšom možnom čase.",
|
||||
},
|
||||
id: "q1", title: "Ako rýchlo doručujete?", content: "Kytice doručujeme v rámci celého Slovenska v čo najkratšom možnom čase."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Aká je cena dopravy?",
|
||||
content: "Cena dopravy závisí od lokality, po objednávke vás budeme kontaktovať.",
|
||||
},
|
||||
id: "q2", title: "Aká je cena dopravy?", content: "Cena dopravy závisí od lokality, po objednávke vás budeme kontaktovať."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Ako môžem platiť?",
|
||||
content: "Platba je možná prevodom na účet alebo dobierkou pri doručení.",
|
||||
},
|
||||
id: "q3", title: "Ako môžem platiť?", content: "Platba je možná prevodom na účet alebo dobierkou pri doručení."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-essential-items-wedding-planner-business_23-2150165101.jpg"
|
||||
title="Často kladené otázky"
|
||||
@@ -297,14 +188,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontaktujte nás"
|
||||
<ContactSplitForm
|
||||
title="Sme tu pre vás"
|
||||
description="Zavolajte nám na 0903 238 548 alebo nám napíšte správu cez WhatsApp."
|
||||
description="Zavolajte nám alebo nám napíšte správu cez formulár."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Vaše meno" },
|
||||
{ name: "email", type: "email", placeholder: "Váš e-mail" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Vaša správa", rows: 4 }}
|
||||
useInvertedBackground={true}
|
||||
onSubmit={(data) => console.log(data)}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-florist-wearing-uniform-making-beautiful-flower-composition-while-standing-counter-flower-shop_613910-4581.jpg"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -312,40 +205,26 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
<FooterBaseCard
|
||||
logoText="MARGARÉTA"
|
||||
columns={[
|
||||
{
|
||||
title: "Kvetinárstvo MARGARÉTA",
|
||||
items: [
|
||||
{
|
||||
label: "O nás",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Kvetinárstvo MARGARÉTA", items: [
|
||||
{ label: "O nás", href: "#" },
|
||||
{ label: "Kontakt", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Zákaznícka zóna",
|
||||
items: [
|
||||
{
|
||||
label: "Obchodné podmienky",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reklamácie",
|
||||
href: "#",
|
||||
},
|
||||
title: "Zákaznícka zóna", items: [
|
||||
{ label: "Obchodné podmienky", href: "#" },
|
||||
{ label: "Reklamácie", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 MARGARÉTA. Všetky práva vyhradené."
|
||||
bottomRightText="Vytvorené s láskou kvetom."
|
||||
copyrightText="© 2024 MARGARÉTA. Všetky práva vyhradené."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user