Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -11,6 +11,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Award, Building2, Truck, CheckCircle, ArrowRight, Quote } from 'lucide-react';
+import Image from 'next/image';
 
 export default function LandingPage() {
   return (
@@ -41,20 +42,126 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
-          title="Maestri nei Colori, Leader nei Risultati"
-          description="Tinteggiatura civile e industriale con tecnologie all'avanguardia, piattaforme aeree e un parco mezzi unico nel territorio. Dove gli altri non arrivano, arriviamo noi."
-          tag="Dal 1990"
-          background={{ variant: "plain" }}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AicWC53vH80wLx71X1buQoZMgU/uploaded-1773091501824-2u5rhu3w.png"
-          imageAlt="Euro Pitture parco mezzi Suzzara"
-          imagePosition="right"
-          mediaAnimation="none"
-          buttons={[
-            { text: "Richiedi Preventivo", href: "#contact" },
-            { text: "Guarda i Lavori", href: "#portfolio" }
-          ]}
-        />
+        <div className="flex flex-col items-center justify-center w-full">
+          {/* Text content section - centered and stacked vertically */}
+          <div className="w-full max-w-3xl mx-auto px-6 md:px-12 pt-20 md:pt-32 pb-12 md:pb-16 text-center">
+            {/* Badge/Tag */}
+            <div 
+              className="inline-flex items-center gap-2 mb-6 md:mb-8 px-4 py-2 rounded-full border border-accent/30 bg-card animate-fade-in-top"
+              style={{
+                animation: 'fadeInTop 0.8s ease-out'
+              }}
+            >
+              <span className="text-sm font-medium text-foreground/75">Dal 1990</span>
+            </div>
+
+            {/* Headline */}
+            <h1 
+              className="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 md:mb-8 leading-tight text-foreground animate-fade-in-top"
+              style={{
+                animation: 'fadeInTop 0.8s ease-out 0.1s both'
+              }}
+            >
+              Maestri nei Colori, Leader nei Risultati
+            </h1>
+
+            {/* Body text */}
+            <p 
+              className="text-lg md:text-xl text-foreground/80 mb-8 md:mb-12 leading-relaxed max-w-2xl mx-auto animate-fade-in-top"
+              style={{
+                animation: 'fadeInTop 0.8s ease-out 0.2s both'
+              }}
+            >
+              Tinteggiatura civile e industriale con tecnologie all'avanguardia, piattaforme aeree e un parco mezzi unico nel territorio. Dove gli altri non arrivano, arriviamo noi.
+            </p>
+
+            {/* CTA Buttons */}
+            <div 
+              className="flex flex-col sm:flex-row gap-4 md:gap-6 justify-center items-center animate-fade-in-top"
+              style={{
+                animation: 'fadeInTop 0.8s ease-out 0.3s both'
+              }}
+            >
+              <button 
+                onClick={() => {
+                  const contactSection = document.getElementById('contact');
+                  if (contactSection) contactSection.scrollIntoView({ behavior: 'smooth' });
+                }}
+                className="px-8 md:px-10 py-3 md:py-4 bg-primary-cta text-primary-cta-text rounded-full font-semibold hover:opacity-90 transition-opacity whitespace-nowrap"
+              >
+                Richiedi Preventivo
+              </button>
+              <button 
+                onClick={() => {
+                  const portfolioSection = document.getElementById('portfolio');
+                  if (portfolioSection) portfolioSection.scrollIntoView({ behavior: 'smooth' });
+                }}
+                className="px-8 md:px-10 py-3 md:py-4 bg-secondary-cta text-secondary-cta-text border-2 border-foreground/20 rounded-full font-semibold hover:border-foreground/40 transition-colors whitespace-nowrap"
+              >
+                Guarda i Lavori
+              </button>
+            </div>
+          </div>
+
+          {/* Full-width image section below with responsive heights */}
+          <div 
+            className="w-full animate-fade-in-bottom relative"
+            style={{
+              animation: 'fadeInBottom 0.8s ease-out 0.4s both',
+              height: 'clamp(220px, 100vw * 0.55, 480px)'
+            }}
+          >
+            <Image
+              src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AicWC53vH80wLx71X1buQoZMgU/uploaded-1773091546923-m4ntmasg.png"
+              alt="Euro Pitture parco mezzi Suzzara"
+              fill
+              className="object-cover"
+              unoptimized
+            />
+          </div>
+        </div>
+
+        <style jsx>{`
+          @keyframes fadeInTop {
+            from {
+              opacity: 0;
+              transform: translateY(30px);
+            }
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+
+          @keyframes fadeInBottom {
+            from {
+              opacity: 0;
+              transform: translateY(-30px);
+            }
+            to {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+
+          @media (max-width: 640px) {
+            :global(body) {
+              /* Mobile: 220px height */
+            }
+          }
+
+          @media (min-width: 641px) and (max-width: 1024px) {
+            :global(body) {
+              /* Tablet: 360px height */
+            }
+          }
+
+          @media (min-width: 1025px) {
+            :global(body) {
+              /* Desktop: 480px height */
+            }
+          }
+        `}</style>
       </div>
 
       <div id="about" data-section="about">
@@ -122,35 +229,29 @@ export default function LandingPage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
           title="Cosa Dicono i Nostri Clienti"
-          description="Leggi le esperienze di chi ha scelto Euro Pitture per i propri progetti"
+          description="Scopri perché più di 500 clienti hanno scelto Euro Pitture: leggi le loro esperienze"
           useInvertedBackground={false}
           textboxLayout="default"
           animationType="slide-up"
           showRating={true}
           testimonials={[
             {
-              id: "1",              name: "Roberto Moretti",              handle: "@moretti_costruzioni",              testimonial: "Professionali, puntuali e sempre attenti ai dettagli. Il nostro edificio non è mai stato così bello. Consigliatissimi.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=1",              imageAlt: "Roberto Moretti testimonianza"
+              id: "1",              name: "Roberto Moretti",              handle: "@moretti_costruzioni",              testimonial: "Professionali, puntuali e sempre attenti ai dettagli. Il nostro edificio non è mai stato così bello. Consigliatissimi.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=1",              imageAlt: "Roberto Moretti testimonianza"
             },
             {
-              id: "2",              name: "Francesca Rossi",              handle: "@rossi_immobiliare",              testimonial: "Da 10 anni lavoriamo insieme. Euro Pitture è affidabile, serio e garantisce sempre il massimo risultato. Partner ideale.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg?_wi=1",              imageAlt: "Francesca Rossi testimonianza"
+              id: "2",              name: "Francesca Rossi",              handle: "@rossi_immobiliare",              testimonial: "Da 10 anni lavoriamo insieme. Euro Pitture è affidabile, serio e garantisce sempre il massimo risultato. Partner ideale.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg?_wi=1",              imageAlt: "Francesca Rossi testimonianza"
             },
             {
-              id: "3",              name: "Marco Ghersi",              handle: "@ghersi_industria",              testimonial: "Per il nostro capannone hanno utilizzato le tecniche più moderne. Il risultato è straordinario. Grazie per la competenza.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg",              imageAlt: "Marco Ghersi testimonianza"
+              id: "3",              name: "Marco Ghersi",              handle: "@ghersi_industria",              testimonial: "Per il nostro capannone hanno utilizzato le tecniche più moderne. Il risultato è straordinario. Grazie per la competenza.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2075.jpg",              imageAlt: "Marco Ghersi testimonianza"
             },
             {
-              id: "4",              name: "Elena Bardoni",              handle: "@bardoni_immobiliare",              testimonial: "Ho affidato loro il restauro della villa del 1800. Hanno saputo coniugare tradizione e innovazione perfettamente.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213510.jpg",              imageAlt: "Elena Bardoni testimonianza"
+              id: "4",              name: "Elena Bardoni",              handle: "@bardoni_immobiliare",              testimonial: "Ho affidato loro il restauro della villa del 1800. Hanno saputo coniugare tradizione e innovazione perfettamente.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213510.jpg",              imageAlt: "Elena Bardoni testimonianza"
             },
             {
-              id: "5",              name: "Paolo Ricciardi",              handle: "@ricciardi_costruttore",              testimonial: "Preventivo leale, tempistica rispettata, qualità eccezionale. È raro trovare così tanto professionismo al giorno d'oggi.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=2",              imageAlt: "Paolo Ricciardi testimonianza"
+              id: "5",              name: "Paolo Ricciardi",              handle: "@ricciardi_costruttore",              testimonial: "Preventivo leale, tempistica rispettata, qualità eccezionale. È raro trovare così tanto professionismo al giorno d'oggi.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg?_wi=2",              imageAlt: "Paolo Ricciardi testimonianza"
             },
             {
-              id: "6",              name: "Antonella Ferrari",              handle: "@ferrari_design",              testimonial: "Creativi nel risolvere problemi complessi. Le loro soluzioni di risanamento hanno salvato il nostro progetto.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg?_wi=2",              imageAlt: "Antonella Ferrari testimonianza"
+              id: "6",              name: "Antonella Ferrari",              handle: "@ferrari_design",              testimonial: "Creativi nel risolvere problemi complessi. Le loro soluzioni di risanamento hanno salvato il nostro progetto.",              rating: 5,              imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg?_wi=2",              imageAlt: "Antonella Ferrari testimonianza"
             }
           ]}
         />
@@ -236,4 +337,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}