319 lines
18 KiB
TypeScript
319 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Camera, Droplets, Pizza, Sparkles, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Casa", id: "#hero"},
|
|
{
|
|
name: "Chi Siamo", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#products"},
|
|
{
|
|
name: "Offerte", id: "#features"},
|
|
{
|
|
name: "Prenotazioni", id: "#pricing"},
|
|
{
|
|
name: "Testimonianze", id: "#testimonials"},
|
|
{
|
|
name: "Domande Frequenti", id: "#faq"},
|
|
{
|
|
name: "Contatti", id: "#contact"},
|
|
]}
|
|
brandName="Madly Pizza Contemporanea"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Madly Pizza Contemporanea — Dove l'Atmosfera Incontra il Gusto"
|
|
description="Vivi la moderna cultura della pizza all'EUR di Roma. Luci calde, momenti condivisi e sapori audaci pensati per la connessione."
|
|
buttons={[
|
|
{
|
|
text: "Prenota il Tuo Tavolo", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895470.jpg"
|
|
imageAlt="Pizza contemporanea su un tavolo in un ristorante illuminato calorosamente"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="La Nostra Filosofia: Artigianalità, Cultura e Connessione"
|
|
description="Da Madly Pizza Contemporanea, crediamo nell'elevare il quotidiano. Le nostre pizze artigianali sono create con i migliori ingredienti locali, mescolando tecniche tradizionali romane con innovazioni culinarie. È più di un semplice cibo; è un'esperienza pensata per la condivisione e la degustazione."
|
|
metrics={[
|
|
{
|
|
value: "100%", title: "Ingredienti Freschi"},
|
|
{
|
|
value: "20+", title: "Ricette Uniche"},
|
|
{
|
|
value: "5-Star", title: "Esperienza Culinaria"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/baking-delicious-pizza-with-wood-fired-oven_23-2150134252.jpg"
|
|
imageAlt="Chef che inserisce una pizza in un forno moderno"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Creazioni Artigianali di Pizza", description: "Scopri profili di sapore unici che fondono le radici classiche italiane con approcci culinari innovativi, creati quotidianamente con passione.", icon: Pizza,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cutlery-sauces-near-pizza_23-2147772096.jpg", imageAlt: "Pizza gourmet con cocktail"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pizza-arrangement_23-2149333837.jpg", imageAlt: "Primo piano di pizza gourmet"},
|
|
]
|
|
},
|
|
{
|
|
title: "Abbinamenti Birra Artigianale & Vino", description: "Eleva il tuo pasto con la nostra selezione curata di birre artigianali locali e pregiati vini italiani, che completano perfettamente il nostro menu.", icon: Droplets,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-positive-young-people-toasting-dinner_23-2148454187.jpg", imageAlt: "Amici che condividono piatti e bevande"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-some-delicious-italian-food_23-2149028553.jpg", imageAlt: "Primo piano di cibo condiviso"},
|
|
]
|
|
},
|
|
{
|
|
title: "Ambiente Degno di Instagram", description: "Cena in un ambiente dove il design moderno incontra la calda ospitalità, creando lo sfondo perfetto per momenti memorabili e foto mozzafiato.", icon: Camera,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg", imageAlt: "Interno di ristorante moderno con illuminazione calda"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg", imageAlt: "Vista dettagliata del design degli interni"},
|
|
]
|
|
},
|
|
]}
|
|
title="Offerte Curate ed Esperienze Conviviali"
|
|
description="Scopri un menu che celebra il sapore e favorisce la connessione. Dalle nostre pizze contemporanee d'autore a squisiti abbinamenti con birre artigianali, ogni elemento è pensato per deliziare. Piatti condivisibili incoraggiano la cena comune, mentre la nostra elegante atmosfera rende ogni momento degno di Instagram."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "margherita", brand: "Madly", name: "La Classica Margherita", price: "€12", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pizza-brown-wooden-table_58702-1339.jpg", imageAlt: "Pizza Classica Margherita"},
|
|
{
|
|
id: "truffle", brand: "Madly", name: "Sogno al Tartufo Nero", price: "€18", rating: 5,
|
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/slices-italian-pizza-with-utensils-ingredients-black-kitchen-worktop_23-2148076119.jpg", imageAlt: "Pizza al Tartufo Nero"},
|
|
{
|
|
id: "diavola", brand: "Madly", name: "Diavola Piccante", price: "€14", rating: 4,
|
|
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sausage-pizza-with-fresh-vegetables-white_140725-148716.jpg", imageAlt: "Pizza Diavola Piccante con salame"},
|
|
{
|
|
id: "vegetable", brand: "Madly", name: "Raccolto dell'Orto", price: "€15", rating: 5,
|
|
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-fluffy-pizza-arrangement_23-2148574241.jpg", imageAlt: "Pizza Vegetariana"},
|
|
{
|
|
id: "seafood", brand: "Madly", name: "Pescato Mediterraneo", price: "€20", rating: 4,
|
|
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/chef39s-hands-cover-ingredients-dough-while-preparing-traditional-italian-dish-calzone_166373-6895.jpg", imageAlt: "Pizza ai Frutti di Mare"},
|
|
{
|
|
id: "dessert", brand: "Madly", name: "Dolce e Indulgente", price: "€10", rating: 5,
|
|
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/meat-pizza-green-pepper-red-onion-cheese-beef-meat-barbecue-sauce_140725-11083.jpg", imageAlt: "Pizza Dessert"},
|
|
]}
|
|
title="Le Nostre Pizze d'Autore"
|
|
description="Esplora la nostra selezione artigianale, che fonde qualità tradizionale con un tocco moderno. Ogni pizza è un viaggio culinario pensato per il palato contemporaneo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "standard-reservation", badge: "Popolare", badgeIcon: Sparkles,
|
|
price: "Free", subtitle: "Prenota un tavolo per un massimo di 6 persone", buttons: [
|
|
{
|
|
text: "Prenota Ora", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Posto garantito", "Servizio prioritario", "Conferma online"],
|
|
},
|
|
{
|
|
id: "group-event", badge: "Personalizzato", badgeIcon: Users,
|
|
price: "Inquire", subtitle: "Pacchetti su misura per gruppi di 7+ persone", buttons: [
|
|
{
|
|
text: "Richiedi un Preventivo", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Menu personalizzato", "Servizio dedicato", "Disposizioni flessibili dei posti a sedere"],
|
|
},
|
|
]}
|
|
title="Pianifica la Tua Visita"
|
|
description="Che si tratti di una cena intima o di una celebrazione di gruppo, offriamo opzioni per rendere la tua esperienza perfetta. Scegli tra le nostre prenotazioni standard o pacchetti per eventi speciali."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sophia R.", handle: "@sophia_roam", testimonial: "Madly Pizza è un gioiello a Roma! L'atmosfera è chic ma accogliente, e le pizze sono semplicemente divine. Un must per chi cerca un'esperienza culinaria moderna.", imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg", imageAlt: "Sophia R."},
|
|
{
|
|
id: "2", name: "Marco L.", handle: "@marco.eats", testimonial: "Finalmente, una pizzeria che rompe gli schemi. I condimenti innovativi e la crosta perfetta di Madly la rendono il mio nuovo posto preferito. La selezione di birre artigianali è un enorme vantaggio!", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-notebook-cookbook-ingredients_1101-332.jpg", imageAlt: "Marco L."},
|
|
{
|
|
id: "3", name: "Eleonora B.", handle: "@ele.foodie", testimonial: "L'atmosfera, il servizio, il cibo—tutto da Madly è di prim'ordine. È il luogo ideale per una serata romantica o una serata rilassante con gli amici. Altamente raccomandato!", imageSrc: "http://img.b2bpic.net/free-photo/company-friends-eating-pizza-talking_140725-14157.jpg", imageAlt: "Eleonora B."},
|
|
{
|
|
id: "4", name: "Giovanni P.", handle: "@giovanni.adventures", testimonial: "Come locale, sono sempre alla ricerca di posti unici. Madly offre una nuova interpretazione della cultura della pizza romana con un menu fantastico. Il quartiere EUR ne aveva bisogno!", imageSrc: "http://img.b2bpic.net/free-photo/nice-woman-eating-slice-pizza_141793-877.jpg", imageAlt: "Giovanni P."},
|
|
{
|
|
id: "5", name: "La Famiglia Rossi", handle: "@rossi_family_eats", testimonial: "Abbiamo portato i nostri figli, e tutti hanno trovato qualcosa che amavano. Il personale è stato incredibilmente cordiale e l'ambiente contemporaneo ci è sembrato speciale. Torneremo!", imageSrc: "http://img.b2bpic.net/free-photo/people-eating-pizza_52683-111552.jpg", imageAlt: "La Famiglia Rossi"},
|
|
]}
|
|
title="Cosa Dicono i Nostri Ospiti"
|
|
description="Ascolta i nostri clienti sulle loro esperienze. Dai sapori unici all'atmosfera calda, le loro parole catturano la differenza Madly."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Offrite opzioni vegetariane o vegane?", content: "Sì, il nostro menu offre una varietà di deliziose pizze vegetariane e diverse opzioni vegane, chiaramente indicate. Chiedi al nostro staff per consigli!"},
|
|
{
|
|
id: "2", title: "Come posso effettuare una prenotazione?", content: "Puoi facilmente effettuare una prenotazione tramite la sezione 'Contatti' del nostro sito web, per telefono o direttamente tramite il link del nostro partner di prenotazione online. Consigliamo di prenotare in anticipo, soprattutto per le serate del fine settimana."},
|
|
{
|
|
id: "3", title: "Offrite servizio da asporto o consegna a domicilio?", content: "Sì, offriamo sia il servizio da asporto che la consegna a domicilio. Puoi effettuare il tuo ordine da asporto direttamente tramite il modulo di contatto del nostro sito web, o trovarci sulle principali piattaforme di consegna di cibo nel quartiere EUR di Roma."},
|
|
{
|
|
id: "4", title: "Madly Pizza Contemporanea è adatta ai bambini?", content: "Assolutamente! Accogliamo le famiglie e abbiamo un'atmosfera conviviale adatta a tutte le età. Offriamo anche pizze di dimensioni più piccole e opzioni adatte ai bambini."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pillow-sofa_74190-3590.jpg"
|
|
imageAlt="Interno di ristorante moderno e accogliente"
|
|
mediaAnimation="slide-up"
|
|
title="Domande Frequenti"
|
|
description="Trova risposte rapide alle domande più frequenti sul nostro menu, le prenotazioni e l'esperienza culinaria da Madly Pizza Contemporanea."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Prenota il Tuo Tavolo o Ordina da Asporto"
|
|
description="Pronto a gustare Madly Pizza Contemporanea? Effettua una prenotazione per un'esperienza culinaria indimenticabile o ordina la tua pizza da asporto per gustarla a casa. Non vediamo l'ora di servirti!"
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Il Tuo Nome", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "La Tua Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Il Tuo Numero di Telefono", required: false,
|
|
},
|
|
{
|
|
name: "date", type: "date", placeholder: "Data Preferita", required: true,
|
|
},
|
|
{
|
|
name: "time", type: "time", placeholder: "Ora Preferita", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Numero di ospiti o dettagli del tuo ordine da asporto...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-white-uniform-prepare-pizzaa_1157-27021.jpg"
|
|
imageAlt="Chef che prepara l'impasto della pizza"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Invia Richiesta"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Chi Siamo", items: [
|
|
{
|
|
label: "La Nostra Storia", href: "#about"},
|
|
{
|
|
label: "La Nostra Filosofia", href: "#about"},
|
|
{
|
|
label: "Stampa", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Pizze", href: "#products"},
|
|
{
|
|
label: "Bevande", href: "#features"},
|
|
{
|
|
label: "Offerte Speciali", href: "#pricing"},
|
|
],
|
|
},
|
|
{
|
|
title: "Visita", items: [
|
|
{
|
|
label: "Prenotazioni", href: "#contact"},
|
|
{
|
|
label: "Da Asporto", href: "#contact"},
|
|
{
|
|
label: "Posizione", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connettiti", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/madlypizzarome"},
|
|
{
|
|
label: "Facebook", href: "https://facebook.com/madlypizzarome"},
|
|
{
|
|
label: "Contattaci", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Madly Pizza Contemporanea. Tutti i diritti riservati."
|
|
bottomRightText="Realizzato con passione a Roma."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |