Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -26,18 +26,17 @@ export default function LandingPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleFullscreen
+        <NavbarLayoutFloatingOverlay
           brandName="Aura Creative"
           navItems={[
             { name: "Servizi", id: "services" },
-            { name: "Chatbot", id: "chatbot" },
+            { name: "Chatbot", id: "chatbot-detail" },
-            { name: "Brand System", id: "brand-system" },
+            { name: "Brand System", id: "brand-system-detail" },
             { name: "Metodo", id: "method" },
             { name: "Prezzi", id: "pricing" },
             { name: "Contatti", id: "contact" }
           ]}
-          bottomLeftText="Trasforma i Tuoi Social"
+          button={{ text: "Inizia Ora", href: "#pricing" }}
-          bottomRightText="info@auracreative.it"
         />
       </div>
 
@@ -51,9 +50,7 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
-          imageSrc="http://img.b2bpic.net/free-vector/infographic-user-panel-dashboard_52683-30025.jpg"
+          mediaAnimation="blur-reveal"
-          imageAlt="Aura Creative Dashboard"
-          mediaAnimation="slide-up"
           frameStyle="card"
         />
       </div>
@@ -64,28 +61,26 @@ export default function LandingPage() {
           description="Soluzioni complete per trasformare la tua presenza online in un canale di vendita automatizzato e professionalmente gestito."
           tag="Servizi"
           tagIcon={Sparkles}
+          tagAnimation="slide-up"
           features={[
             {
               id: "chatbot",              title: "ChatBot 24/7 Intelligente",              descriptions: [
                 "Automatizza le vendite, non solo le risposte",                "Risponde come un umano con conversazioni naturali",                "Qualifica i lead e filtra i curiosi",                "Prenota call automaticamente"
-              ],
+              ]
-              imageSrc: "http://img.b2bpic.net/free-vector/realistic-ui-ux-background_23-2149053138.jpg?_wi=1",              imageAlt: "ChatBot Intelligente"
             },
             {
               id: "brand-system",              title: "AI Personal Brand System",              descriptions: [
                 "Crea il tuo avatar IA con il tuo volto e la tua voce",                "Contenuti professionali senza girare video",                "Mantieni autenticità e coerenza di brand",                "Genera contenuti realistici in automatico"
-              ],
+              ]
-              imageSrc: "http://img.b2bpic.net/free-photo/attractive-middle-aged-woman-front-laptop-screen-online-teaching-concept_169016-25682.jpg?_wi=1",              imageAlt: "Avatar IA Personale"
             },
             {
               id: "content-production",              title: "Produzione Contenuti Avanzata",              descriptions: [
                 "Fino a 4 reel a settimana + post e storie",                "Contenuti pronti per campagne ADV",                "Copywriting professionale incluso",                "Pubblicate automaticamente su Instagram e TikTok"
-              ],
+              ]
-              imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-office_23-2148179154.jpg?_wi=1",              imageAlt: "Produzione Contenuti"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
@@ -99,6 +94,7 @@ export default function LandingPage() {
         <SplitAbout
           tag="Automazione Intelligente"
           tagIcon={Bot}
+          tagAnimation="blur-reveal"
           title="ChatBot 24/7: Più Conversioni, Più Contatti, Più Vendite"
           description="Il nostro ChatBot intelligente risponde subito a chi commenta o chiede più info sui tuoi social. Filtra i curiosi, fa domande intelligenti e capisce se una persona è davvero interessata, qualifica i contatti e automatizza le vendite."
           bulletPoints={[
@@ -115,9 +111,7 @@ export default function LandingPage() {
               title: "Qualifica i Lead",              description: "Fa domande intelligenti, capisce se una persona è davvero interessata e raccoglie info utili.",              icon: CheckCircle
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-vector/realistic-ui-ux-background_23-2149053138.jpg?_wi=2"
+          mediaAnimation="blur-reveal"
-          imageAlt="ChatBot Intelligente"
-          mediaAnimation="slide-up"
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -132,6 +126,7 @@ export default function LandingPage() {
         <SplitAbout
           tag="IA Clone Digitale"
           tagIcon={Shield}
+          tagAnimation="blur-reveal"
           title="Personal Brand System: Il Tuo Avatar IA che Vende"
           description="Un avatar digitale con il tuo stesso volto e la tua stessa voce che produce contenuti realistici e coerenti con il tuo brand. Crea una presenza costante senza dover mai girare video."
           bulletPoints={[
@@ -148,9 +143,7 @@ export default function LandingPage() {
               title: "Clone Digitale Completo",              description: "Il tuo avatar parla, si muove e comunica esattamente come te in modo naturale e coinvolgente.",              icon: Sparkles
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/attractive-middle-aged-woman-front-laptop-screen-online-teaching-concept_169016-25682.jpg?_wi=2"
+          mediaAnimation="blur-reveal"
-          imageAlt="Avatar IA Personale"
-          mediaAnimation="slide-up"
           imagePosition="left"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -167,34 +160,31 @@ export default function LandingPage() {
           description="Un metodo innovativo che parte dalla tua identità reale, la trasforma in contenuti visivi avanzati e automatizza la comunicazione per portare contatti e vendite concrete."
           tag="Processo Provato"
           tagIcon={Zap}
+          tagAnimation="blur-reveal"
           features={[
             {
               id: "step-1",              title: "1. Identità Reale",              descriptions: [
                 "Analizziamo chi sei veramente",                "Identifichiamo i tuoi valori e il tuo stile",                "Catturiamo la tua voce e il tuo brand",                "Creiamo una strategia personalizzata"
-              ],
+              ]
-              imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136839.jpg",              imageAlt: "Analisi Identità"
             },
             {
               id: "step-2",              title: "2. Contenuti Avanzati",              descriptions: [
                 "Trasformiamo la tua identità in contenuti visivi",                "Utilizziamo IA generativa per la produzione",                "Manteniamo coerenza e autenticità",                "Creiamo reel, post e storie professionali"
-              ],
+              ]
-              imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-office_23-2148179154.jpg?_wi=2",              imageAlt: "Creazione Contenuti"
             },
             {
               id: "step-3",              title: "3. Automazione Totale",              descriptions: [
                 "Automatizziamo tutta la comunicazione",                "ChatBot gestisce contatti e qualifiche",                "Pubblicazione automatica su tutti i canali",                "Risposte istantanee 24/7 ai clienti"
-              ],
+              ]
-              imageSrc: "http://img.b2bpic.net/free-photo/african-american-business-associates-reviewing-data-analytics_482257-123908.jpg",              imageAlt: "Automazione Sistema"
             },
             {
               id: "step-4",              title: "4. Risultati Misurabili",              descriptions: [
                 "Report mensili dettagliati con metriche",                "Tracciamento delle conversioni e vendite",                "Analisi ROI per ogni campagna",                "Ottimizzazione continua della strategia"
-              ],
+              ]
-              imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-graph-with-laptop-cellphone-wooden-desk_23-2147838602.jpg",              imageAlt: "Risultati e Metriche"
             }
           ]}
           gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={true}
           buttons={[
@@ -208,6 +198,7 @@ export default function LandingPage() {
         <SplitAbout
           tag="Vantaggi Esclusivi"
           tagIcon={Award}
+          tagAnimation="blur-reveal"
           title="Perché Scegliere Aura Creative Studio?"
           description="Non vendiamo solo gestione social. Offriamo scalabilità illimitata, contenuti senza fatica, e la possibilità di acquisire più clienti senza aumentare il team."
           bulletPoints={[
@@ -230,9 +221,7 @@ export default function LandingPage() {
               title: "Risultati Garantiti",              description: "Più clienti, più contatti, più vendite. Dati concreti e report mensili dettagliati.",              icon: TrendingUp
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-businessmen-working-company-financial-report-white-desk_23-2147857302.jpg"
+          mediaAnimation="blur-reveal"
-          imageAlt="Vantaggi Aura Creative"
-          mediaAnimation="slide-up"
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -245,22 +234,19 @@ export default function LandingPage() {
           description="Centinaia di aziende hanno trasformato i loro social in vere e proprie macchine di vendita grazie ad Aura Creative Studio."
           tag="Testimonianze"
           tagIcon={Heart}
+          tagAnimation="blur-reveal"
           testimonials={[
             {
-              id: "1",              name: "Marco Rossini",              role: "Proprietario",              company: "Ecommerce Fashion",              rating: 5,
+              id: "1",              name: "Marco Rossini",              role: "Proprietario",              company: "Ecommerce Fashion",              rating: 5
-              imageSrc: "http://img.b2bpic.net/free-photo/male-office-worker-sitting-desk_1098-21342.jpg",              imageAlt: "Marco Rossini"
             },
             {
-              id: "2",              name: "Giulia Marchetti",              role: "CEO",              company: "Digital Agency",              rating: 5,
+              id: "2",              name: "Giulia Marchetti",              role: "CEO",              company: "Digital Agency",              rating: 5
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",              imageAlt: "Giulia Marchetti"
             },
             {
-              id: "3",              name: "Andrea Bianchi",              role: "Marketing Manager",              company: "Tech Startup",              rating: 5,
+              id: "3",              name: "Andrea Bianchi",              role: "Marketing Manager",              company: "Tech Startup",              rating: 5
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3455.jpg",              imageAlt: "Andrea Bianchi"
             },
             {
-              id: "4",              name: "Sofia Conti",              role: "Imprenditrice",              company: "Coaching Online",              rating: 5,
+              id: "4",              name: "Sofia Conti",              role: "Imprenditrice",              company: "Coaching Online",              rating: 5
-              imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg",              imageAlt: "Sofia Conti"
             }
           ]}
           kpiItems={[
@@ -268,7 +254,7 @@ export default function LandingPage() {
             { value: "1000+", label: "Lead Generati" },
             { value: "98%", label: "Client Satisfaction" }
           ]}
-          animationType="slide-up"
+          animationType="depth-3d"
           textboxLayout="default"
           useInvertedBackground={true}
           buttons={[
@@ -284,6 +270,7 @@ export default function LandingPage() {
           description="Piani creati per ogni esigenza. Scegli il pacchetto perfetto per la tua attività e inizia a trasformare i tuoi social."
           tag="Prezzi Trasparenti"
           tagIcon={Zap}
+          tagAnimation="blur-reveal"
           plans={[
             {
               id: "basic",              badge: "Perfetto per Iniziare",              badgeIcon: Sparkles,
@@ -304,7 +291,7 @@ export default function LandingPage() {
               ]
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
@@ -318,6 +305,7 @@ export default function LandingPage() {
         <ContactCTA
           tag="Pronto a Trasformare?"
           tagIcon={Rocket}
+          tagAnimation="blur-reveal"
           title="Pronto a Trasformare i Tuoi Social in Macchine di Vendita?"
           description="Parliamo del tuo progetto e troviamo la soluzione perfetta per te. Contattaci tramite WhatsApp, Instagram o email per una consulenza gratuita."
           buttons={[

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #ffffff;
-  --card: #dad6cd;
+  --card: #f5f0ff;
-  --foreground: #2a2928;
+  --foreground: #000000;
-  --primary-cta: #2a2928;
+  --primary-cta: #a855f7;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #ec4899;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #000000;
-  --background-accent: #c6b180;
+  --background-accent: #a855f7;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);