Update src/app/page.tsx

This commit is contained in:
2026-06-03 18:22:19 +00:00
parent 3076484fff
commit e65bbc9432

View File

@@ -10,21 +10,23 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Headphones, Music, Sparkles, Users, Guitar, GlassWater, Martini, HeartHandshake, Wine } from "lucide-react";
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import { Headphones, Music, Sparkles, Users, Guitar, GlassWater, Martini, HeartHandshake, Wine, Calendar, PartyPopper, Mic, Utensils } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="none"
cardStyle="inset"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="light"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
@@ -36,6 +38,10 @@ export default function LandingPage() {
name: "Storia", id: "#about"},
{
name: "Menu", id: "#menu"},
{
name: "Mezcal & Cocktail", id: "#mezcal-cocktails"},
{
name: "Eventi", id: "#events"},
{
name: "Esperienza", id: "#experience"},
{
@@ -112,6 +118,56 @@ export default function LandingPage() {
/>
</div>
<div id="mezcal-cocktails" data-section="mezcal-cocktails">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "mezcal-flight", name: "Mezcal Flight Gighi's", price: "€28", variant: "Degustazione Esclusiva", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdDnnu5SYIlSUxw6sAOx7BZNGZ/uploaded-1780510827547-41489w10.png", imageAlt: "Mezcal Flight con tre bicchieri"
},
{
id: "signature-margarita", name: "Margarita Gighi's Special", price: "€13", variant: "Fresco e Speziato", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdDnnu5SYIlSUxw6sAOx7BZNGZ/uploaded-1780510827547-t9w2q749.png", imageAlt: "Margarita speciale con bordo di sale e peperoncino"
},
{
id: "paloma", name: "Paloma Classica", price: "€11", variant: "Rinfrescante e Vivace", imageSrc: "https://img.b2bpic.net/free-photo/fresh-cocktail-grapefruit-lime-ice-bar_114579-2479.jpg", imageAlt: "Cocktail Paloma con pompelmo e lime"
},
{
id: "smoked-old-fashioned", name: "Smoked Añejo Old Fashioned", price: "€15", variant: "Intenso e Affumicato", imageSrc: "https://img.b2bpic.net/free-photo/old-fashioned-whiskey-cocktail_1339-4467.jpg", imageAlt: "Smoked Old Fashioned con guarnizione d'arancia"
}
]}
title="Mezcal & Cocktails: L'Arte della Mixology"
description="Esplora la nostra selezione esclusiva di Mezcal artigianali e lasciati sorprendere dai nostri Signature Cocktails, creazioni uniche che accendono i sensi."
/>
</div>
<div id="events" data-section="events">
<FeatureCardTwentyEight
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
title="Eventi Speciali & Serate Esclusive"
description="Non perdere i nostri prossimi eventi! Dalle serate DJ ai compleanni, alle degustazioni esclusive, c'è sempre qualcosa di nuovo da scoprire a Gighi's."
features={[
{
id: "dj-set", title: "DJ Set Weekend", subtitle: "Ritmi Calienti ogni Venerdì e Sabato", category: "Musica Live", value: "Dalle 21:00", buttons: [{ text: "Scopri di più", href: "#contact" }]
},
{
id: "mezcal-masterclass", title: "Mezcal Masterclass", subtitle: "Un Viaggio nel Mondo del Mezcal", category: "Degustazione", value: "Prossima data: 15 Settembre", buttons: [{ text: "Prenota", href: "#contact" }]
},
{
id: "private-parties", title: "Feste Private & Compleanni", subtitle: "Celebra con Stile da Gighi's", category: "Eventi", value: "Info e Prenotazioni", buttons: [{ text: "Contattaci", href: "#contact" }]
},
{
id: "taco-tuesday", title: "Taco Tuesday Special", subtitle: "Tacos Scontati & Offerte Cocktail", category: "Offerta Settimanale", value: "Ogni Martedì", buttons: [{ text: "Vedi il menu", href: "#menu" }]
}
]}
carouselMode="buttons"
/>
</div>
<div id="experience" data-section="experience">
<FeatureCardTen
animationType="slide-up"
@@ -237,7 +293,7 @@ export default function LandingPage() {
name: "message", placeholder: "Richieste speciali (es. allergie, compleanni)", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/starting-point-map-tour-guide_23-2148232408.jpg"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdDnnu5SYIlSUxw6sAOx7BZNGZ/uploaded-1780510827547-xbfqdlwc.png"
imageAlt="Mappa della posizione di Gighi's a Jesolo"
mediaAnimation="opacity"
mediaPosition="right"
@@ -260,18 +316,26 @@ export default function LandingPage() {
},
{
items: [
{
label: "Mezcal & Cocktail", href: "#mezcal-cocktails"},
{
label: "Eventi", href: "#events"},
{
label: "Esperienza", href: "#experience"},
{
label: "Recensioni", href: "#reviews"},
{
label: "Contatti", href: "#contact"},
],
},
{
items: [
{
label: "Recensioni", href: "#reviews"},
{
label: "Contatti", href: "#contact"},
{
label: "WhatsApp", href: "https://wa.me/39XXXXXXXXXX"},
],
},
{
items: [
{
label: "Instagram", href: "https://instagram.com/gighis_jesolo"},
{