276 lines
17 KiB
TypeScript
276 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Menu", id: "#menu-highlights"},
|
|
{
|
|
name: "Chi Siamo", id: "#about"},
|
|
{
|
|
name: "Recensioni", id: "#testimonials"},
|
|
{
|
|
name: "Contatti", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/dessert-hobby-gluten-bakery-concept_53876-26215.jpg"
|
|
logoAlt="Logo Osteria del Borgo"
|
|
brandName="Osteria del Borgo"
|
|
button={{
|
|
text: "Prenota un Tavolo", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Osteria del Borgo"
|
|
description="Autentica Cucina Italiana con Ingredienti di Stagione. Scopri i sapori unici della nostra tradizione culinaria in un'atmosfera incantevole a Bracciano."
|
|
buttons={[
|
|
{
|
|
text: "Prenota un Tavolo", href: "#contact"},
|
|
{
|
|
text: "Vedi il Menu", href: "#full-menu"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/seafood-side-dishes-with-platter-shrimp-squids-fish_140725-2576.jpg?_wi=1", imageAlt: "Piatto gourmet italiano"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carbonara-pasta_181624-696.jpg?_wi=1", imageAlt: "Linguine all'astice"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409235.jpg?_wi=1", imageAlt: "Grigliata mista di pesce"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pomegranate-arils-lettuce-leaves-with-onion-ring-chicken-breast-wooden-tray_114579-86429.jpg?_wi=1", imageAlt: "Tagliata di tonno"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-oysters-ready-eat-still-life_23-2150202946.jpg", imageAlt: "Ostriche e frutti di mare"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cooking-italian-homemade-potato-gnocchi-with-ingredients_23-2148091031.jpg", imageAlt: "Flan di zucca"},
|
|
]}
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="La Nostra Storia e Tradizione"
|
|
description="L'Osteria del Borgo nasce dalla passione per la vera cucina italiana. Ogni piatto è un viaggio attraverso sapori autentici, preparato con ingredienti freschi e di stagione, provenienti da fornitori locali selezionati. La nostra missione è offrire un'esperienza culinaria memorabile, dove tradizione e innovazione si fondono armoniosamente."
|
|
metrics={[
|
|
{
|
|
value: "15+", title: "Anni di Eccellenza"},
|
|
{
|
|
value: "740+", title: "Recensioni Positive"},
|
|
{
|
|
value: "20+", title: "Specialità del Giorno"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-table-arrangement-by-wedding-planner_23-2150167204.jpg"
|
|
imageAlt="Interno accogliente dell'Osteria del Borgo"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-highlights" data-section="menu-highlights">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Antipasti di Mare", description: "Freschezza e sapore si incontrano nei nostri antipasti di mare, un'esplosione di gusto che apre le danze.", imageSrc: "http://img.b2bpic.net/free-photo/creamy-seafood-soup-with-mussels-shrimp-small-octopus_140725-1326.jpg", imageAlt: "Antipasto Misto Mare"},
|
|
{
|
|
title: "Primi Piatti di Terra", description: "La ricchezza della terra in primi piatti robusti e avvolgenti, un omaggio alla tradizione romana e non solo.", imageSrc: "http://img.b2bpic.net/free-photo/stir-fry-macaroni-top-pork-roughly-white-plate_1150-22194.jpg", imageAlt: "Paccheri con Pomodorini e Lardo"},
|
|
{
|
|
title: "Secondi Piatti di Mare", description: "Il pescato del giorno trasformato in capolavori culinari, grigliate e cotture delicate per esaltare ogni aroma.", imageSrc: "http://img.b2bpic.net/free-photo/salmon-meat-fillet-steak_74190-743.jpg", imageAlt: "Filetto di Rombo Dorato"},
|
|
{
|
|
title: "Dolci Artigianali", description: "Concludi in dolcezza con le nostre creazioni fatte in casa, classici rivisitati e deliziose novità.", imageSrc: "http://img.b2bpic.net/free-photo/milk-dessert-table_140725-4088.jpg", imageAlt: "Sbriciolata con Crema Mascarpone e Frutti di Bosco"},
|
|
]}
|
|
title="Le Nostre Specialità Culinari"
|
|
description="Un assaggio delle nostre creazioni più amate, preparate con maestria e passione per deliziare ogni palato."
|
|
/>
|
|
</div>
|
|
|
|
<div id="full-menu" data-section="full-menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "pr1", brand: "Antipasti Mare", name: "Antipasto Misto Mare 4 Portate", price: "€28.00", rating: 5,
|
|
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-with-smoked-salmon-cream-cheese-dill_114579-11404.jpg", imageAlt: "Antipasto Misto Mare"},
|
|
{
|
|
id: "pr2", brand: "Antipasti Terra", name: "Flan Di Zucca Con Taleggio Fondente", price: "€16.00", rating: 5,
|
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cake-with-yellow-syrup-fresh-red-strawberries-light-blue-surface_140725-61579.jpg", imageAlt: "Flan di Zucca"},
|
|
{
|
|
id: "pr3", brand: "Primi Mare", name: "Linguine All'astice", price: "€32.00", rating: 5,
|
|
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/top-mussel-soup-with-tomato-herbs-white-bowl_140725-12656.jpg", imageAlt: "Linguine all'Astice"},
|
|
{
|
|
id: "pr4", brand: "Primi Terra", name: "Tagliatelle Al Tartufo", price: "€24.00", rating: 5,
|
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/freshly-cooked-spicy-tagliatelle-marble_114579-65216.jpg", imageAlt: "Tagliatelle al Tartufo"},
|
|
{
|
|
id: "pr5", brand: "Secondi Mare", name: "Filetto Di Rombo Dorato", price: "€30.00", rating: 5,
|
|
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-served-with-lettuce-sauce-1_140725-8564.jpg", imageAlt: "Filetto di Rombo"},
|
|
{
|
|
id: "pr6", brand: "Secondi Terra", name: "Filetto Di Manzo In Crosta Di Pistacchi", price: "€28.00", rating: 5,
|
|
reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fried-cutlets-with-cooked-rice-dark-desk-dish-meal-photo-meat_140725-82671.jpg", imageAlt: "Filetto di Manzo"},
|
|
]}
|
|
title="Esplora il Nostro Menu Completo"
|
|
description="Un'ampia selezione di piatti che celebrano la ricchezza della cucina italiana, dal mare alla terra, con opzioni per ogni gusto."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Alessandra F.", date: "3 mesi fa", title: "Un'armonia di sapori in ogni piatto!", quote: "Osteria del Borgo è un ristorante dove i molteplici elementi di ogni piatto si fondono in un insieme armonioso, senza prevaricazioni né eccessi. Un'esperienza culinaria superba!", tag: "Cucina eccellente", avatarSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg", avatarAlt: "Foto di Alessandra F.", imageSrc: "http://img.b2bpic.net/free-photo/dessert-hobby-gluten-bakery-concept_53876-26215.jpg", imageAlt: "donna felice ristorante"},
|
|
{
|
|
id: "t2", name: "Alessandro A.", date: "6 mesi fa", title: "Ambiente accogliente e servizio impeccabile!", quote: "Ristorante molto accogliente e ben arredato. Camerieri gentili e veloci, sempre pronti a soddisfare ogni richiesta. Ci torneremo!", tag: "Servizio top", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-using-smartphone-cafe_1170-720.jpg", avatarAlt: "Foto di Alessandro A.", imageSrc: "http://img.b2bpic.net/free-photo/seafood-side-dishes-with-platter-shrimp-squids-fish_140725-2576.jpg?_wi=2", imageAlt: "donna felice ristorante"},
|
|
{
|
|
id: "t3", name: "Giulia Rossi", date: "1 mese fa", title: "Piatti indimenticabili e atmosfera magica.", quote: "Ogni volta che torniamo all'Osteria del Borgo è una conferma. I piatti sono sempre una delizia e l'atmosfera rende la serata speciale.", tag: "Esperienza unica", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-3781.jpg", avatarAlt: "Foto di Giulia Rossi", imageSrc: "http://img.b2bpic.net/free-photo/carbonara-pasta_181624-696.jpg?_wi=2", imageAlt: "donna felice ristorante"},
|
|
{
|
|
id: "t4", name: "Marco Bianchi", date: "2 settimane fa", title: "Il miglior ristorante di pesce a Bracciano!", quote: "Non c'è paragone, il pesce qui è freschissimo e cucinato alla perfezione. La grigliata mista è un must. Assolutamente consigliato.", tag: "Pesce freschissimo", avatarSrc: "http://img.b2bpic.net/free-photo/cook-looking-camera-making-delicious-gesture-standing-pink-wall_141793-32262.jpg", avatarAlt: "Foto di Marco Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409235.jpg?_wi=2", imageAlt: "donna felice ristorante"},
|
|
{
|
|
id: "t5", name: "Laura Verdi", date: "4 mesi fa", title: "Un vero gioiello della cucina laziale.", quote: "Ho assaggiato la terrina di coniglio e pistacchi, una vera rivelazione! Ingredienti di qualità e abbinamenti originali. Complimenti allo chef.", tag: "Sapori autentici", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-blue-big-eyes-light-make-up-posing-with-pleasure-celebration-outside-portrait-glad-young-lady-with-shiny-blonde-hair-drinking-champagne-street_197531-4294.jpg", avatarAlt: "Foto di Laura Verdi", imageSrc: "http://img.b2bpic.net/free-photo/pomegranate-arils-lettuce-leaves-with-onion-ring-chicken-breast-wooden-tray_114579-86429.jpg?_wi=2", imageAlt: "donna felice ristorante"},
|
|
]}
|
|
title="Dicono di Noi"
|
|
description="L'esperienza dei nostri clienti è la nostra migliore referenza. Scopri cosa pensano coloro che hanno già visitato l'Osteria del Borgo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Guida Michelin", "TripAdvisor", "Gambero Rosso", "Slow Food", "Le Guide de L'Espresso", "Ospitalità Italiana", "The Fork"]}
|
|
title="Riconosciuti dai Migliori"
|
|
description="Siamo orgogliosi di essere apprezzati e recensiti dalle più prestigiose guide culinarie e piattaforme di viaggio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "Quali sono gli orari di apertura?", content: "Siamo aperti dal Lunedì alla Domenica, dalle 12:00 alle 15:00 per pranzo e dalle 19:00 alle 23:00 per cena. È consigliata la prenotazione, specialmente nel fine settimana."},
|
|
{
|
|
id: "faq2", title: "Accettate prenotazioni per gruppi numerosi?", content: "Sì, accettiamo prenotazioni per gruppi. Per gruppi superiori a 8 persone, vi preghiamo di contattarci telefonicamente per organizzare al meglio la vostra esperienza."},
|
|
{
|
|
id: "faq3", title: "Avete opzioni per diete particolari (vegetariane, senza glutine)?", content: "Sì, offriamo diverse opzioni vegetariane e siamo attenti alle esigenze dei nostri clienti. Vi preghiamo di segnalarci eventuali allergie o intolleranze al momento della prenotazione o dell'ordinazione."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/cook-adding-calamari-rings-vegetables-frying-pan_23-2148253438.jpg"
|
|
imageAlt="Chef in cucina"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
title="Domande Frequenti"
|
|
description="Qui trovi le risposte alle domande più comuni riguardo la nostra Osteria, le prenotazioni e il menu."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contattaci"
|
|
title="Prenota il Tuo Tavolo"
|
|
description="Siamo aperti tutti i giorni e pronti ad accoglierti. Non esitare a contattarci per prenotazioni o qualsiasi richiesta."
|
|
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-castelul-de-lut-valea-zanelor-landmark-porumbacu-de-sus-romaniaa_181624-58366.jpg"
|
|
imageAlt="Esterno dell'Osteria del Borgo"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Inserisci la tua email"
|
|
buttonText="Invia Richiesta"
|
|
termsText="Oppure chiamaci al 06 3105 3012. Ci trovi in Piazza Roma, 8, 00062 Bracciano RM."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
videoSrc="http://img.b2bpic.net/free-photo/amazing-view-colorful-landscape-covered-with-yellow-plants-grass-trees_181624-20701.jpg"
|
|
videoAriaLabel="Video del Lago di Bracciano al tramonto"
|
|
logoSrc="http://img.b2bpic.net/free-photo/dessert-hobby-gluten-bakery-concept_53876-26215.jpg"
|
|
logoAlt="Logo Osteria del Borgo"
|
|
logoText="Osteria del Borgo"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Antipasti", href: "#full-menu"},
|
|
{
|
|
label: "Primi Piatti", href: "#full-menu"},
|
|
{
|
|
label: "Secondi Piatti", href: "#full-menu"},
|
|
{
|
|
label: "Dolci", href: "#full-menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Osteria", items: [
|
|
{
|
|
label: "Chi Siamo", href: "#about"},
|
|
{
|
|
label: "Recensioni", href: "#testimonials"},
|
|
{
|
|
label: "Domande Frequenti", href: "#faq"},
|
|
{
|
|
label: "Prenota", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Seguici", items: [
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "TripAdvisor", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Osteria del Borgo. Tutti i diritti riservati."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|