Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -29,18 +29,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Chi Siamo", id: "about" },
-        {
+        { name: "Servizi", id: "services" },
-          name: "About",          id: "about"},
+        { name: "Galleria", id: "gallery" },
-        {
+        { name: "Recensioni", id: "reviews" },
-          name: "Services",          id: "services"},
+        { name: "Contatti", id: "contact" },
-        {
-          name: "Gallery",          id: "gallery"},
-        {
-          name: "Reviews",          id: "reviews"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Black & White Hair Studio"
     />
@@ -48,46 +42,29 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroOverlay
-      title="Precision Craftsmanship, Modern Style"
+      title="Artigianato di Precisione, Stile Moderno"
-      description="Black & White Hair Studio offers professional haircutting, coloring, and barbershop services in the heart of Follonica. Experience the contrast of quality and elegance."
+      description="Black & White Hair Studio offre servizi professionali di taglio, colore e barbiere nel cuore di Follonica. Scopri il contrasto tra qualità ed eleganza."
       buttons={[
-        {
+        { text: "Prenota Ora", href: "#contact" },
-          text: "Book Now",          href: "#contact"},
+        { text: "I Nostri Servizi", href: "#services" },
-        {
-          text: "Our Services",          href: "#services"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/barber-putting-towel-face-client_23-2147736960.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775737938314-5s0m4x1m.jpg"
       showDimOverlay={true}
-      avatars={[
+      avatarText="Unisciti ai nostri 100+ clienti felici ogni settimana"
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg",          alt: "Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg",          alt: "Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg",          alt: "Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg",          alt: "Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",          alt: "Client 5"},
-      ]}
-      avatarText="Join 100+ weekly happy clients"
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Welcome to Black & White"
+      title="Benvenuti da Black & White"
-      description="Located at Via Bicocchi 27, we blend modern precision with a welcoming, stylish atmosphere. Whether you're here for a fresh cut, vibrant coloring, or extensions, our team is dedicated to perfection at an affordable price."
+      description="Situati in Via Bicocchi 27, uniamo precisione moderna e un'atmosfera accogliente ed elegante. Che tu sia qui per un taglio fresco, un colore vibrante o extension, il nostro team è dedicato alla perfezione a un prezzo accessibile."
       metrics={[
-        {
+        { value: "5.0", title: "Valutazione" },
-          value: "5.0",          title: "Star Rating"},
+        { value: "100+", title: "Clienti Settimanali" },
-        {
+        { value: "19:00", title: "Orario di Chiusura" },
-          value: "100+",          title: "Weekly Clients"},
-        {
-          value: "7PM",          title: "Open Until"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775737728045-ym11mht6.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
     />
@@ -100,27 +77,21 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Haircutting & Styling",          description: "Expert cuts for men and women, tailored to your personality.",          phoneOne: {
+          title: "Taglio & Styling",          description: "Tagli esperti per uomo e donna, personalizzati secondo il tuo stile.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775737630838-d6hf8ul8.jpg" },
-            imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=1"},
+          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775737630838-aj1agz4z.jpg" },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg?_wi=1"},
         },
         {
-          title: "Coloring & Transformations",          description: "Modern coloring techniques using premium professional products.",          phoneOne: {
+          title: "Colore & Trasformazioni",          description: "Tecniche di colorazione moderne con prodotti professionali premium.",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775737630838-1d5ldsld.jpg" },
-            imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=1"},
+          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775738160473-xsnjvd67.jpg" },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-drying-woman39s-hair_657883-585.jpg?_wi=2"},
         },
         {
-          title: "Hair Extensions",          description: "High-quality extensions to add volume and length with natural finish.",          phoneOne: {
+          title: "Fade ",          description: "Fade e styling ",          phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775738160473-3rxuxuyl.jpg" },
-            imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-proposes-colour-dying-hair_329181-1945.jpg?_wi=2"},
+          phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7W4V1UBQTadLYp2RUIyyoS2Xg/uploaded-1775738160473-p3zuv5ox.jpg" },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=2"},
         },
       ]}
       showStepNumbers={false}
-      title="Our Professional Services"
+      title="I Nostri Servizi Professionali"
-      description="From classic barbershop cuts to advanced coloring techniques, we cater to all your hair needs with unmatched professional care."
+      description="Dai classici tagli da barbiere alle tecniche di colorazione avanzate, ci prendiamo cura di tutte le tue esigenze con un'attenzione professionale senza pari."
     />
   </div>
 
@@ -131,27 +102,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "g1", brand: "Studio", name: "Biondo Moderno", price: "Trasformazione", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg?_wi=1" },
-          id: "g1",          brand: "Studio",          name: "Modern Blonde",          price: "Transformation",          rating: 5,
+        { id: "g2", brand: "Studio", name: "Sfumatura Sharp", price: "Barber", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg?_wi=1" },
-          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg?_wi=1"},
+        { id: "g3", brand: "Studio", name: "Volume & Lunghezza", price: "Extension", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg?_wi=1" },
-        {
-          id: "g2",          brand: "Studio",          name: "Sharp Fade",          price: "Barbershop",          rating: 5,
-          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg?_wi=1"},
-        {
-          id: "g3",          brand: "Studio",          name: "Length & Volume",          price: "Extensions",          rating: 5,
-          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg?_wi=1"},
-        {
-          id: "g4",          brand: "Studio",          name: "Deep Brunette",          price: "Styling",          rating: 5,
-          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-drag-posing-with-jewelry_23-2149247370.jpg?_wi=2"},
-        {
-          id: "g5",          brand: "Studio",          name: "Textured Cut",          price: "Styling",          rating: 5,
-          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-red-lips-unusual-hair-style-gray_158538-2314.jpg?_wi=2"},
-        {
-          id: "g6",          brand: "Studio",          name: "Elegant Updo",          price: "Styling",          rating: 5,
-          reviewCount: "1",          imageSrc: "http://img.b2bpic.net/free-photo/cute-studio-girl-cool-hispanic_1187-6234.jpg?_wi=2"},
       ]}
-      title="Transformations"
+      title="Trasformazioni"
-      description="See our latest work and experience the Black & White standard of style."
+      description="Scopri i nostri ultimi lavori ed esplora lo standard di stile di Black & White."
     />
   </div>
 
@@ -162,40 +118,25 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Marco Rossi", role: "Cliente", company: "Follonica", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg" },
-          id: "t1",          name: "Marco Rossi",          role: "Client",          company: "Follonica",          rating: 5,
+        { id: "t2", name: "Elena Bianchi", role: "Cliente", company: "Follonica", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-sitting-sofa-looking-camera-high-quality-photo_114579-31508.jpg"},
+        { id: "t3", name: "Luca Verdi", role: "Cliente", company: "Follonica", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg" },
-        {
-          id: "t2",          name: "Elena Bianchi",          role: "Client",          company: "Follonica",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smile-bride-chair_23-2149860772.jpg"},
-        {
-          id: "t3",          name: "Luca Verdi",          role: "Client",          company: "Follonica",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3775.jpg"},
-        {
-          id: "t4",          name: "Giulia Neri",          role: "Client",          company: "Follonica",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg"},
-        {
-          id: "t5",          name: "Alessio Bruno",          role: "Client",          company: "Follonica",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg"},
       ]}
-      title="What Our Clients Say"
+      title="Cosa Dicono i Nostri Clienti"
-      description="Join our community of satisfied clients."
+      description="Unisciti alla nostra community di clienti soddisfatti."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      tag="Vieni a Trovarci"
-      tag="Visit Us"
+      title="Prenota la Tua Trasformazione"
-      title="Book Your Transformation"
+      description="Pronto a ridefinire il tuo look? Passa a trovarci a Follonica o chiama per prenotare il tuo appuntamento."
-      description="Ready to redefine your look? Visit us in Follonica or call to book your appointment."
       buttons={[
-        {
+        { text: "Chiama +39 366 861 0081", href: "tel:+393668610081" },
-          text: "Call +39 366 861 0081",          href: "tel:+393668610081"},
+        { text: "Ottieni Indicazioni", href: "https://maps.google.com" },
-        {
-          text: "Get Directions",          href: "https://maps.google.com"},
       ]}
     />
   </div>
@@ -206,28 +147,21 @@ export default function LandingPage() {
       columns={[
         {
           title: "Studio",          items: [
-            {
+            { label: "Servizi", href: "#services" },
-              label: "Services",              href: "#services"},
+            { label: "Chi Siamo", href: "#about" },
-            {
+            { label: "Recensioni", href: "#reviews" },
-              label: "About",              href: "#about"},
-            {
-              label: "Reviews",              href: "#reviews"},
           ],
         },
         {
-          title: "Connect",          items: [
+          title: "Contatti",          items: [
-            {
+            { label: "Chiama", href: "tel:+393668610081" },
-              label: "Call Us",              href: "tel:+393668610081"},
+            { label: "Indicazioni", href: "https://maps.google.com" },
-            {
-              label: "Visit Us",              href: "https://maps.google.com"},
           ],
         },
         {
-          title: "Legal",          items: [
+          title: "Legale",          items: [
-            {
+            { label: "Privacy", href: "#" },
-              label: "Privacy Policy",              href: "#"},
+            { label: "Termini", href: "#" },
-            {
-              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #0a0a0a;
-  --card: #f0f0f0;
+  --card: #1a1a1a;
-  --foreground: #000000;
+  --foreground: #ffffffe6;
-  --primary-cta: #000000;
+  --primary-cta: #e6e6e6;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #000000;
+  --secondary-cta-text: #ffffffe6;
-  --accent: #333333;
+  --accent: #737373;
-  --background-accent: #e0e0e0;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);