From 7facc628d875df0217b2e39589e9fec5e5d917bb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 13:06:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 362 +++++++----------------------------------------
 1 file changed, 55 insertions(+), 307 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8f98c50..df5ed1d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,99 +32,47 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Showreel",
-          id: "showreel",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Processo",
-          id: "processo",
-        },
-        {
-          name: "Contatti",
-          id: "contact",
-        },
+        { name: "Showreel", id: "showreel" },
+        { name: "Portfolio", id: "portfolio" },
+        { name: "Processo", id: "processo" },
+        { name: "Contatti", id: "contact" },
       ]}
       brandName="FPH Production"
-      button={{
-        text: "Prenota una call",
-        href: "#contact",
-      }}
+      button={{ text: "Prenota una call", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Contenuti video che i brand ricordano. E che convertono."
       description="Trasformiamo l'identità visiva di brand automotive, lifestyle e luxury in asset cinematici ad alte prestazioni."
       buttons={[
-        {
-          text: "Prenota una call",
-          href: "#contact",
-        },
-        {
-          text: "Guarda il reel",
-          href: "#showreel",
-        },
+        { text: "Prenota una call", href: "#contact" },
+        { text: "Guarda il reel", href: "#showreel" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-brunette-bride-sitting-front-seat-pink-retro-car_8353-11671.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/portrait-brunette-bride-sitting-front-seat-pink-retro-car_8353-11671.jpg"
     />
   </div>
 
   <div id="showreel" data-section="showreel">
       <FeatureCardNine
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          title: "Direzione Creativa",
-          description: "Progettiamo lo storytelling che converte.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-theatre_23-2151184687.jpg",
-            imageAlt: "Showreel",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/african-american-music-producer-finishing-his-new-track-professional-studio_482257-122055.jpg",
-            imageAlt: "Showreel",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-bride-sitting-front-seat-pink-retro-car_8353-11671.jpg?_wi=2",
-          imageAlt: "cinematic background video",
+          title: "Direzione Creativa",          description: "Progettiamo lo storytelling che converte.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-theatre_23-2151184687.jpg", imageAlt: "Showreel" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/african-american-music-producer-finishing-his-new-track-professional-studio_482257-122055.jpg", imageAlt: "Showreel" }
         },
         {
-          title: "Produzione Cinematic",
-          description: "Qualità visiva superiore per ogni asset.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg",
-            imageAlt: "Showreel",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934313.jpg",
-            imageAlt: "Showreel",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970193.jpg?_wi=1",
-          imageAlt: "cinematic background video",
+          title: "Produzione Cinematic",          description: "Qualità visiva superiore per ogni asset.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-33509.jpg", imageAlt: "Showreel" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934313.jpg", imageAlt: "Showreel" }
         },
         {
-          title: "Strategia Social",
-          description: "Asset ottimizzati per performance organica.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20393.jpg",
-            imageAlt: "Showreel",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-surfer-clothes-horizontal-shot_23-2148823848.jpg",
-            imageAlt: "Showreel",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg?_wi=1",
-          imageAlt: "cinematic background video",
-        },
+          title: "Strategia Social",          description: "Asset ottimizzati per performance organica.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-recording-studio-music-production_1303-20393.jpg", imageAlt: "Showreel" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-surfer-clothes-horizontal-shot_23-2148823848.jpg", imageAlt: "Showreel" }
+        }
       ]}
       showStepNumbers={false}
       title="Il nostro Showreel"
@@ -138,46 +86,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "f1",
-          value: "Brand Film",
-          title: "Cinematic Storytelling",
-          items: [
-            "Lanci Prodotto",
-            "Brand Identity",
-            "Eventi Premium",
-          ],
-        },
-        {
-          id: "f2",
-          value: "Social",
-          title: "Reels & TikToks",
-          items: [
-            "Organico",
-            "Strategia ADV",
-            "User Retention",
-          ],
-        },
-        {
-          id: "f3",
-          value: "Packshot",
-          title: "Prodotto & Food",
-          items: [
-            "Studio Shooting",
-            "High-end Editing",
-            "CGI Integration",
-          ],
-        },
-        {
-          id: "f4",
-          value: "Campaign",
-          title: "Digital ADV",
-          items: [
-            "Retail Launch",
-            "Conversion Oriented",
-            "Format Diversi",
-          ],
-        },
+        { id: "f1", value: "Brand Film", title: "Cinematic Storytelling", items: ["Lanci Prodotto", "Brand Identity", "Eventi Premium"] },
+        { id: "f2", value: "Social", title: "Reels & TikToks", items: ["Organico", "Strategia ADV", "User Retention"] },
+        { id: "f3", value: "Packshot", title: "Prodotto & Food", items: ["Studio Shooting", "High-end Editing", "CGI Integration"] },
+        { id: "f4", value: "Campaign", title: "Digital ADV", items: ["Retail Launch", "Conversion Oriented", "Format Diversi"] }
       ]}
       title="Cosa Facciamo"
       description="Produzioni studiate per il massimo ritorno sull'investimento marketing."
@@ -186,46 +98,17 @@ export default function LandingPage() {
 
   <div id="portfolio" data-section="portfolio">
       <ProductCardThree
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Harley-Davidson Launch",
-          price: "+120K Views",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098542.jpg",
-        },
-        {
-          id: "p2",
-          name: "Luxury Beauty Tech",
-          price: "35% CTR",
-          imageSrc: "http://img.b2bpic.net/free-photo/sparkle-spikes-close-up-ferromagnetic-metal_23-2148253625.jpg",
-        },
-        {
-          id: "p3",
-          name: "Automotive Retail",
-          price: "2.4x Conversions",
-          imageSrc: "http://img.b2bpic.net/free-photo/cinema-seats_23-2147988957.jpg",
-        },
-        {
-          id: "p4",
-          name: "Lifestyle Campaign",
-          price: "1.2M Reach",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-empty-green-gradient-studio-well-use-as-backgroundwebsite-templateframebusiness-report_1258-107734.jpg",
-        },
-        {
-          id: "p5",
-          name: "Events Recap",
-          price: "High Engagement",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-garbage-plastic-cups_23-2148393480.jpg",
-        },
-        {
-          id: "p6",
-          name: "Corporate Identity",
-          price: "Premium Positioning",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078229.jpg",
-        },
+        { id: "p1", name: "Harley-Davidson Launch", price: "+120K Views", imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098542.jpg" },
+        { id: "p2", name: "Luxury Beauty Tech", price: "35% CTR", imageSrc: "http://img.b2bpic.net/free-photo/sparkle-spikes-close-up-ferromagnetic-metal_23-2148253625.jpg" },
+        { id: "p3", name: "Automotive Retail", price: "2.4x Conversions", imageSrc: "http://img.b2bpic.net/free-photo/cinema-seats_23-2147988957.jpg" },
+        { id: "p4", name: "Lifestyle Campaign", price: "1.2M Reach", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-empty-green-gradient-studio-well-use-as-backgroundwebsite-templateframebusiness-report_1258-107734.jpg" },
+        { id: "p5", name: "Events Recap", price: "High Engagement", imageSrc: "http://img.b2bpic.net/free-photo/close-up-garbage-plastic-cups_23-2148393480.jpg" },
+        { id: "p6", name: "Corporate Identity", price: "Premium Positioning", imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078229.jpg" }
       ]}
       title="Selected Work"
       description="Progetti scelti per il loro impatto concreto sul mercato."
@@ -239,53 +122,21 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Brief",
-          description: "Definiamo gli obiettivi di business.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/professional-post-processing-photography-studio-with-editing-software-interface-pc-screens_482257-87241.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078273.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-bride-sitting-front-seat-pink-retro-car_8353-11671.jpg?_wi=3",
-          imageAlt: "cinematic background video",
+          title: "Brief",          description: "Definiamo gli obiettivi di business.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/professional-post-processing-photography-studio-with-editing-software-interface-pc-screens_482257-87241.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078273.jpg" }
         },
         {
-          title: "Pre-produzione",
-          description: "Storyboarding e planning meticoloso.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/developing-photos-blurry-darkroom_23-2149893978.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-beautiful-flowers_23-2149540010.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/male-product-photographer-doing-his-job-studio_23-2148970193.jpg?_wi=2",
-          imageAlt: "cinematic background video",
+          title: "Pre-produzione",          description: "Storyboarding e planning meticoloso.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/developing-photos-blurry-darkroom_23-2149893978.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-beautiful-flowers_23-2149540010.jpg" }
         },
         {
-          title: "Shoot",
-          description: "Esecuzione cinematografica.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/movie-background-collage_23-2149876007.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/african-american-tracking-engineer-works-with-greenscreen_482257-122196.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg?_wi=2",
-          imageAlt: "cinematic background video",
+          title: "Shoot",          description: "Esecuzione cinematografica.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/movie-background-collage_23-2149876007.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/african-american-tracking-engineer-works-with-greenscreen_482257-122196.jpg" }
         },
         {
-          title: "Delivery",
-          description: "Post-produzione veloce e asset pronti.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-taxi-car_23-2149149590.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/asian-video-editor-working-with-multimedia-footage-editing-film-montage-with-color-grading-sound-working-freelance-home-using-post-production-software-make-movie_482257-48024.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg?_wi=1",
-          imageAlt: "cinematic background video",
-        },
+          title: "Delivery",          description: "Post-produzione veloce e asset pronti.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-taxi-car_23-2149149590.jpg" },
+          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/asian-video-editor-working-with-multimedia-footage-editing-film-montage-with-color-grading-sound-working-freelance-home-using-post-production-software-make-movie_482257-48024.jpg" }
+        }
       ]}
       showStepNumbers={true}
       title="Il Nostro Processo"
@@ -298,9 +149,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Chi siamo"
       description={[
-        "Michele Floridia e il team FPH Production trasformano le esigenze di marketing in contenuti visivi memorabili. Non cerchiamo solo la bellezza, cerchiamo il risultato.",
-        "Cinematici per natura, strategici per scelta, veloci per necessità.",
-      ]}
+        "Michele Floridia e il team FPH Production trasformano le esigenze di marketing in contenuti visivi memorabili. Non cerchiamo solo la bellezza, cerchiamo il risultato.",        "Cinematici per natura, strategici per scelta, veloci per necessità."]}
     />
   </div>
 
@@ -309,13 +158,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Automotive Group",
-        "Moto Brand",
-        "Luxury Beauty",
-        "Tech Solutions",
-        "Sportswear Intl",
-        "Fashion House",
-        "Agency Partners",
+        "Automotive Group", "Moto Brand", "Luxury Beauty", "Tech Solutions", "Sportswear Intl", "Fashion House", "Agency Partners"
       ]}
       title="Brand che si affidano a noi"
       description="Collaboriamo con aziende leader per ridefinire la loro presenza digitale."
@@ -324,44 +167,15 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTwo
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Marketing Manager",
-          testimonial: "I contenuti di FPH hanno trasformato le performance social del nostro ultimo lancio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Brand Leader",
-          testimonial: "Veloci, strategici e visivamente impeccabili. Non torneremo più indietro.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "CMO",
-          testimonial: "Finalmente un partner che capisce la differenza tra un bel video e un video che vende.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
-        },
-        {
-          id: "4",
-          name: "Luca P.",
-          role: "CEO",
-          testimonial: "Michele è un regista che pensa come un imprenditore. È esattamente quello che ci serviva.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-making-quarter-review_23-2148411833.jpg",
-        },
-        {
-          id: "5",
-          name: "Giacomo V.",
-          role: "Head of Social",
-          testimonial: "I loro contenuti hanno triplicato l'engagement organico in soli due mesi.",
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-businessman-is-looking-screen-laptop-talking-cellphone_8353-10546.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "Marketing Manager", testimonial: "I contenuti di FPH hanno trasformato le performance social del nostro ultimo lancio.", imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg" },
+        { id: "2", name: "Mark D.", role: "Brand Leader", testimonial: "Veloci, strategici e visivamente impeccabili. Non torneremo più indietro.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020777.jpg" },
+        { id: "3", name: "Elena R.", role: "CMO", testimonial: "Finalmente un partner che capisce la differenza tra un bel video e un video che vende.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
+        { id: "4", name: "Luca P.", role: "CEO", testimonial: "Michele è un regista che pensa come un imprenditore. È esattamente quello che ci serviva.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-making-quarter-review_23-2148411833.jpg" },
+        { id: "5", name: "Giacomo V.", role: "Head of Social", testimonial: "I loro contenuti hanno triplicato l'engagement organico in soli due mesi.", imageSrc: "http://img.b2bpic.net/free-photo/focused-businessman-is-looking-screen-laptop-talking-cellphone_8353-10546.jpg" }
       ]}
       title="Dicono di noi"
       description="I risultati del nostro lavoro nelle parole di chi gestisce i brand."
@@ -373,31 +187,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Tempi di consegna?",
-          content: "Solitamente dai 15 ai 30 giorni dalla fine dello shoot, a seconda della complessità.",
-        },
-        {
-          id: "q2",
-          title: "Budget indicativo?",
-          content: "Lavoriamo su progetti premium partendo da un investimento minimo che garantisca standard cinematografici.",
-        },
-        {
-          id: "q3",
-          title: "Diritti d'uso?",
-          content: "Tutti i diritti di utilizzo commerciale sono inclusi nel pacchetto pattuito.",
-        },
-        {
-          id: "q4",
-          title: "Aree geografiche?",
-          content: "Siamo basati a Crema ma operiamo in tutta Italia e all'estero.",
-        },
-        {
-          id: "q5",
-          title: "Come iniziare?",
-          content: "Prenota una call tramite il link per discutere il tuo progetto.",
-        },
+        { id: "q1", title: "Tempi di consegna?", content: "Solitamente dai 15 ai 30 giorni dalla fine dello shoot, a seconda della complessità." },
+        { id: "q2", title: "Budget indicativo?", content: "Lavoriamo su progetti premium partendo da un investimento minimo che garantisca standard cinematografici." },
+        { id: "q3", title: "Diritti d'uso?", content: "Tutti i diritti di utilizzo commerciale sono inclusi nel pacchetto pattuito." },
+        { id: "q4", title: "Aree geografiche?", content: "Siamo basati a Crema ma operiamo in tutta Italia e all'estero." },
+        { id: "q5", title: "Come iniziare?", content: "Prenota una call tramite il link per discutere il tuo progetto." }
       ]}
       title="Domande Frequenti"
       description="Tutto quello che devi sapere prima di iniziare."
@@ -408,9 +202,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Parliamo"
       title="Parliamo del tuo prossimo progetto"
       description="Pronto a elevare la tua comunicazione? Prenota una chiamata conoscitiva."
@@ -421,53 +213,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Studio",
-          items: [
-            {
-              label: "Crema, Italia",
-              href: "#",
-            },
-            {
-              label: "+39 320 2792782",
-              href: "tel:+393202792782",
-            },
-            {
-              label: "info@fphproduction.com",
-              href: "mailto:info@fphproduction.com",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
-            {
-              label: "YouTube",
-              href: "https://youtube.com",
-            },
-            {
-              label: "LinkedIn",
-              href: "https://linkedin.com",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "P.IVA 01858540196",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Studio", items: [{ label: "Crema, Italia", href: "#" }, { label: "+39 320 2792782", href: "tel:+393202792782" }, { label: "info@fphproduction.com", href: "mailto:info@fphproduction.com" }] },
+        { title: "Social", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "YouTube", href: "https://youtube.com" }, { label: "LinkedIn", href: "https://linkedin.com" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "P.IVA 01858540196", href: "#" }] }
       ]}
       logoText="FPH Production"
     />
@@ -475,4 +223,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1