Merge version_1 into main #2
416
src/app/page.tsx
416
src/app/page.tsx
@@ -17,313 +17,133 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Il villaggio del re"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Servizi", id: "services" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contatti", id: "contact" },
|
||||
]}
|
||||
brandName="Il villaggio del re"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Il villaggio del re: Sport, Gusto e Natura"
|
||||
description="Benvenuti nel centro ricreativo completo dove l'eccellenza sportiva incontra l'aperitivo perfetto."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25f1f4",
|
||||
imageAlt: "Campo da calcio moderno",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-sea-ocean-with-outdoor-swimming-pool-white-cloud-blue-sky-background-l_1258-108693.jpg",
|
||||
imageAlt: "Piscina relax",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-is-picture-girl-s-feet-standing-near-blue-fence-stadium-she-wears-gray-sneakers-with-blue-line-blue-pants_197531-432.jpg",
|
||||
imageAlt: "Campo da padel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg",
|
||||
imageAlt: "Bar ricreativo",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-couch-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-legs-resort-hotel_285396-6070.jpg",
|
||||
imageAlt: "Terrazza panoramica",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-toasting-with-beer-barbecue_23-2148733675.jpg",
|
||||
imageAlt: "Momento aperitivo",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-daiquiri-drink-with-olives_23-2149418311.jpg",
|
||||
imageAlt: "Cocktail ricercati",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-tennis-court_23-2148251056.jpg",
|
||||
imageAlt: "Campo da tennis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698280.jpg",
|
||||
imageAlt: "Area verde naturale",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-best-snack-brown-tray-fallen-wine-glass-ice-background_140725-141662.jpg",
|
||||
imageAlt: "Tagliere ricco",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defocused-dusty-lights-optical-fibers_23-2148241370.jpg",
|
||||
imageAlt: "Atmosfera serale",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/table-tennis-logo-collection_23-2148646407.jpg",
|
||||
imageAlt: "Ping pong e biliardo",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota il tuo campo",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Il villaggio del re: Sport, Gusto e Natura"
|
||||
description="Benvenuti nel centro ricreativo completo dove l'eccellenza sportiva incontra l'aperitivo perfetto."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25f1f4", imageAlt: "Campo da calcio moderno" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-sea-ocean-with-outdoor-swimming-pool-white-cloud-blue-sky-background-l_1258-108693.jpg", imageAlt: "Piscina relax" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/it-is-picture-girl-s-feet-standing-near-blue-fence-stadium-she-wears-gray-sneakers-with-blue-line-blue-pants_197531-432.jpg", imageAlt: "Campo da padel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/expensive-restaurant-interior-view-with-colorful-illuminating_114579-1118.jpg", imageAlt: "Bar ricreativo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-couch-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-legs-resort-hotel_285396-6070.jpg", imageAlt: "Terrazza panoramica" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-toasting-with-beer-barbecue_23-2148733675.jpg", imageAlt: "Momento aperitivo" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-daiquiri-drink-with-olives_23-2149418311.jpg", imageAlt: "Cocktail ricercati" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-tennis-court_23-2148251056.jpg", imageAlt: "Campo da tennis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-furniture-house-deck-with-vegetation_23-2150698280.jpg", imageAlt: "Area verde naturale" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-best-snack-brown-tray-fallen-wine-glass-ice-background_140725-141662.jpg", imageAlt: "Tagliere ricco" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/defocused-dusty-lights-optical-fibers_23-2148241370.jpg", imageAlt: "Atmosfera serale" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/table-tennis-logo-collection_23-2148646407.jpg", imageAlt: "Ping pong e biliardo" },
|
||||
]}
|
||||
buttons={[{ text: "Prenota il tuo campo", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Il tuo mondo ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-friends-playing-soccer_23-2150338682.jpg",
|
||||
alt: "Sports and social",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " in un unico luogo.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri la location",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Il tuo mondo " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/long-shot-friends-playing-soccer_23-2150338682.jpg", alt: "Sports and social" },
|
||||
{ type: "text", content: " in un unico luogo." },
|
||||
]}
|
||||
buttons={[{ text: "Scopri la location", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Area Sportiva",
|
||||
author: "Pro",
|
||||
description: "Campo da calcetto, tennis, padel e piscina immersa nel verde.",
|
||||
tags: [
|
||||
"Sport",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-running-outdoors_23-2148747434.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Bar Ricreativo",
|
||||
author: "Bar",
|
||||
description: "Ottimi cocktail, vasta selezione di birre e biliardo.",
|
||||
tags: [
|
||||
"Aperitivo",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Location Completa",
|
||||
author: "Team",
|
||||
description: "Spettacoli dal vivo, terrazza panoramica e musica.",
|
||||
tags: [
|
||||
"Eventi",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/people-having-fun-outdoors-concept_23-2148650718.jpg",
|
||||
},
|
||||
]}
|
||||
title="I nostri punti di forza"
|
||||
description="Una location completa, pensata per chi ama lo sport e chi cerca momenti di piacere."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="I nostri punti di forza"
|
||||
description="Una location completa, pensata per chi ama lo sport e chi cerca momenti di piacere."
|
||||
features={[
|
||||
{ id: "f1", title: "Area Sportiva", author: "Pro", description: "Campo da calcetto, tennis, padel e piscina immersa nel verde.", tags: ["Sport"], imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-running-outdoors_23-2148747434.jpg" },
|
||||
{ id: "f2", title: "Bar Ricreativo", author: "Bar", description: "Ottimi cocktail, vasta selezione di birre e biliardo.", tags: ["Aperitivo"], imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg" },
|
||||
{ id: "f3", title: "Location Completa", author: "Team", description: "Spettacoli dal vivo, terrazza panoramica e musica.", tags: ["Eventi"], imageSrc: "http://img.b2bpic.net/free-vector/people-having-fun-outdoors-concept_23-2148650718.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Spritz Reale",
|
||||
price: "8€",
|
||||
variant: "Aperitivo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-italian-cocktail-still-life_23-2150645800.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tagliere Montagna",
|
||||
price: "15€",
|
||||
variant: "Cibo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark_140725-105231.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Birra Artigianale",
|
||||
price: "7€",
|
||||
variant: "Bevande",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cold-beer-macro-photography_53876-32249.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cocktail Esclusivo",
|
||||
price: "10€",
|
||||
variant: "Bar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aromatic-cocktails-ready-be-served_23-2148617640.jpg",
|
||||
},
|
||||
]}
|
||||
title="Cocktail & Piaceri"
|
||||
description="Ogni sera un'esperienza diversa al nostro bar."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Cocktail & Piaceri"
|
||||
description="Ogni sera un'esperienza diversa al nostro bar."
|
||||
products={[
|
||||
{ id: "p1", name: "Spritz Reale", price: "8€", variant: "Aperitivo", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-italian-cocktail-still-life_23-2150645800.jpg" },
|
||||
{ id: "p2", name: "Tagliere Montagna", price: "15€", variant: "Cibo", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-meat-slices-cheese-grapes-pomegranate-oval-serving-board-dark_140725-105231.jpg" },
|
||||
{ id: "p3", name: "Birra Artigianale", price: "7€", variant: "Bevande", imageSrc: "http://img.b2bpic.net/free-photo/glass-cold-beer-macro-photography_53876-32249.jpg" },
|
||||
{ id: "p4", name: "Cocktail Esclusivo", price: "10€", variant: "Bar", imageSrc: "http://img.b2bpic.net/free-photo/aromatic-cocktails-ready-be-served_23-2148617640.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Giulia",
|
||||
role: "Cliente",
|
||||
company: "Il villaggio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco",
|
||||
role: "Sportivo",
|
||||
company: "Il villaggio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena",
|
||||
role: "Turista",
|
||||
company: "Il villaggio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-photos_23-2148966589.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Stefano",
|
||||
role: "Frequente",
|
||||
company: "Il villaggio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-making-cheers-good-weekend_329181-18306.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lucia",
|
||||
role: "Appassionata",
|
||||
company: "Il villaggio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-making-cheers-good-weekend_329181-18306.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Cosa dicono i nostri ospiti"
|
||||
description="La soddisfazione dei clienti è il nostro successo quotidiano."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Cosa dicono i nostri ospiti"
|
||||
description="La soddisfazione dei clienti è il nostro successo quotidiano."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Giulia", role: "Cliente", company: "Il villaggio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-joyful-expression-dressed-black-stylish-hat-denim-jacket-calls-mobile-phone-friend_273609-25938.jpg" },
|
||||
{ id: "t2", name: "Marco", role: "Sportivo", company: "Il villaggio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg" },
|
||||
{ id: "t3", name: "Elena", role: "Turista", company: "Il villaggio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-photos_23-2148966589.jpg" },
|
||||
{ id: "t4", name: "Stefano", role: "Frequente", company: "Il villaggio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/men-making-cheers-good-weekend_329181-18306.jpg" },
|
||||
{ id: "t5", name: "Lucia", role: "Appassionata", company: "Il villaggio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/men-making-cheers-good-weekend_329181-18306.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Prenota ora"
|
||||
title="Ti aspettiamo al Villaggio"
|
||||
description="Aperti tutti i giorni dalle 08:00 alle 02:00. Ti senti a casa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Chiama ora",
|
||||
href: "tel:+390000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Prenota ora"
|
||||
title="Ti aspettiamo al Villaggio"
|
||||
description="Aperti tutti i giorni dalle 08:00 alle 02:00. Ti senti a casa."
|
||||
buttons={[{ text: "Chiama ora", href: "tel:+390000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Il Villaggio del re",
|
||||
items: [
|
||||
{
|
||||
label: "Via dei Campi, 1",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "08:00-02:00",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Il Villaggio del re", items: [{ label: "Via dei Campi, 1", href: "#" }, { label: "08:00-02:00", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user