268 lines
8.8 KiB
TypeScript
268 lines
8.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Award, Flame, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Gastronomia"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
logoText="Gastronomia"
|
|
description="Portiamo l'eccellenza della tradizione sulla tua tavola. Selezioniamo solo i migliori prodotti locali per i tuoi momenti speciali."
|
|
buttons={[
|
|
{
|
|
text: "Scopri i Prodotti",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118888.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="La Nostra Passione"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Anni di Tradizione",
|
|
value: "20+",
|
|
},
|
|
{
|
|
icon: Flame,
|
|
label: "Prodotti Selezionati",
|
|
value: "500+",
|
|
},
|
|
{
|
|
icon: Heart,
|
|
label: "Clienti Felici",
|
|
value: "10k+",
|
|
},
|
|
]}
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Selezione Formaggi Stagionati",
|
|
price: "18,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-cheese-grapes-mini-bread-slate-board-table_23-2148162036.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Salumi Artigianali",
|
|
price: "22,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sunlight-olive-oil-bottles-with-bun-olives-slate-plate_23-2147853822.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Pasta Fresca Fatta a Mano",
|
|
price: "12,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-table-full-almonds-prosciutto-figs-dry-fruit_181624-5232.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Olio Extravergine Bio",
|
|
price: "15,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pomegranate-wine-dark-wall-drinks-fruit-alcohol-sour-color-bar-restaurant-wine_179666-17553.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Vini Selezionati",
|
|
price: "28,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fruit-stand-background_23-2147960255.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Composte e Mieli",
|
|
price: "9,00€",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/three-glass-bottles-assorted-georgian-tkemali-sauce-with-ingredients-rustic-wooden-table_127032-1858.jpg",
|
|
},
|
|
]}
|
|
title="Le Nostre Specialità"
|
|
description="Una selezione accurata di eccellenze gastronomiche dal territorio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Marco V.",
|
|
date: "10/05/2024",
|
|
title: "Ottima qualità",
|
|
quote: "Prodotti incredibili, il salume è eccezionale.",
|
|
tag: "Cliente",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118888.jpg?_wi=2",
|
|
imageAlt: "delicatessen interior warm lighting",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Elena R.",
|
|
date: "15/06/2024",
|
|
title: "Tradizione vera",
|
|
quote: "Finalmente il vero sapore dei prodotti di una volta.",
|
|
tag: "Cliente",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-garlic-lemon-with-green-leaves-white-table_140725-72741.jpg",
|
|
imageAlt: "gourmet artisan food chef",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Giulia B.",
|
|
date: "20/07/2024",
|
|
title: "Servizio impeccabile",
|
|
quote: "Velocissimi nella consegna e cibo fresco.",
|
|
tag: "Cliente",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-indoors_23-2151038685.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-cheese-grapes-mini-bread-slate-board-table_23-2148162036.jpg?_wi=2",
|
|
imageAlt: "artisanal cheese platter selection",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Luca P.",
|
|
date: "05/08/2024",
|
|
title: "Consigliatissimo",
|
|
quote: "La selezione dei vini è una delle migliori in città.",
|
|
tag: "Cliente",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-glasses-coquettishly-touches-face-standing-middle-street-smiling-cute-young-woman-posing-holding-bag-from-store-looking-with-interest_197531-3493.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sunlight-olive-oil-bottles-with-bun-olives-slate-plate_23-2147853822.jpg?_wi=2",
|
|
imageAlt: "cured meat selection platter",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Anna S.",
|
|
date: "12/09/2024",
|
|
title: "Qualità prezzo top",
|
|
quote: "Ottimi prodotti gourmet a prezzi onesti.",
|
|
tag: "Cliente",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/satisfied-fairskinned-adult-woman-smiles-strongly-with-her-teeth-narrowing-eyes-sunny-day-brunette-wears-casual-clothes_197531-31242.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-table-full-almonds-prosciutto-figs-dry-fruit_181624-5232.jpg?_wi=2",
|
|
imageAlt: "gourmet delicatessen box",
|
|
},
|
|
]}
|
|
title="Cosa Dicono di Noi"
|
|
description="L'amore per il cibo che condividiamo con i nostri clienti."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Contattaci"
|
|
title="Vuoi scoprire le nostre novità?"
|
|
description="Iscriviti alla nostra newsletter per offerte esclusive e nuovi arrivi."
|
|
buttons={[
|
|
{
|
|
text: "Iscriviti Ora",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Gastronomia"
|
|
columns={[
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{
|
|
label: "Prodotti",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "Chi Siamo",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Termini",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Gastronomia. Tutti i diritti riservati."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|