Update src/app/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+
+export default function AboutPage() {
+  const updatedNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Trattamenti", id: "/#products" },
+    { name: "Chi Siamo", id: "/about" },
+    { name: "Testimonianze", id: "/#testimonials" },
+    { name: "Domande Frequenti", id: "/#faq" },
+    { name: "Contatti", id: "/#contact" }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Beauty Elite"
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F1l2ziUL9Ga3VghepYfdJllcYg/uploaded-1781250323692-gcrcq7n1.png"
+          logoAlt="Beauty Elite Logo"
+          navItems={updatedNavItems}
+          logoImageClassName="h-16 w-auto"
+        />
+      </div>
+
+      <div id="about-content" data-section="about-content">
+        <InlineImageSplitTextAbout
+          heading={[{ type: "text", content: "La Nostra Filosofia: " }, { type: "text", content: "Bellezza, Eleganza, Benessere" }]}
+          buttons={[{ text: "Scopri di Più" }]}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F1l2ziUL9Ga3VghepYfdJllcYg/uploaded-1781250323692-gcrcq7n1.png"
+          logoAlt="Beauty Elite Logo"
+          logoText="Beauty Elite"
+          leftLink={{ text: "Informativa sulla Privacy", href: "#" }}
+          rightLink={{ text: "Termini di Servizio", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -13,6 +13,15 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import { Sparkles, Heart, Leaf } from "lucide-react";
 
 export default function LandingPage() {
+  const updatedNavItems = [
+    { name: "Home", id: "/" },
+    { name: "Trattamenti", id: "/#products" },
+    { name: "Chi Siamo", id: "/about" },
+    { name: "Testimonianze", id: "/#testimonials" },
+    { name: "Domande Frequenti", id: "/#faq" },
+    { name: "Contatti", id: "/#contact" }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -31,14 +40,8 @@ export default function LandingPage() {
           brandName="Beauty Elite"
           logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F1l2ziUL9Ga3VghepYfdJllcYg/uploaded-1781250323692-gcrcq7n1.png"
           logoAlt="Beauty Elite Logo"
-          navItems={[
+          navItems={updatedNavItems}
-            { name: "Home", id: "hero" },
+          logoImageClassName="h-16 w-auto"
-            { name: "Trattamenti", id: "products" },
-            { name: "Chi Siamo", id: "about" },
-            { name: "Testimonianze", id: "testimonials" },
-            { name: "Domande Frequenti", id: "faq" },
-            { name: "Contatti", id: "contact" }
-          ]}
         />
       </div>
 
@@ -47,8 +50,7 @@ export default function LandingPage() {
           title="Scatena la Tua Luminosità Interiore"
           description="A Beauty Elite, uniamo arte e scienza per rivelare la tua bellezza più autentica. Scopri un santuario dove trattamenti di lusso incontrano cure personalizzate per un'esperienza davvero trasformativa."
           background={{ variant: "radial-gradient" }}
-          buttons={[{ text: "Esplora i Trattamenti", href: "#products" }]
+          buttons={[{ text: "Esplora i Trattamenti", href: "/#products" }]}
-          }
           mediaItems={[
             { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg", imageAlt: "Ambiente spa sereno con luci soffuse" },
             { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7518.jpg", imageAlt: "Donna che riceve un lussuoso trattamento viso" },
@@ -62,10 +64,8 @@ export default function LandingPage() {
 
       <div id="about" data-section="about">
         <InlineImageSplitTextAbout
-          heading={[{ type: "text", content: "La Nostra Filosofia: " }, { type: "text", content: "Bellezza, Eleganza, Benessere" }]
+          heading={[{ type: "text", content: "La Nostra Filosofia: " }, { type: "text", content: "Bellezza, Eleganza, Benessere" }]}
-          }
+          buttons={[{ text: "Scopri di Più", href: "/about" }]}
-          buttons={[{ text: "Scopri di Più" }]
-          }
           useInvertedBackground={false}
         />
       </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #006D67;
+  --background: #fafffb;
-  --card: #005F5A;
+  --card: #ffffff;
-  --foreground: #F5F5F5;
+  --foreground: #001a0a;
-  --primary-cta: #D4AF37;
+  --primary-cta: #0a705f;
-  --primary-cta-text: #000000;
+  --primary-cta-text: #fafffb;
-  --secondary-cta: #F5F5F5;
+  --secondary-cta: #ffffff;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #001a0a;
-  --accent: #D4AF37;
+  --accent: #a8d9be;
-  --background-accent: #007A74;
+  --background-accent: #6bbfb8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);