Merge version_1 into main #2
351
src/app/page.tsx
351
src/app/page.tsx
@@ -25,257 +25,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Storia",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Prenota",
|
||||
id: "reservations",
|
||||
},
|
||||
]}
|
||||
brandName="Margot"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Storia", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Prenota", id: "reservations" },
|
||||
]}
|
||||
brandName="Margot"
|
||||
button={{ text: "Prenota Ora", href: "#reservations" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Dove il Mare incontra Roma"
|
||||
description="Regional seafood · Boutique wines · Prati, Roma"
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota un Tavolo",
|
||||
href: "#reservations",
|
||||
},
|
||||
{
|
||||
text: "Scopri il Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg?_wi=1"
|
||||
imageAlt="Margot Restaurant Atmosphere"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-roulets-with-vegetables-table_140725-4553.jpg",
|
||||
alt: "Gourmet dish",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg",
|
||||
alt: "Wine",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-psd/beautiful-white-bowl-holds-delicious-shrimp-scampi-pasta-dish-with-spaghetti-noodles-fresh-parsley-vibrant-slice-lemon-isolated-black-background_84443-59757.jpg",
|
||||
alt: "Seafood pasta",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg",
|
||||
alt: "Dining table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
alt: "Owners",
|
||||
},
|
||||
]}
|
||||
avatarText="Oltre 500 clienti soddisfatti a Prati"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Pesce Fresco Giornaliero",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Vini Boutique",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atmosfera Intima",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cucina Mediterranea",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradizione Romana",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Dove il Mare incontra Roma"
|
||||
description="Regional seafood · Boutique wines · Prati, Roma"
|
||||
buttons={[
|
||||
{ text: "Prenota un Tavolo", href: "#reservations" },
|
||||
{ text: "Scopri il Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg"
|
||||
imageAlt="Margot Restaurant Atmosphere"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/chicken-roulets-with-vegetables-table_140725-4553.jpg", alt: "Gourmet dish" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg", alt: "Wine" },
|
||||
{ src: "http://img.b2bpic.net/free-psd/beautiful-white-bowl-holds-delicious-shrimp-scampi-pasta-dish-with-spaghetti-noodles-fresh-parsley-vibrant-slice-lemon-isolated-black-background_84443-59757.jpg", alt: "Seafood pasta" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg", alt: "Dining table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Owners" },
|
||||
]}
|
||||
avatarText="Oltre 500 clienti soddisfatti a Prati"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Pesce Fresco Giornaliero" },
|
||||
{ type: "text", text: "Vini Boutique" },
|
||||
{ type: "text", text: "Atmosfera Intima" },
|
||||
{ type: "text", text: "Cucina Mediterranea" },
|
||||
{ type: "text", text: "Tradizione Romana" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Non un semplice ristorante — una certezza"
|
||||
description="Benvenuti da Margot, dove Daniela e Gabriele vi accolgono in un ambiente intimo e familiare nel cuore di Prati. Esploriamo le tradizioni del mare, unite a una curata selezione di vini boutique."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"
|
||||
imageAlt="Host Story"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Non un semplice ristorante — una certezza"
|
||||
description="Benvenuti da Margot, dove Daniela e Gabriele vi accolgono in un ambiente intimo e familiare nel cuore di Prati. Esploriamo le tradizioni del mare, unite a una curata selezione di vini boutique."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"
|
||||
imageAlt="Host Story"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Antipasti di Mare",
|
||||
description: "Crudi freschi, tartare di gambero rosso e polpo croccante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-roulets-with-vegetables-table_140725-4553.jpg",
|
||||
imageAlt: "Antipasti",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Primi & Secondi",
|
||||
description: "Spaghetti alle vongole veraci, pescato del giorno al sale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/beautiful-white-bowl-holds-delicious-shrimp-scampi-pasta-dish-with-spaghetti-noodles-fresh-parsley-vibrant-slice-lemon-isolated-black-background_84443-59757.jpg",
|
||||
imageAlt: "Secondi",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Vini Boutique",
|
||||
description: "Etichette selezionate da piccoli produttori italiani.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg",
|
||||
imageAlt: "Wine",
|
||||
},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Una selezione curata dei nostri piatti regionali più amati."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Antipasti di Mare", description: "Crudi freschi, tartare di gambero rosso e polpo croccante.", imageSrc: "http://img.b2bpic.net/free-photo/chicken-roulets-with-vegetables-table_140725-4553.jpg", imageAlt: "Antipasti" },
|
||||
{ id: 2, title: "Primi & Secondi", description: "Spaghetti alle vongole veraci, pescato del giorno al sale.", imageSrc: "http://img.b2bpic.net/free-psd/beautiful-white-bowl-holds-delicious-shrimp-scampi-pasta-dish-with-spaghetti-noodles-fresh-parsley-vibrant-slice-lemon-isolated-black-background_84443-59757.jpg", imageAlt: "Secondi" },
|
||||
{ id: 3, title: "Vini Boutique", description: "Etichette selezionate da piccoli produttori italiani.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-fresh-chocolate-dessert-cup-beverage-restaurant_23-2148001613.jpg", imageAlt: "Wine" },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Una selezione curata dei nostri piatti regionali più amati."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="L'Eccellenza in Numeri"
|
||||
description="Ogni dettaglio è curato per offrirvi un'esperienza indimenticabile."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Anni di Tradizione",
|
||||
items: [
|
||||
"Ricerca continua",
|
||||
"Passione per il mare",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50",
|
||||
title: "Etichette in Cantina",
|
||||
items: [
|
||||
"Cantine boutique",
|
||||
"Selezione nazionale",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Pescato Locale",
|
||||
items: [
|
||||
"Qualità garantita",
|
||||
"Filiera corta",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="L'Eccellenza in Numeri"
|
||||
description="Ogni dettaglio è curato per offrirvi un'esperienza indimenticabile."
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Anni di Tradizione", items: ["Ricerca continua", "Passione per il mare"] },
|
||||
{ id: "m2", value: "50", title: "Etichette in Cantina", items: ["Cantine boutique", "Selezione nazionale"] },
|
||||
{ id: "m3", value: "100%", title: "Pescato Locale", items: ["Qualità garantita", "Filiera corta"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservations" data-section="reservations">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Prenota un Tavolo"
|
||||
description="Dinner reservations recommended. Chiama il 06 6819 3221."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome e Cognome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Data",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "time",
|
||||
type: "time",
|
||||
placeholder: "Ora",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Numero Ospiti",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Note per la cucina o occasioni speciali",
|
||||
rows: 3,
|
||||
}}
|
||||
buttonText="Invia Richiesta"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg?_wi=2"
|
||||
imageAlt="Prenota un tavolo da Margot"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reservations" data-section="reservations">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Prenota un Tavolo"
|
||||
description="Dinner reservations recommended. Chiama il 06 6819 3221."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nome e Cognome", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Data", required: true },
|
||||
{ name: "time", type: "time", placeholder: "Ora", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Numero Ospiti", required: true },
|
||||
]}
|
||||
textarea={{ name: "notes", placeholder: "Note per la cucina o occasioni speciali", rows: 3 }}
|
||||
buttonText="Invia Richiesta"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg"
|
||||
imageAlt="Prenota un tavolo da Margot"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Margot"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigazione",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Prenota",
|
||||
href: "#reservations",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Via Crescenzio 39, Roma",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "06 6819 3221",
|
||||
href: "tel:0668193221",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Margot Ristorante Prati"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Margot"
|
||||
columns={[
|
||||
{ title: "Navigazione", items: [{ label: "Menu", href: "#menu" }, { label: "Prenota", href: "#reservations" }] },
|
||||
{ title: "Info", items: [{ label: "Via Crescenzio 39, Roma", href: "#" }, { label: "06 6819 3221", href: "tel:0668193221" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Margot Ristorante Prati"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user