Merge version_1 into main #2
318
src/app/page.tsx
318
src/app/page.tsx
@@ -18,221 +18,127 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Anima",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menù",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Cantina",
|
||||
id: "cantina",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="La Bottega del Risorgimento"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Anima", id: "about" },
|
||||
{ name: "Menù", id: "products" },
|
||||
{ name: "Cantina", id: "cantina" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="La Bottega del Risorgimento"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="La Bottega del Risorgimento"
|
||||
description="Dove la tradizione incontra il gusto, e ogni cliente diventa di casa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota un Tavolo",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Scopri il Menù",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-prosecco-with-bottle-around_114579-2141.jpg?_wi=1"
|
||||
imageAlt="La nostra bottega"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="La Bottega del Risorgimento"
|
||||
description="Dove la tradizione incontra il gusto, e ogni cliente diventa di casa."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[
|
||||
{ text: "Prenota un Tavolo", href: "#contact" },
|
||||
{ text: "Scopri il Menù", href: "#products" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-prosecco-with-bottle-around_114579-2141.jpg"
|
||||
imageAlt="La nostra bottega"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="La Nostra Anima"
|
||||
title="Piccolo, curato, accogliente. Come una volta."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri la nostra storia",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="La Nostra Anima"
|
||||
title="Piccolo, curato, accogliente. Come una volta."
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Scopri la nostra storia" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Stinco di Maiale",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-delicious-meat-fork_23-2148325603.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Primi della Tradizione",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classical-tomato-pasta-with-olives_140725-1258.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taglieri di Salumi",
|
||||
price: "16€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12831.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Piatti Iconici"
|
||||
description="Sapori autentici, ricette di famiglia e ingredienti freschi scelti ogni giorno."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Piatti Iconici"
|
||||
description="Sapori autentici, ricette di famiglia e ingredienti freschi scelti ogni giorno."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Stinco di Maiale", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-delicious-meat-fork_23-2148325603.jpg" },
|
||||
{ id: "2", name: "Primi della Tradizione", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/classical-tomato-pasta-with-olives_140725-1258.jpg" },
|
||||
{ id: "3", name: "Taglieri di Salumi", price: "16€", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12831.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cantina" data-section="cantina">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "c1",
|
||||
title: "Vini al Bicchiere",
|
||||
tags: [
|
||||
"Degustazione",
|
||||
"Qualità",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-prosecco-with-bottle-around_114579-2141.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
title: "Ricerca Nazionale",
|
||||
tags: [
|
||||
"Locali",
|
||||
"Nazionali",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-prosecco-with-bottle-around_114579-2141.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
title: "Aperitivi d'Autore",
|
||||
tags: [
|
||||
"Spritz",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12831.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="La Nostra Cantina"
|
||||
description="Una scelta di vini ampia, ragionata e sorprendente."
|
||||
/>
|
||||
</div>
|
||||
<div id="cantina" data-section="cantina">
|
||||
<FeatureCardTwentyThree
|
||||
title="La Nostra Cantina"
|
||||
description="Una scelta di vini ampia, ragionata e sorprendente."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "c1", title: "Vini al Bicchiere", tags: ["Degustazione", "Qualità"], imageSrc: "http://img.b2bpic.net/free-photo/glass-prosecco-with-bottle-around_114579-2141.jpg" },
|
||||
{ id: "c2", title: "Ricerca Nazionale", tags: ["Locali", "Nazionali"], imageSrc: "http://img.b2bpic.net/free-photo/glass-prosecco-with-bottle-around_114579-2141.jpg" },
|
||||
{ id: "c3", title: "Aperitivi d'Autore", tags: ["Spritz", "Premium"], imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12831.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Un posto del cuore. Spritz fatto bene, taglieri pazzeschi e cordialità di casa."
|
||||
rating={5}
|
||||
author="Ben Sala"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25258.jpg",
|
||||
alt: "Ben Sala",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Un posto del cuore. Spritz fatto bene, taglieri pazzeschi e cordialità di casa."
|
||||
rating={5}
|
||||
author="Ben Sala"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25258.jpg", alt: "Ben Sala" }]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Orari di Apertura",
|
||||
content: "Siamo aperti dal Martedì alla Domenica, dalle 12:00 alle 23:00.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Parcheggio",
|
||||
content: "Non è semplicissimo, ma ci sono aree parcheggio nelle vie limitrofe.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Prenota il tuo tavolo"
|
||||
ctaDescription="Ti aspettiamo per un'esperienza indimenticabile."
|
||||
ctaButton={{
|
||||
text: "Prenota ora",
|
||||
}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
faqs={[
|
||||
{ id: "f1", title: "Orari di Apertura", content: "Siamo aperti dal Martedì alla Domenica, dalle 12:00 alle 23:00." },
|
||||
{ id: "f2", title: "Parcheggio", content: "Non è semplicissimo, ma ci sono aree parcheggio nelle vie limitrofe." },
|
||||
]}
|
||||
ctaTitle="Prenota il tuo tavolo"
|
||||
ctaDescription="Ti aspettiamo per un'esperienza indimenticabile."
|
||||
ctaButton={{ text: "Prenota ora" }}
|
||||
ctaIcon={Calendar}
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Bottega",
|
||||
items: [
|
||||
{
|
||||
label: "La Nostra Storia",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menù",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contatti",
|
||||
items: [
|
||||
{
|
||||
label: "Prenotazioni",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 La Bottega del Risorgimento"
|
||||
bottomRightText="La tradizione non passa mai di moda."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Bottega", items: [{ label: "La Nostra Storia", href: "#about" }, { label: "Menù", href: "#products" }],
|
||||
},
|
||||
{
|
||||
title: "Contatti", items: [{ label: "Prenotazioni", href: "#contact" }, { label: "Instagram", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 La Bottega del Risorgimento"
|
||||
bottomRightText="La tradizione non passa mai di moda."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user