Merge version_1 into main #1
401
src/app/page.tsx
401
src/app/page.tsx
@@ -29,293 +29,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Al Ciclamino"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Chi Siamo", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contatti", id: "#contact" },
|
||||
]}
|
||||
brandName="Al Ciclamino"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Al Ciclamino"
|
||||
description="Tradizione, sapori autentici e un'accoglienza calorosa nel cuore della nostra terra. Scopri i piatti della nostra trattoria."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota Tavolo",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-chairs-antique-store_23-2149640752.jpg"
|
||||
imageAlt="Atmosfera ristorante Al Ciclamino"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Al Ciclamino"
|
||||
description="Tradizione, sapori autentici e un'accoglienza calorosa nel cuore della nostra terra. Scopri i piatti della nostra trattoria."
|
||||
buttons={[{ text: "Prenota Tavolo", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vintage-chairs-antique-store_23-2149640752.jpg"
|
||||
imageAlt="Atmosfera ristorante Al Ciclamino"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="La nostra storia"
|
||||
description="Nato dalla passione per la cucina semplice ma curata, Al Ciclamino è il rifugio ideale per chi cerca i sapori di una volta. Ogni piatto racconta la nostra storia."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Tradizione",
|
||||
description: "Ricette autentiche tramandate di generazione in generazione.",
|
||||
},
|
||||
{
|
||||
title: "Ingredienti",
|
||||
description: "Materie prime locali a km zero per ogni nostro piatto.",
|
||||
},
|
||||
{
|
||||
title: "Accoglienza",
|
||||
description: "Un ambiente familiare per sentirsi come a casa propria.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/meat-master-with-steak-salt_140725-9579.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="La nostra storia"
|
||||
description="Nato dalla passione per la cucina semplice ma curata, Al Ciclamino è il rifugio ideale per chi cerca i sapori di una volta. Ogni piatto racconta la nostra storia."
|
||||
bulletPoints={[
|
||||
{ title: "Tradizione", description: "Ricette autentiche tramandate di generazione in generazione." },
|
||||
{ title: "Ingredienti", description: "Materie prime locali a km zero per ogni nostro piatto." },
|
||||
{ title: "Accoglienza", description: "Un ambiente familiare per sentirsi come a casa propria." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/meat-master-with-steak-salt_140725-9579.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ingredienti a km 0",
|
||||
description: "Prodotti freschi dai contadini locali.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Vini selezionati",
|
||||
description: "Cantina ricca di etichette regionali.",
|
||||
icon: Wine,
|
||||
},
|
||||
{
|
||||
title: "Pasta fresca",
|
||||
description: "Lavorata a mano ogni giorno nel nostro laboratorio.",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
title: "Ricette storiche",
|
||||
description: "Sapori autentici del nostro territorio.",
|
||||
icon: FileText,
|
||||
},
|
||||
{
|
||||
title: "Atmosfera calda",
|
||||
description: "Un ambiente accogliente per ogni occasione.",
|
||||
icon: Coffee,
|
||||
},
|
||||
]}
|
||||
title="Cosa offriamo"
|
||||
description="Un'esperienza culinaria che celebra il territorio e la qualità artigianale."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Ingredienti a km 0", description: "Prodotti freschi dai contadini locali.", icon: CheckCircle },
|
||||
{ title: "Vini selezionati", description: "Cantina ricca di etichette regionali.", icon: Wine },
|
||||
{ title: "Pasta fresca", description: "Lavorata a mano ogni giorno nel nostro laboratorio.", icon: Utensils },
|
||||
{ title: "Ricette storiche", description: "Sapori autentici del nostro territorio.", icon: FileText },
|
||||
{ title: "Atmosfera calda", description: "Un ambiente accogliente per ogni occasione.", icon: Coffee },
|
||||
]}
|
||||
title="Cosa offriamo"
|
||||
description="Un'esperienza culinaria che celebra il territorio e la qualità artigianale."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tagliatelle al Ragù",
|
||||
price: "12€",
|
||||
variant: "Primo piatto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tagliatelle-pasta_23-2148305656.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tagliata di Manzo",
|
||||
price: "18€",
|
||||
variant: "Secondo piatto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-4701.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tiramisù della casa",
|
||||
price: "6€",
|
||||
variant: "Dolce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-piece-tiramisu_23-2147772015.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Antipasto Misto",
|
||||
price: "10€",
|
||||
variant: "Antipasto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fancy-food-arrangement_23-2148948967.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Risotto allo Zafferano",
|
||||
price: "14€",
|
||||
variant: "Primo piatto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-delicious-italian-pasta-dish_23-2149460134.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pizza Artigianale",
|
||||
price: "9€",
|
||||
variant: "Piatto unico",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-pizza-concept_23-2148643464.jpg",
|
||||
},
|
||||
]}
|
||||
title="Il nostro menu"
|
||||
description="Dai classici primi alle carni prelibate, una selezione curata per deliziare ogni palato."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Tagliatelle al Ragù", price: "12€", variant: "Primo piatto", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tagliatelle-pasta_23-2148305656.jpg" },
|
||||
{ id: "2", name: "Tagliata di Manzo", price: "18€", variant: "Secondo piatto", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-4701.jpg" },
|
||||
{ id: "3", name: "Tiramisù della casa", price: "6€", variant: "Dolce", imageSrc: "http://img.b2bpic.net/free-photo/close-up-piece-tiramisu_23-2147772015.jpg" },
|
||||
{ id: "4", name: "Antipasto Misto", price: "10€", variant: "Antipasto", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fancy-food-arrangement_23-2148948967.jpg" }
|
||||
]}
|
||||
title="Il nostro menu"
|
||||
description="Dai classici primi alle carni prelibate, una selezione curata per deliziare ogni palato."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco Rossi",
|
||||
role: "Cliente abituale",
|
||||
company: "Locale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Giulia Bianchi",
|
||||
role: "Food blogger",
|
||||
company: "Recensioni",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luca Verdi",
|
||||
role: "Turista",
|
||||
company: "Viaggiatore",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna Neri",
|
||||
role: "Cliente",
|
||||
company: "Locale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-casual-peach-sweater-orange-glasses-isolated-green-olive-wall-with-orange-lollipop-positive-smile-copy-space_343596-5187.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Paolo Gialli",
|
||||
role: "Cliente",
|
||||
company: "Locale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-traveling-without-covid_23-2149077813.jpg",
|
||||
},
|
||||
]}
|
||||
title="Dicono di noi"
|
||||
description="Il calore dei nostri clienti è la nostra ricompensa più grande."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marco Rossi", role: "Cliente abituale", company: "Locale", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
|
||||
{ id: "2", name: "Giulia Bianchi", role: "Food blogger", company: "Recensioni", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg" },
|
||||
{ id: "3", name: "Luca Verdi", role: "Turista", company: "Viaggiatore", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-paintings-walls_140725-6310.jpg" }
|
||||
]}
|
||||
title="Dicono di noi"
|
||||
description="Il calore dei nostri clienti è la nostra ricompensa più grande."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Cantina Viticola",
|
||||
"Azienda Agricola Rossi",
|
||||
"Gastronomia Elite",
|
||||
"Slow Food Italia",
|
||||
"Vini del Borgo",
|
||||
"Artigiani del Gusto",
|
||||
"Consorzio Locale",
|
||||
]}
|
||||
title="I nostri partner"
|
||||
description="Collaboriamo con le migliori aziende del territorio."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Cantina Viticola", "Azienda Agricola Rossi", "Gastronomia Elite", "Slow Food Italia", "Vini del Borgo"]}
|
||||
title="I nostri partner"
|
||||
description="Collaboriamo con le migliori aziende del territorio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Accettate prenotazioni?",
|
||||
content: "Sì, consigliamo di prenotare in anticipo durante il weekend.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Avete opzioni vegetariane?",
|
||||
content: "Certamente, offriamo diversi piatti vegetariani preparati con prodotti freschi.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "È possibile organizzare eventi?",
|
||||
content: "Sì, contattaci per concordare menu personalizzati per cerimonie o cene di lavoro.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sono ammessi animali?",
|
||||
content: "Accogliamo volentieri i vostri amici a quattro zampe nel nostro locale.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Avete parcheggio?",
|
||||
content: "Sì, disponiamo di un ampio parcheggio riservato per i clienti.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Domande Frequenti"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Accettate prenotazioni?", content: "Sì, consigliamo di prenotare in anticipo durante il weekend." },
|
||||
{ id: "2", title: "Avete opzioni vegetariane?", content: "Certamente, offriamo diversi piatti vegetariani preparati con prodotti freschi." },
|
||||
{ id: "3", title: "È possibile organizzare eventi?", content: "Sì, contattaci per concordare menu personalizzati per cerimonie o cene di lavoro." },
|
||||
{ id: "4", title: "Sono ammessi animali?", content: "Accogliamo volentieri i vostri amici a quattro zampe nel nostro locale." },
|
||||
{ id: "5", title: "Avete parcheggio?", content: "Sì, disponiamo di un ampio parcheggio riservato per i clienti." }
|
||||
]}
|
||||
sideTitle="Domande Frequenti"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contatti"
|
||||
title="Prenota il tuo tavolo"
|
||||
description="Contattaci per informazioni o per prenotare una serata speciale presso Al Ciclamino."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-empty-wooden-chairs_1203-4495.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contatti"
|
||||
title="Prenota il tuo tavolo"
|
||||
description="Contattaci per informazioni o per prenotare una serata speciale presso Al Ciclamino."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-interior-empty-wooden-chairs_1203-4495.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Al Ciclamino"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contatti",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Al Ciclamino"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contatti", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user