Merge version_1 into main #2
@@ -13,115 +13,61 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Sortiment",
|
||||
id: "/produkty",
|
||||
},
|
||||
{
|
||||
name: "Príbeh",
|
||||
id: "/o-nas",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/kontakt",
|
||||
},
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Kontakt"
|
||||
title="Navštívte nás"
|
||||
description="Bottova 4, 811 09 Bratislava. Otvorené Po-Pia 9:00 - 18:00, So 10:00 - 17:00."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-cafe-interior_74190-6312.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Sme tu pre vás"
|
||||
tag="Dostupnosť"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "6",
|
||||
description: "Dní v týždni otvorené",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "9h",
|
||||
description: "Denný otvárací čas",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1",
|
||||
description: "Adresa v centre",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Fiorino",
|
||||
items: [
|
||||
{
|
||||
label: "Sortiment",
|
||||
href: "/produkty",
|
||||
},
|
||||
{
|
||||
label: "O nás",
|
||||
href: "/o-nas",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Služby",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/kontakt",
|
||||
},
|
||||
{
|
||||
label: "Podmienky",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ochrana súkromia",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Domov", id: "/" },
|
||||
{ name: "Sortiment", id: "/produkty" },
|
||||
{ name: "Príbeh", id: "/o-nas" },
|
||||
{ name: "Kontakt", id: "/kontakt" },
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Navštívte nás"
|
||||
description="Bottova 4, 811 09 Bratislava. Otvorené Po-Pia 9:00 - 18:00, So 10:00 - 17:00."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-cafe-interior_74190-6312.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Sme tu pre vás"
|
||||
tag="Dostupnosť"
|
||||
metrics={[
|
||||
{ id: "m1", value: "6", description: "Dní v týždni otvorené" },
|
||||
{ id: "m2", value: "9h", description: "Denný otvárací čas" },
|
||||
{ id: "m3", value: "1", description: "Adresa v centre" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Fiorino", items: [{ label: "Sortiment", href: "/produkty" }, { label: "O nás", href: "/o-nas" }, { label: "Kontakt", href: "/kontakt" }] },
|
||||
{ title: "Služby", items: [{ label: "FAQ", href: "/kontakt" }, { label: "Podmienky", href: "#" }, { label: "Ochrana súkromia", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,8 +11,8 @@ import { Cormorant_Garamond, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Webild components 2",
|
||||
description: "Generated by create next app",
|
||||
title: 'Fiorino Bratislava | Autentické Talianske Delikatesy',
|
||||
description: 'Fiorino - Váš kľúč k autentickému Taliansku v srdci Bratislavy na Bottovej ulici.',
|
||||
};
|
||||
|
||||
const cormorant = Cormorant_Garamond({ variable: "--font-cormorant", subsets: ["latin"], weight: ["400", "500", "600", "700"] });
|
||||
|
||||
@@ -13,118 +13,62 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Sortiment",
|
||||
id: "/produkty",
|
||||
},
|
||||
{
|
||||
name: "Príbeh",
|
||||
id: "/o-nas",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/kontakt",
|
||||
},
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Príbeh Fiorino"
|
||||
description={[
|
||||
"Fiorino je viac ako obchod. Je to kľúč do autentického Talianska. Majiteľ, ktorý precestoval Taliansko a pozná každého producenta osobne, ponúka kurátorský výber tých najlepších surovín.",
|
||||
"Nepredávame produkty. Predávame zážitky a príbehy. Príďte do Fiorino nie len pre nákup, ale pre rozprávku, poradenstvo a kus Talianska na cestu.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Náš tím"
|
||||
description="Ľudia, ktorí pre vás s vášňou vyberajú to najlepšie z Talianska."
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Fiorino Tím",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Marco",
|
||||
subtitle: "Zakladateľ",
|
||||
detail: "Odborník na taliansku gastronómiu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-with-glass-wine-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fassion-retro_1321-2025.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Lucia",
|
||||
subtitle: "Deli expert",
|
||||
detail: "Vaša sprievodkyňa pri výbere syrov.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-looking-camera_23-2148312206.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Fiorino",
|
||||
items: [
|
||||
{
|
||||
label: "Sortiment",
|
||||
href: "/produkty",
|
||||
},
|
||||
{
|
||||
label: "O nás",
|
||||
href: "/o-nas",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Služby",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/kontakt",
|
||||
},
|
||||
{
|
||||
label: "Podmienky",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ochrana súkromia",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Domov", id: "/" },
|
||||
{ name: "Sortiment", id: "/produkty" },
|
||||
{ name: "Príbeh", id: "/o-nas" },
|
||||
{ name: "Kontakt", id: "/kontakt" },
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Príbeh Fiorino"
|
||||
description={[
|
||||
"Fiorino je viac ako obchod. Je to kľúč do autentického Talianska. Majiteľ, ktorý precestoval Taliansko a pozná každého producenta osobne, ponúka kurátorský výber tých najlepších surovín.", "Nepredávame produkty. Predávame zážitky a príbehy. Príďte do Fiorino nie len pre nákup, ale pre rozprávku, poradenstvo a kus Talianska na cestu."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Náš tím"
|
||||
description="Ľudia, ktorí pre vás s vášňou vyberajú to najlepšie z Talianska."
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Fiorino Tím", members: [
|
||||
{ id: "m1", title: "Marco", subtitle: "Zakladateľ", detail: "Odborník na taliansku gastronómiu.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-with-glass-wine-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fassion-retro_1321-2025.jpg" },
|
||||
{ id: "m2", title: "Lucia", subtitle: "Deli expert", detail: "Vaša sprievodkyňa pri výbere syrov.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-looking-camera_23-2148312206.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Fiorino", items: [{ label: "Sortiment", href: "/produkty" }, { label: "O nás", href: "/o-nas" }, { label: "Kontakt", href: "/kontakt" }] },
|
||||
{ title: "Služby", items: [{ label: "FAQ", href: "/kontakt" }, { label: "Podmienky", href: "#" }, { label: "Ochrana súkromia", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
343
src/app/page.tsx
343
src/app/page.tsx
@@ -16,248 +16,111 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Sortiment",
|
||||
id: "/produkty",
|
||||
},
|
||||
{
|
||||
name: "Príbeh",
|
||||
id: "/o-nas",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/kontakt",
|
||||
},
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Autentické Taliansko na Bottovej 4"
|
||||
description="Čerstvé talianské lahôdky výborne vybrané priamo od talianskych producentov. Bez kompromisov. Bez zbytočností. Len čistá autentická vôňa Talianska."
|
||||
buttons={[
|
||||
{
|
||||
text: "Preskúmať sortiment",
|
||||
href: "/produkty",
|
||||
},
|
||||
{
|
||||
text: "Objednať si",
|
||||
href: "/kontakt",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheese-set-olive-tomato-cucumber-top-view_141793-4368.jpg"
|
||||
imageAlt="Čerstvá talianska burrata"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Príbeh Fiorino"
|
||||
description={[
|
||||
"Fiorino je viac ako obchod. Je to kľúč do autentického Talianska. Majiteľ, ktorý precestoval Taliansko a pozná každého producenta osobne, ponúka kurátorský výber tých najlepších surovín.",
|
||||
"Nepredávame produkty. Predávame zážitky a príbehy. Príďte do Fiorino nie len pre nákup, ale pre rozprávku, poradenstvo a kus Talianska na cestu.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Burrata Italiana",
|
||||
price: "12,99 €",
|
||||
variant: "Najobľúbenejšia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-tapa-s-day-celebration-with-snacks_23-2149368934.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Prosciutto di Parma",
|
||||
price: "8,50 €",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charcuterie-meat-products_53876-146578.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Caffè Fiorino Espresso",
|
||||
price: "6,90 €",
|
||||
variant: "Bestseller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135049.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Prosecco Extra Dry",
|
||||
price: "15,50 €",
|
||||
variant: "Crowd favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-glass-flowers_1157-783.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Najobľúbenejšie produkty"
|
||||
description="To najlepšie z Talianska, priamo z našej vitríny k vám domov."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jarka Beletic",
|
||||
role: "Local Guide",
|
||||
company: "Bratislava",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling_23-2148014954.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Peter Stit",
|
||||
role: "Zákazník",
|
||||
company: "Bratislava",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bag_23-2148685766.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michal Padych",
|
||||
role: "Local Guide",
|
||||
company: "Bratislava",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/owner-restocking-his-local-grocery-shop_482257-81615.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucia M.",
|
||||
role: "Zákazník",
|
||||
company: "Bratislava",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-looking-camera_23-2148312206.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jakub K.",
|
||||
role: "Zákazník",
|
||||
company: "Bratislava",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling_23-2148014954.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Recenzií",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Autentické",
|
||||
},
|
||||
{
|
||||
value: "Dog",
|
||||
label: "Friendly",
|
||||
},
|
||||
]}
|
||||
title="Čo hovoria zákazníci"
|
||||
description="Pridajte sa ku komunite milovníkov Talianska v Bratislave."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Často kladené otázky"
|
||||
description="Všetko, čo potrebujete vedieť o našom delikatesnom obchode."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Odkiaľ pochádzajú vaše produkty?",
|
||||
content: "Väčšinu produktov dovážame priamo od malých rodinných farmárov a producentov z celého Talianska.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Máte aj vegetariánske možnosti?",
|
||||
content: "Áno, náš sortiment syrov, olív a pesta je z veľkej časti vegetariánsky.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Môžem si objednať online?",
|
||||
content: "Zatiaľ prevádzkujeme predaj v našej predajni, no radi pre vás pripravíme balíček na mieru telefonicky.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Aká je otváracia doba?",
|
||||
content: "Sme tu pre vás Po-Pia od 9:00 do 18:00 a v sobotu od 10:00 do 17:00.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Fiorino",
|
||||
items: [
|
||||
{
|
||||
label: "Sortiment",
|
||||
href: "/produkty",
|
||||
},
|
||||
{
|
||||
label: "O nás",
|
||||
href: "/o-nas",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Služby",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/kontakt",
|
||||
},
|
||||
{
|
||||
label: "Podmienky",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ochrana súkromia",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Domov", id: "/" },
|
||||
{ name: "Sortiment", id: "/produkty" },
|
||||
{ name: "Príbeh", id: "/o-nas" },
|
||||
{ name: "Kontakt", id: "/kontakt" },
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Autentické Taliansko na Bottovej 4"
|
||||
description="Čerstvé talianské lahôdky výborne vybrané priamo od talianskych producentov. Bez kompromisov. Bez zbytočností. Len čistá autentická vôňa Talianska."
|
||||
buttons={[
|
||||
{ text: "Preskúmať sortiment", href: "/produkty" },
|
||||
{ text: "Objednať si", href: "/kontakt" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheese-set-olive-tomato-cucumber-top-view_141793-4368.jpg"
|
||||
imageAlt="Čerstvá talianska burrata"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Príbeh Fiorino"
|
||||
description={[
|
||||
"Fiorino je viac ako obchod. Je to kľúč do autentického Talianska. Majiteľ, ktorý precestoval Taliansko a pozná každého producenta osobne, ponúka kurátorský výber tých najlepších surovín.", "Nepredávame produkty. Predávame zážitky a príbehy. Príďte do Fiorino nie len pre nákup, ale pre rozprávku, poradenstvo a kus Talianska na cestu."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Burrata Italiana", price: "12,99 €", variant: "Najobľúbenejšia", imageSrc: "http://img.b2bpic.net/free-photo/world-tapa-s-day-celebration-with-snacks_23-2149368934.jpg" },
|
||||
{ id: "p2", name: "Prosciutto di Parma", price: "8,50 €", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/closeup-charcuterie-meat-products_53876-146578.jpg" },
|
||||
{ id: "p3", name: "Caffè Fiorino Espresso", price: "6,90 €", variant: "Bestseller", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135049.jpg" },
|
||||
{ id: "p4", name: "Prosecco Extra Dry", price: "15,50 €", variant: "Crowd favorite", imageSrc: "http://img.b2bpic.net/free-photo/table-with-glass-flowers_1157-783.jpg" }
|
||||
]}
|
||||
title="Najobľúbenejšie produkty"
|
||||
description="To najlepšie z Talianska, priamo z našej vitríny k vám domov."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jarka Beletic", role: "Local Guide", company: "Bratislava", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling_23-2148014954.jpg" },
|
||||
{ id: "2", name: "Peter Stit", role: "Zákazník", company: "Bratislava", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bag_23-2148685766.jpg" },
|
||||
{ id: "3", name: "Michal Padych", role: "Local Guide", company: "Bratislava", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/owner-restocking-his-local-grocery-shop_482257-81615.jpg" },
|
||||
{ id: "4", name: "Lucia M.", role: "Zákazník", company: "Bratislava", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-looking-camera_23-2148312206.jpg" },
|
||||
{ id: "5", name: "Jakub K.", role: "Zákazník", company: "Bratislava", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling_23-2148014954.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "20+", label: "Recenzií" },
|
||||
{ value: "100%", label: "Autentické" },
|
||||
{ value: "Dog", label: "Friendly" }
|
||||
]}
|
||||
title="Čo hovoria zákazníci"
|
||||
description="Pridajte sa ku komunite milovníkov Talianska v Bratislave."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Často kladené otázky"
|
||||
description="Všetko, čo potrebujete vedieť o našom delikatesnom obchode."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Odkiaľ pochádzajú vaše produkty?", content: "Väčšinu produktov dovážame priamo od malých rodinných farmárov a producentov z celého Talianska." },
|
||||
{ id: "2", title: "Máte aj vegetariánske možnosti?", content: "Áno, náš sortiment syrov, olív a pesta je z veľkej časti vegetariánsky." },
|
||||
{ id: "3", title: "Môžem si objednať online?", content: "Zatiaľ prevádzkujeme predaj v našej predajni, no radi pre vás pripravíme balíček na mieru telefonicky." },
|
||||
{ id: "4", title: "Aká je otváracia doba?", content: "Sme tu pre vás Po-Pia od 9:00 do 18:00 a v sobotu od 10:00 do 17:00." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Fiorino", items: [{ label: "Sortiment", href: "/produkty" }, { label: "O nás", href: "/o-nas" }, { label: "Kontakt", href: "/kontakt" }] },
|
||||
{ title: "Služby", items: [{ label: "FAQ", href: "/kontakt" }, { label: "Podmienky", href: "#" }, { label: "Ochrana súkromia", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -13,175 +13,72 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Domov",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Sortiment",
|
||||
id: "/produkty",
|
||||
},
|
||||
{
|
||||
name: "Príbeh",
|
||||
id: "/o-nas",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "/kontakt",
|
||||
},
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Burrata Italiana",
|
||||
price: "12,99 €",
|
||||
variant: "Najobľúbenejšia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-tapa-s-day-celebration-with-snacks_23-2149368934.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Prosciutto di Parma",
|
||||
price: "8,50 €",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charcuterie-meat-products_53876-146578.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Caffè Fiorino Espresso",
|
||||
price: "6,90 €",
|
||||
variant: "Bestseller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135049.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Prosecco Extra Dry",
|
||||
price: "15,50 €",
|
||||
variant: "Crowd favorite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-glass-flowers_1157-783.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Najobľúbenejšie produkty"
|
||||
description="To najlepšie z Talianska, priamo z našej vitríny k vám domov."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "prod-1",
|
||||
name: "Mozzarella di Bufala",
|
||||
price: "4,90 €",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-tapa-s-day-celebration-with-snacks_23-2149368934.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "Salame Milano",
|
||||
price: "7,90 €",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charcuterie-meat-products_53876-146578.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "prod-3",
|
||||
name: "Pesto Genovese",
|
||||
price: "5,50 €",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135049.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "prod-4",
|
||||
name: "Parmigiano Reggiano",
|
||||
price: "9,90 €",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-glass-flowers_1157-783.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Kvalita v číslach"
|
||||
tag="Štandard"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Výrobkov v ponuke",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "Regionálnych partnerov",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
description: "Rokov na trhu",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Fiorino",
|
||||
items: [
|
||||
{
|
||||
label: "Sortiment",
|
||||
href: "/produkty",
|
||||
},
|
||||
{
|
||||
label: "O nás",
|
||||
href: "/o-nas",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "/kontakt",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Služby",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/kontakt",
|
||||
},
|
||||
{
|
||||
label: "Podmienky",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ochrana súkromia",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Domov", id: "/" },
|
||||
{ name: "Sortiment", id: "/produkty" },
|
||||
{ name: "Príbeh", id: "/o-nas" },
|
||||
{ name: "Kontakt", id: "/kontakt" },
|
||||
]}
|
||||
brandName="Fiorino"
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{ id: "p1", name: "Burrata Italiana", price: "12,99 €", imageSrc: "http://img.b2bpic.net/free-photo/world-tapa-s-day-celebration-with-snacks_23-2149368934.jpg" },
|
||||
{ id: "p2", name: "Prosciutto di Parma", price: "8,50 €", imageSrc: "http://img.b2bpic.net/free-photo/closeup-charcuterie-meat-products_53876-146578.jpg" },
|
||||
{ id: "p3", name: "Caffè Fiorino Espresso", price: "6,90 €", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135049.jpg" },
|
||||
{ id: "p4", name: "Prosecco Extra Dry", price: "15,50 €", imageSrc: "http://img.b2bpic.net/free-photo/table-with-glass-flowers_1157-783.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{ id: "prod-1", name: "Mozzarella di Bufala", price: "4,90 €", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/world-tapa-s-day-celebration-with-snacks_23-2149368934.jpg" },
|
||||
{ id: "prod-2", name: "Salame Milano", price: "7,90 €", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/closeup-charcuterie-meat-products_53876-146578.jpg" },
|
||||
{ id: "prod-3", name: "Pesto Genovese", price: "5,50 €", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135049.jpg" },
|
||||
{ id: "prod-4", name: "Parmigiano Reggiano", price: "9,90 €", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/table-with-glass-flowers_1157-783.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Kvalita v číslach"
|
||||
tag="Štandard"
|
||||
metrics={[
|
||||
{ id: "m1", value: "100+", description: "Výrobkov v ponuke" },
|
||||
{ id: "m2", value: "15+", description: "Regionálnych partnerov" },
|
||||
{ id: "m3", value: "5", description: "Rokov na trhu" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Fiorino", items: [{ label: "Sortiment", href: "/produkty" }, { label: "O nás", href: "/o-nas" }, { label: "Kontakt", href: "/kontakt" }] },
|
||||
{ title: "Služby", items: [{ label: "FAQ", href: "/kontakt" }, { label: "Podmienky", href: "#" }, { label: "Ochrana súkromia", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Fiorino Bratislava"
|
||||
bottomRightText="Bottova 4, Bratislava"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user