Update src/app/page.tsx

Merge version_2 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>
 
@@ -53,7 +52,7 @@ export default function LandingPage() {
           background={{ variant: "radial-gradient" }}
           imageSrc="http://img.b2bpic.net/free-vector/infographic-user-panel-dashboard_52683-30025.jpg"
           imageAlt="Aura Creative Dashboard"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           frameStyle="card"
         />
       </div>
@@ -64,6 +63,7 @@ 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: [
@@ -85,7 +85,7 @@ export default function LandingPage() {
             }
           ]}
           gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
@@ -99,6 +99,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={[
@@ -117,7 +118,7 @@ export default function LandingPage() {
           ]}
           imageSrc="http://img.b2bpic.net/free-vector/realistic-ui-ux-background_23-2149053138.jpg?_wi=2"
           imageAlt="ChatBot Intelligente"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={true}
@@ -132,6 +133,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={[
@@ -150,7 +152,7 @@ export default function LandingPage() {
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/attractive-middle-aged-woman-front-laptop-screen-online-teaching-concept_169016-25682.jpg?_wi=2"
           imageAlt="Avatar IA Personale"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           imagePosition="left"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -167,6 +169,7 @@ 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: [
@@ -194,7 +197,7 @@ export default function LandingPage() {
             }
           ]}
           gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={true}
           buttons={[
@@ -208,6 +211,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={[
@@ -232,7 +236,7 @@ export default function LandingPage() {
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/close-up-businessmen-working-company-financial-report-white-desk_23-2147857302.jpg"
           imageAlt="Vantaggi Aura Creative"
-          mediaAnimation="slide-up"
+          mediaAnimation="blur-reveal"
           imagePosition="right"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -245,6 +249,7 @@ 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,
@@ -268,7 +273,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 +289,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 +310,7 @@ export default function LandingPage() {
               ]
             }
           ]}
-          animationType="slide-up"
+          animationType="scale-rotate"
           textboxLayout="default"
           useInvertedBackground={false}
           buttons={[
@@ -318,6 +324,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);