Update src/app/page.tsx
This commit is contained in:
321
src/app/page.tsx
321
src/app/page.tsx
@@ -11,42 +11,32 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Flame } from "lucide-react";
|
||||
import { Award, Flame, Pizza, Users, Star, MessageCircle, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
background="fluid"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Chi Siamo", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Testimonianze", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="Fuori Di Pizza"
|
||||
/>
|
||||
@@ -54,42 +44,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Tradizione e Passione, Fuori di Pizza"
|
||||
description="Le migliori pizze cotte a legna, preparate con ingredienti freschi e amore. Un viaggio nel gusto italiano autentico."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri il Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Fuori Di Pizza: Il Gusto Cartoonesco!"
|
||||
description="Tuffati in un'esplosione di sapori dove la tradizione incontra il divertimento. Pizze fatte a mano, impasti magici e tanta allegria!"
|
||||
buttons={[{ text: "Ordina Ora", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DvuhQ4zh1lbuW4FBoLMxPHbRb2/uploaded-1779175116915-2yr8id2h.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb1q5m",
|
||||
imageAlt: "delicious wood fired pizza top view",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m88eb0",
|
||||
imageAlt: "calzone pizza rustic plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cys167",
|
||||
imageAlt: "pizza with fresh herbs topping",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9z98yc",
|
||||
imageAlt: "pepperoni pizza classic italian",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hvjp8b",
|
||||
imageAlt: "biancaneve pizza cheese rustic",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DvuhQ4zh1lbuW4FBoLMxPHbRb2/uploaded-1779175116915-2yr8id2h.png?_wi=1", imageAlt: "Pizza Cartoon" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,260 +57,85 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="L'Arte del Forno a Legna"
|
||||
description="Ogni nostra pizza è il risultato di un impasto a lenta lievitazione e una cottura sapiente nel nostro antico forno a legna. Rispettiamo la tradizione per portarvi il vero gusto italiano ogni giorno."
|
||||
title="La Storia di un Impasto Felice"
|
||||
description="Siamo nati per portare il sorriso in tavola. Ogni nostra pizza è disegnata per essere un capolavoro di gusto, con ingredienti freschi e una passione senza confini."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ingredienti a KM0",
|
||||
description: "Selezioniamo solo prodotti locali e freschi.",
|
||||
},
|
||||
{
|
||||
title: "Forno a Legna",
|
||||
description: "Cottura autentica per una fragranza unica.",
|
||||
},
|
||||
{
|
||||
title: "Tradizione Familiare",
|
||||
description: "Ricette tramandate di generazione in generazione.",
|
||||
},
|
||||
{ title: "Pizza Artistica", description: "Ogni impasto è modellato con amore.", icon: Pizza },
|
||||
{ title: "Sorrisi Garantiti", description: "Un ambiente accogliente per grandi e piccini.", icon: Users },
|
||||
{ title: "Qualità Assurda", description: "Ingredienti scelti solo dai migliori fornitori.", icon: Star }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zl7ps9"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="traditional wood fired oven pizza"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Il Nostro Menu Cartoonesco"
|
||||
description="Scopri le creazioni pazze del nostro pizzaiolo!"
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Classica",
|
||||
name: "Margherita",
|
||||
price: "6,00€",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wykqbg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Tradizionale",
|
||||
name: "Calzone Liscio",
|
||||
price: "7,00€",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wqs683",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Gourmet",
|
||||
name: "Rucola e Grana",
|
||||
price: "8,00€",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8hkgg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Gusto",
|
||||
name: "Diavola",
|
||||
price: "7,50€",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lgmejx",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Bianca",
|
||||
name: "Biancaneve",
|
||||
price: "6,00€",
|
||||
rating: 4,
|
||||
reviewCount: "78",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pt4emr",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Speciale",
|
||||
name: "Mare e Monti",
|
||||
price: "9,00€",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skwuaw",
|
||||
},
|
||||
{ id: "p1", brand: "Classica", name: "Margherita Fantastica", price: "6,50€", rating: 5, reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wykqbg" },
|
||||
{ id: "p2", brand: "Special", name: "Pizza Vulcano", price: "9,00€", rating: 5, reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wqs683" }
|
||||
]}
|
||||
title="Il Nostro Menu"
|
||||
description="Dalle classiche margherite alle creazioni gourmet, scopri la nostra selezione di pizze cotte a legna."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Numeri da Favola"
|
||||
description="Le statistiche dietro ogni morso."
|
||||
animationType="scale-rotate"
|
||||
gridVariant="bento-grid"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Anni di Attività",
|
||||
description: "Esperienza nella tradizione pizzeria",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50k+",
|
||||
title: "Pizze Sfornate",
|
||||
description: "Clienti felici ogni giorno",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Qualità Legna",
|
||||
description: "Solo legno naturale selezionato",
|
||||
icon: Flame,
|
||||
},
|
||||
{ id: "m1", value: "1M+", title: "Pizze Volate", description: "Pizze consegnate in un batter d'occhio", icon: Flame },
|
||||
{ id: "m2", value: "99%", title: "Felicità", description: "Clienti che tornano sempre", icon: Award },
|
||||
{ id: "m3", value: "24/7", title: "Passione", description: "Sempre aperti all'avventura", icon: Pizza }
|
||||
]}
|
||||
title="Numeri di Qualità"
|
||||
description="La nostra passione in cifre."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Clienti in Estasi"
|
||||
description="Cosa dicono i nostri amici mangiatori di pizza."
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marco Rossi",
|
||||
role: "Appassionato",
|
||||
company: "Cliente storico",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s79zk1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Giulia Bianchi",
|
||||
role: "Foodie",
|
||||
company: "Recensore locale",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fvzt0w",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Luca Verdi",
|
||||
role: "Cliente",
|
||||
company: "Famiglia Bianchi",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9mgqf",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara Neri",
|
||||
role: "Fanatica",
|
||||
company: "Pizza Lover",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vjt6h4",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alberto Gialli",
|
||||
role: "Cliente",
|
||||
company: "Chef amatoriale",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5gofw7",
|
||||
},
|
||||
{ id: "t1", name: "Mario P.", role: "Ghiottone", company: "Pizza Club", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s79zk1" },
|
||||
{ id: "t2", name: "Anna L.", role: "Critica", company: "Foodies", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fvzt0w" }
|
||||
]}
|
||||
title="Cosa Dicono i Nostri Clienti"
|
||||
description="La voce dei veri intenditori della pizza."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fate asporto?",
|
||||
content: "Sì, offriamo un servizio completo di asporto e consegna a domicilio.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Avete opzioni senza glutine?",
|
||||
content: "Sì, su richiesta prepariamo impasti alternativi per intolleranti.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "È necessaria la prenotazione?",
|
||||
content: "È consigliata nei fine settimana, specialmente per gruppi numerosi.",
|
||||
},
|
||||
]}
|
||||
title="Domande Frequenti"
|
||||
description="Tutto quello che c'è da sapere sulla nostra pizzeria."
|
||||
title="Dubbi da Pizza?"
|
||||
description="Abbiamo le risposte a tutto!"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "La pizza vola davvero?", content: "Solo nei nostri sogni più golosi!" },
|
||||
{ id: "f2", title: "Accettate ordini dai cartoni?", content: "Siamo aperti a tutti gli esseri viventi!" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Vieni a trovarci o chiamaci per prenotare il tuo tavolo!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Chiama ora",
|
||||
href: "tel:+39000000000",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Pronto per una pizza da capogiro? Contattaci subito!"
|
||||
buttons={[{ text: "Contatta", href: "tel:+39000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DvuhQ4zh1lbuW4FBoLMxPHbRb2/uploaded-1779175116915-2yr8id2h.png?_wi=2"
|
||||
logoText="Fuori Di Pizza"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DvuhQ4zh1lbuW4FBoLMxPHbRb2/uploaded-1779175116915-2yr8id2h.png?_wi=2"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Pizze Classiche",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Pizze Speciali",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contatti",
|
||||
items: [
|
||||
{
|
||||
label: "Contattaci",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Prenotazioni",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Info", items: [{ label: "Chi siamo", href: "#about" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Fuori Di Pizza. All rights reserved."
|
||||
imageAlt="User provided image"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user