Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -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"
+        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="reveal-blur"
+        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
+        borderRadius="soft"
         contentWidth="mediumLarge"
         sizing="medium"
         background="none"
-        cardStyle="inset"
+        cardStyle="soft-shadow"
-        primaryButtonStyle="flat"
+        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        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"},
         {
@@ -45,7 +51,7 @@ export default function LandingPage() {
       ]}
       brandName="Gighi's"
       button={{
-        text: "Prenota Ora",        href: "https://wa.me/39XXXXXXXXXX"}}
+        text: "Prenota Ora",          href: "https://wa.me/39XXXXXXXXXX"}}
       animateOnLoad={true}
     />
   </div>
@@ -61,11 +67,13 @@ export default function LandingPage() {
           text: "Vedi menu",          href: "#menu"},
       ]}
       buttonAnimation="opacity"
-      videoSrc="http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg"
+      videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdDnnu5SYIlSUxw6sAOx7BZNGZ/uploaded-1780511480432-txlgw9kg.png"
       videoAriaLabel="Video di Gighi's: cucina, cocktail e atmosfera serale"
       showDimOverlay={true}
       imageSrc="http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg"
       imageAlt="Interno elegante del ristorante messicano Gighi's"
+      logoClassName="text-white"
+      descriptionClassName="text-white"
     />
   </div>
 
@@ -74,7 +82,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="La Nostra Storia: Passione e Tradizione Messicana"
       description="Da un sogno di portare l'autentico spirito messicano a Jesolo, nasce Gighi's. Ogni sorso di tequila e ogni morso di taco racconta una storia di passione, convivialità e notti indimenticabili. Unisciti a noi per un viaggio sensoriale tra sapori vivaci e ritmi latini."
-      imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EdDnnu5SYIlSUxw6sAOx7BZNGZ/uploaded-1780511402716-79f63tod.png"
       imageAlt="Interno accogliente del ristorante Gighi's"
     />
   </div>
@@ -110,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"
@@ -235,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"
@@ -258,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"},
             {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0d0d0d;
+  --background: #1A1A1A;
-  --card: #1a1a1a;
+  --card: #252525;
-  --foreground: #f5f5f5;
+  --foreground: #F5F5F5;
-  --primary-cta: #ff4500;
+  --primary-cta: #E54B4B;
-  --primary-cta-text: #0d0d0d;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffd700;
+  --secondary-cta: #FFA500;
-  --secondary-cta-text: #0d0d0d;
+  --secondary-cta-text: #ffffff;
-  --accent: #8b0000;
+  --accent: #FFD700;
-  --background-accent: #347C2C;
+  --background-accent: #3D2C2C;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);