Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import { Award, Camera, Film } from "lucide-react";
+import { Film } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -44,39 +44,26 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+      <HeroOverlay
-      background={{
-        variant: "plain"}}
       title="Cinema for brands."
       description="Independent filmmaking for luxury, manufacturing and premium B2B."
-      mediaItems={[
+      tag="Now showing"
-        {
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013148412-ce7dc69c.png?_wi=1"
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013148412-ce7dc69c.png?_wi=1",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
+      showDimOverlay={true}
-        {
+      showBlur={true}
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013195785-60be8055.png",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
+      textPosition="bottom"
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013204519-fa22068c.png",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
-      ]}
-      mediaAnimation="opacity"
     />
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <MediaAbout
       useInvertedBackground={false}
-      title="Manifesto"
+      title="The Manifesto"
-      metrics={[
+      tag="Our Vision"
-        {
+      tagIcon={Film}
-          icon: Film,
+      description="FPH Production is more than a studio—it is the dedicated practice of Michele Floridia. We believe in the power of the frame to elevate the ordinary. In an era of endless, disposable content, we champion the slow, the deliberate, and the cinematic. We work exclusively with brands that refuse to look like everyone else, finding beauty in precision, craftsmanship, and the silent narratives of high-end manufacturing."
-          label: "Philosophy",          value: "FPH Production is the practice of Michele Floridia."},
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/macro-photography-of-an-artisan-hand-cra-1778013176147-28207c21.png?_wi=1"
-        {
+      className="py-24"
-          icon: Award,
-          label: "Mission",          value: "Working with brands that refuse to look like everyone else."},
-        {
-          icon: Camera,
-          label: "Vision",          value: "Less content. More cinema."},
-      ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
@@ -92,7 +79,7 @@ export default function LandingPage() {
         {
           id: "2",          name: "Threshold",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/architectural-interior-photograph-with-s-1778013167017-90f4b8cc.png?_wi=1"},
         {
-          id: "3",          name: "The Hand",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/macro-photography-of-an-artisan-hand-cra-1778013176147-28207c21.png"},
+          id: "3",          name: "The Hand",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/macro-photography-of-an-artisan-hand-cra-1778013176147-28207c21.png?_wi=2"},
         {
           id: "4",          name: "Vendemmia",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-still-from-a-vineyard-at-dawn--1778013183908-a8ada240.png"},
         {