Merge version_1 into main #1
436
src/app/page.tsx
436
src/app/page.tsx
@@ -29,323 +29,143 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Prodotti",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Negozi",
|
||||
id: "locations",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Dolce Forno"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Chi Siamo", id: "about" },
|
||||
{ name: "Prodotti", id: "products" },
|
||||
{ name: "Negozi", id: "locations" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="Dolce Forno"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Dolce Forno: Tradizione e Passione"
|
||||
description="Scopri l'autentico gusto del pane artigianale, pizza croccante e pasticceria fresca in tutti i nostri punti vendita in Lombardia."
|
||||
tag="Dal 1990"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2147788583.jpg",
|
||||
imageAlt: "Bakery interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-strawberry-pie-with-cup-tea-pink_140725-78423.jpg",
|
||||
imageAlt: "Fresh bread selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-delicious-christmas-cookie-muffins-plate-with-honey-milk_181624-29183.jpg",
|
||||
imageAlt: "Delicious Christmas cookie muffins",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-croissant-with-coffee_23-2148337183.jpg",
|
||||
imageAlt: "Front view croissant with coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doughnuts-stone-board-with-curd_114579-17534.jpg",
|
||||
imageAlt: "Doughnuts on a stone board",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Valutato 5 stelle dai nostri clienti"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Dolce Forno: Tradizione e Passione"
|
||||
description="Scopri l'autentico gusto del pane artigianale, pizza croccante e pasticceria fresca in tutti i nostri punti vendita in Lombardia."
|
||||
tag="Dal 1990"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2147788583.jpg", imageAlt: "Bakery interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-strawberry-pie-with-cup-tea-pink_140725-78423.jpg", imageAlt: "Fresh bread selection" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Valutato 5 stelle dai nostri clienti"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="La Nostra Storia tra Sapori e Passione"
|
||||
tag="Chi Siamo"
|
||||
tagIcon={History}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="La Nostra Storia tra Sapori e Passione"
|
||||
tag="Chi Siamo"
|
||||
tagIcon={History}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pizza Margherita",
|
||||
price: "€5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106695.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cornetto Artigianale",
|
||||
price: "€1.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-baked-hotcakes-with-glass-milk_140725-104924.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pane Sourdough",
|
||||
price: "€4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-freshly-buns-heart-shaped-basket-close-up-photo-freshly-baked-bread-products_613910-19069.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Focaccia al Rosmarino",
|
||||
price: "€3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-catering_1203-2655.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Panettone Classico",
|
||||
price: "€18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blooming-twig-near-buns_23-2147798987.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ciabatta Integrale",
|
||||
price: "€2.80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candied-fruits-buns-near-knife-thread_23-2147851918.jpg",
|
||||
},
|
||||
]}
|
||||
title="Le Nostre Specialità"
|
||||
description="Pane fresco ogni giorno, pizze gourmet e pasticceria artigianale di qualità."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Pizza Margherita", price: "€5.50", imageSrc: "http://img.b2bpic.net/free-photo/baking-pizza-wood-fired-oven_52683-106695.jpg" },
|
||||
{ id: "p2", name: "Cornetto Artigianale", price: "€1.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-baked-hotcakes-with-glass-milk_140725-104924.jpg" },
|
||||
{ id: "p3", name: "Pane Sourdough", price: "€4.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-freshly-buns-heart-shaped-basket-close-up-photo-freshly-baked-bread-products_613910-19069.jpg" },
|
||||
{ id: "p4", name: "Focaccia al Rosmarino", price: "€3.50", imageSrc: "http://img.b2bpic.net/free-photo/dessert-catering_1203-2655.jpg" },
|
||||
{ id: "p5", name: "Panettone Classico", price: "€18.00", imageSrc: "http://img.b2bpic.net/free-photo/blooming-twig-near-buns_23-2147798987.jpg" },
|
||||
{ id: "p6", name: "Ciabatta Integrale", price: "€2.80", imageSrc: "http://img.b2bpic.net/free-photo/candied-fruits-buns-near-knife-thread_23-2147851918.jpg" }
|
||||
]}
|
||||
title="Le Nostre Specialità"
|
||||
description="Pane fresco ogni giorno, pizze gourmet e pasticceria artigianale di qualità."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="locations" data-section="locations">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Panificio, Via D'Annunzio 15, Monza",
|
||||
"Agrate, Via G. Ferrari 84, Agrate Brianza",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Dolce Forno, Via della Repubblica 5, Cologno Monzese (MI)",
|
||||
"Pizzeria, Piazza Sorge Mento 15, Cernusco",
|
||||
"Panifico Pizzeria Bar, Via Artigiani 140, Cinisello Balsamo",
|
||||
],
|
||||
}}
|
||||
title="Dove Trovarci"
|
||||
description="Venite a trovarci nei nostri numerosi punti vendita dislocati in tutta la Lombardia."
|
||||
/>
|
||||
</div>
|
||||
<div id="locations" data-section="locations">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Panificio, Via D'Annunzio 15, Monza", "Agrate, Via G. Ferrari 84, Agrate Brianza"] }}
|
||||
positiveCard={{ items: ["Dolce Forno, Via della Repubblica 5, Cologno Monzese (MI)", "Pizzeria, Piazza Sorge Mento 15, Cernusco", "Panifico Pizzeria Bar, Via Artigiani 140, Cinisello Balsamo"] }}
|
||||
title="Dove Trovarci"
|
||||
description="Venite a trovarci nei nostri numerosi punti vendita dislocati in tutta la Lombardia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Negozi Attivi",
|
||||
value: "5",
|
||||
icon: Building2,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Clienti Felici",
|
||||
value: "10k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Anni di Tradizione",
|
||||
value: "30+",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="I Nostri Numeri"
|
||||
description="La qualità certificata dal successo quotidiano."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Negozi Attivi", value: "5", icon: Building2 },
|
||||
{ id: "m2", title: "Clienti Felici", value: "10k+", icon: Users },
|
||||
{ id: "m3", title: "Anni di Tradizione", value: "30+", icon: Award }
|
||||
]}
|
||||
title="I Nostri Numeri"
|
||||
description="La qualità certificata dal successo quotidiano."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Giulia Rossi",
|
||||
handle: "@giuliarossi",
|
||||
testimonial: "Il miglior pane di Cologno! Fresco ogni mattina.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee_1303-30736.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco Bianchi",
|
||||
handle: "@marcobianchi",
|
||||
testimonial: "Pizza eccellente a Cernusco, il personale è gentilissimo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Verdi",
|
||||
handle: "@elenav",
|
||||
testimonial: "Le brioche sono deliziose, colazione top.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-grey-eating-cookies_23-2147970473.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luca Gialli",
|
||||
handle: "@lucagialli",
|
||||
testimonial: "Servizio impeccabile e qualità artigianale a Monza.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112170.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Blu",
|
||||
handle: "@sofiablu",
|
||||
testimonial: "Ottima varietà di prodotti da forno ad Agrate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-travel-lviv-view-from-tower_1321-4662.jpg",
|
||||
},
|
||||
]}
|
||||
title="Dicono di Noi"
|
||||
description="La soddisfazione dei nostri clienti è la nostra ricompensa più grande."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Giulia Rossi", handle: "@giuliarossi", testimonial: "Il miglior pane di Cologno! Fresco ogni mattina.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-cafe-drinking-coffee_1303-30736.jpg" },
|
||||
{ id: "t2", name: "Marco Bianchi", handle: "@marcobianchi", testimonial: "Pizza eccellente a Cernusco, il personale è gentilissimo.", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
|
||||
{ id: "t3", name: "Elena Verdi", handle: "@elenav", testimonial: "Le brioche sono deliziose, colazione top.", imageSrc: "http://img.b2bpic.net/free-photo/woman-grey-eating-cookies_23-2147970473.jpg" },
|
||||
{ id: "t4", name: "Luca Gialli", handle: "@lucagialli", testimonial: "Servizio impeccabile e qualità artigianale a Monza.", imageSrc: "http://img.b2bpic.net/free-photo/roommates-sharing-meal-together_23-2149112170.jpg" },
|
||||
{ id: "t5", name: "Sofia Blu", handle: "@sofiablu", testimonial: "Ottima varietà di prodotti da forno ad Agrate.", imageSrc: "http://img.b2bpic.net/free-photo/woman-travel-lviv-view-from-tower_1321-4662.jpg" }
|
||||
]}
|
||||
title="Dicono di Noi"
|
||||
description="La soddisfazione dei nostri clienti è la nostra ricompensa più grande."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Effettuate servizio a domicilio?",
|
||||
content: "Sì, in alcune zone tramite le app di consegna.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Avete prodotti senza glutine?",
|
||||
content: "Offriamo diverse opzioni, chiedi al personale nel negozio.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Come posso richiedere un catering?",
|
||||
content: "Puoi contattarci tramite la pagina contatti o direttamente in negozio.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Domande Frequenti"
|
||||
faqsAnimation="slide-up"
|
||||
sideDescription="Tutto quello che c'è da sapere sui nostri prodotti artigianali."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Effettuate servizio a domicilio?", content: "Sì, in alcune zone tramite le app di consegna." },
|
||||
{ id: "q2", title: "Avete prodotti senza glutine?", content: "Offriamo diverse opzioni, chiedi al personale nel negozio." },
|
||||
{ id: "q3", title: "Come posso richiedere un catering?", content: "Puoi contattarci tramite la pagina contatti o direttamente in negozio." }
|
||||
]}
|
||||
sideTitle="Domande Frequenti"
|
||||
faqsAnimation="slide-up"
|
||||
sideDescription="Tutto quello che c'è da sapere sui nostri prodotti artigianali."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contattaci"
|
||||
title="Vieni a Trovarci"
|
||||
description="Hai domande o vuoi prenotare un ordine? Siamo a tua disposizione."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contatta ora",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contattaci"
|
||||
title="Vieni a Trovarci"
|
||||
description="Hai domande o vuoi prenotare un ordine? Siamo a tua disposizione."
|
||||
buttons={[{ text: "Contatta ora", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Punti Vendita",
|
||||
items: [
|
||||
{
|
||||
label: "Cologno Monzese",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cernusco",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Cinisello",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Monza",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Agrate",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informazioni",
|
||||
items: [
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Prodotti",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Dolce Forno."
|
||||
bottomRightText="P.IVA 1234567890"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Punti Vendita", items: [{ label: "Cologno Monzese", href: "#" }, { label: "Cernusco", href: "#" }, { label: "Cinisello", href: "#" }, { label: "Monza", href: "#" }, { label: "Agrate", href: "#" }] },
|
||||
{ title: "Informazioni", items: [{ label: "Chi Siamo", href: "#" }, { label: "Prodotti", href: "#" }, { label: "Contatti", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Dolce Forno."
|
||||
bottomRightText="P.IVA 1234567890"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user