@@ -3,15 +3,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider" ;
import ReactLenis from "lenis/react" ;
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm' ;
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia ' ;
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree ' ;
import FooterBase from '@/components/sections/footer/FooterBase' ;
import HeroSplit from '@/components/sections/hero/HeroSplit' ;
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal ' ;
import HeroLogo from '@/components/sections/hero/HeroLogo ' ;
import MediaAbout from '@/components/sections/about/MediaAbout' ;
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen' ;
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered' ;
import ProductCardTwo from '@/components/sections/product/ProductCardTwo' ;
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen' ;
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia' ;
export default function LandingPage() {
return (
@@ -31,227 +28,83 @@ export default function LandingPage() {
< div id = "nav" data-section = "nav" >
< NavbarStyleCentered
navItems = { [
{
name : "Philosophy" , id : "about " } ,
{
name : "Showreel" , id : "features " } ,
{
name : "Services" , id : "services" } ,
{
name : "Contact" , id : "contact" } ,
{ name : "Philosophy" , id : "about" } ,
{ name : "Services" , id : "services " } ,
{ name : "Clients" , id : "social-proof" } ,
{ name : "Contact" , id : "contact " } ,
] }
brandName = "FPH PRODUCTION "
brandName = "FPH — Michele Floridia "
/ >
< / div >
< div id = "hero" data-section = "hero" >
< HeroSplit
background = { {
variant : "radial-gradient" } }
title = "Contenuti video che i brand ricordano"
description = "Spot cinematografici, brand film heritage, lifestyle e copertura eventi. Per brand italiani che vogliono comunicare chi sono — non solo cosa vendono. Convert viewers into loyal customers through cinematic authority. "
buttons = { [
{
text : "Richiedi una consulenza creativa" , href : "#contact" } ,
{
text : "Guarda lo showreel" , href : "#features" } ,
] }
imageSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/anamorphic-cinematic-2-39-1-aspect-ratio-1776519364647-e735814a.png"
mediaAnimation = "blur-reveal"
avatars = { [
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-luxury-brand-director-prof-1776519413839-988f0e13.png" , alt : "Client One" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-marketing-manager-sleek-da-1776519423246-8a78a4ca.png" , alt : "Client Two" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-an-event-coordinator-profess-1776519431329-6b0d51e6.png" , alt : "Client Three" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-luxury-fashion-director-cr-1776519441932-d21fb1f4.png" , alt : "Client Four" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-boutique-hotel-founder-ref-1776519452229-b2726f0d.png" , alt : "Client Five" } ,
] }
avatarText = "Trusted by visionary brands"
marqueeItems = { [
{
type : "text" , text : "Cinematic Storytelling" } ,
{
type : "text" , text : "Italian Heritage" } ,
{
type : "text" , text : "High-End Production" } ,
{
type : "text" , text : "Editorial Motion" } ,
{
type : "text" , text : "Global Vision" } ,
] }
/ >
< HeroLogo
logoText = "REGIA E PRODUZIONE VIDEO"
description = "Film per brand che sanno chi sono. Brand Film, fiere e campagne B2B & luxury. Una sola regia, dal concept all'on-air."
buttons = { [ { text : "PRENOTA UNA CALL GRATUITA" , href : "#contact" } ] }
videoSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/uploaded-1776553036600-uldveqyn.mp4 "
showDimOverlay = { true }
className = "min-h-screen"
/ >
< / div >
< div id = "about" data-section = "about" >
< MediaAbout
useInvertedBackground = { true }
title = "Non creiamo video. Facciamo film ."
description = "Ogni frame è curato per restituire l'eccellenza dell'artigianato italiano. FPH Production non è un'agenzia di contenuti; è lo sguardo autoriale dietro il tuo brand ."
title = "Michele Floridia — Directing Studio ."
description = "FPH is a boutique directing studio built for high-end manufacturing, heritage brands, and outdoor luxury. We provide tailor-made production management that scales from intimate storytelling to complex campaign direction, ensuring every frame honors your craft ."
imageSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/director-michele-floridia-working-on-a-f-1776519373622-6bbe0844.png"
/ >
< / div >
< div id = "featur es" data-section = "featur es" >
< FeatureCardTwentyThree
< div id = "servic es" data-section = "servic es" >
< FeatureCardMedia
title = "Cinematographic Services"
description = "Tailored production solutions for premium brands."
animationType = "slide-up"
textboxLayout = "spli t"
textboxLayout = "defaul t"
useInvertedBackground = { false }
features = { [
{
id : "1 " , title : "Heritage Brand Film" , tags : [
"Cinematic" , "Storytelling" ] ,
imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-still-from-a-luxury-heritage-b-1776519381253-233d60a8.png" } ,
{
id : "2" , title : "Lifestyle & Fashion" , tags : [
"Editorial" , "Motion" ] ,
imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/lifestyle-campaign-still-for-premium-fas-1776519392405-474454c4.png" } ,
{
id : "3" , title : "Event Documentary" , tags : [
"On-site" , "Reportage" ] ,
imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/event-documentary-capture-from-a-luxury--1776519402835-2635223c.png" } ,
{ id : "s1" , title : "Heritage Brand Storytelling" , description : "Elevating industrial legacy through authentic, long-form cinematic narratives." , tag : "Production" } ,
{ id : "s2 " , title : "Luxury Campaign Direction" , description : "High-fidelity lifestyle visuals for refined commercial positioning." , tag : "Campaign" } ,
{ id : "s3" , title : "On-Site Event Direction" , description : "Bespoke directorial presence for brand experiences and showcases." , tag : "Events" }
] }
title = "I nostri pilastri cinematografici"
description = "Approcci narrativi distinti per ogni necessità di comunicazione."
/ >
< / div >
< div id = "services " data-section = "services " >
< ProductCardTwo
animationType = "slide-up"
textboxLayout = "split"
gridVariant = "three-columns-all-equal-width"
useInvertedBackground = { true }
products = { [
{
id : "p1" , brand : "Studio" , name : "Brand Film Heritage" , price : "Richiedi disponibilità" , rating : 5 ,
reviewCount : "10+" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-still-from-a-luxury-heritage-b-1776519462406-f7810095.png" } ,
{
id : "p2" , brand : "Studio" , name : "Campagna Lifestyle" , price : "Richiedi disponibilità" , rating : 5 ,
reviewCount : "15+" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/lifestyle-campaign-still-for-premium-fas-1776519470939-52e506fb.png" } ,
{
id : "p3" , brand : "Studio" , name : "Reportage Eventi" , price : "Richiedi disponibilità" , rating : 5 ,
reviewCount : "20+" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/event-documentary-capture-from-a-luxury--1776519478443-ef0c1d7a.png" } ,
{
id : "p4" , brand : "Studio" , name : "Social Content Editorial" , price : "Richiedi disponibilità" , rating : 5 ,
reviewCount : "12+" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-still-from-a-luxury-heritage-b-1776519490493-7878765d.png" } ,
{
id : "p5" , brand : "Studio" , name : "Spot Pubblicitari" , price : "Richiedi disponibilità" , rating : 5 ,
reviewCount : "8+" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/lifestyle-campaign-still-for-premium-fas-1776519499140-41179d6f.png" } ,
{
id : "p6" , brand : "Studio" , name : "Color Grading & Post" , price : "Richiedi disponibilità" , rating : 5 ,
reviewCount : "25+" , imageSrc : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/event-documentary-capture-from-a-luxury--1776519509047-ed0e22de.png" } ,
] }
title = "Produzione integrata"
description = "Soluzioni modulari dalla pre-produzione alla post-produzione cinematografica."
/ >
< / div >
< div id = "metric" data-section = "metric" >
< MetricCardFourteen
useInvertedBackground = { false }
title = "L'impatto FPH"
tag = "Risultati concreti"
metrics = { [
{
id : "m1" , value : "100+" , description : "Progetti cinematografici consegnati" } ,
{
id : "m2" , value : "40+" , description : "Brand italiani supportati" } ,
{
id : "m3" , value : "200M+" , description : "Visualizzazioni totali organiche" } ,
] }
metricsAnimation = "blur-reveal"
/ >
< / div >
< div id = "testimonial" data-section = "testimonial" >
< div id = "social-proof " data-section = "social-proof " >
< TestimonialCardFifteen
useInvertedBackground = { true }
testimonial = "Michele non fa video. Trasforma l'identità del nostro brand in un racconto che tocca le corde giuste. Cinema puro."
testimonial = "The sensibility Michele Floridia brings to our brand narrative is unmatched. It’ ’
rating = { 5 }
author = "Marco Rossi, CEO di Heritage Italy "
avatars = { [
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-luxury-brand-director-prof-1776519413839-988f0e13.png" , alt : "CEO" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-marketing-manager-sleek-da-1776519423246-8a78a4ca.png" , alt : "Marketing Director" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-an-event-coordinator-profess-1776519431329-6b0d51e6.png" , alt : "Event Manager" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-luxury-fashion-director-cr-1776519441932-d21fb1f4.png" , alt : "Fashion Director" } ,
{
src : "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-boutique-hotel-founder-ref-1776519452229-b2726f0d.png" , alt : "Hotel Founder" } ,
] }
ratingAnimation = "slide-up"
avatarsAnimation = "blur-reveal"
/ >
< / div >
< div id = "faq" data-section = "faq" >
< FaqSplitMedia
textboxLayout = "split"
useInvertedBackground = { false }
faqs = { [
{
id : "f1" , title : "Quanto tempo occorre per un film di brand?" , content : "Solitamente 3-5 settimane dalla pre-produzione alla consegna." } ,
{
id : "f2" , title : "Lavorate anche fuori Milano?" , content : "Sì, siamo disponibili in tutta Italia e all'estero per coperture on-site." } ,
{
id : "f3" , title : "Cosa include il pacchetto base?" , content : "Regia, shooting, montaggio, color grading e sound design cinematografico." } ,
] }
imageSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/director-michele-floridia-working-on-a-f-1776519517878-58d0ed61.png"
title = "Domande frequenti"
description = "Tutto quello che c'è da sapere sul processo cinematografico."
faqsAnimation = "blur-reveal"
mediaAnimation = "blur-reveal"
author = "Director of Brand Strategy, Leading Luxury House "
avatars = { [ { src : "https://i.pravatar.cc/150?u=a1" , alt : "Client" } ] }
ratingAnimation = "blur-reveal"
avatarsAnimation = "slide-up"
useInvertedBackground = { true }
ariaLabel = "Testimonial section"
/ >
< / div >
< div id = "contact" data-section = "contact" >
< ContactSplitForm
useInvertedBackground = { true }
title = "Parliamo del tuo film "
description = "Raccontaci la tua visione. Ti risponderemo per definire il prossimo passo. Tutte le richieste sono sempre senza impegno ."
title = "Define Your Vision. "
description = "Direct engagement for ambitious brands. Michele Floridia is available for national and international assignments ."
inputs = { [
{
name : "name " , type : "text" , placeholder : "Nome" , required : true ,
} ,
{
name : "email" , type : "email" , placeholder : "Email" , required : true ,
} ,
{ name : "name" , type : "text" , placeholder : "Full Name" , required : true } ,
{ name : "brand " , type : "text" , placeholder : "Brand / Organization" , required : true } ,
] }
textarea = { {
name : "message" , placeholder : "Parlaci del tuo brand" , rows : 4 ,
required : true ,
} }
imageSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/anamorphic-cinematic-2-39-1-aspect-ratio-1776519529328-28dac220.png"
textarea = { { name : "message" , placeholder : "Tell us about the narrative you wish to create." , rows : 4 , required : true } }
buttonText = "Submit Proposal"
imageSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/anamorphic-cinematic-2-39-1-aspect-ratio-1776519529328-28dac220.png?_wi=1"
/ >
< / div >
< div id = "footer" data-section = "footer" >
< FooterBase
columns = { [
{
title : "Studio" , items : [
{
label : "About" , href : "#about" } ,
{
label : "Services" , href : "#services" } ,
] ,
} ,
{
title : "Legal" , items : [
{
label : "Privacy Policy" , href : "#" } ,
{
label : "Cookies" , href : "#" } ,
] ,
} ,
] }
logoText = "FPH PRODUCTION"
< FooterLogoReveal
logoText = "FPH Directing Studio"
leftLink = { { text : "© 2025 FPH Production" , href : "#" } }
rightLink = { { text : "Privacy & Terms" , href : "#" } }
/ >
< / div >
< / ReactLenis >
