@@ -3,15 +3,13 @@
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' ;
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout' ;
export default function LandingPage() {
return (
@@ -31,90 +29,54 @@ 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."
buttons = { [
{
text : "Prenota una call" ,
href : "#contact" ,
} ,
{
text : "Guarda lo showreel" ,
href : "#features" ,
} ,
< 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-regia" data-section = "about-regia" >
< MetricSplitMediaAbout
tag = "CHI SONO"
title = "Una regia, dall'inizio alla fine."
description = "Sono Michele Floridia, regista e producer freelance. Lavoro con aziende italiane che vogliono raccontarsi con qualità cinematografica. Ogni progetto nasce da un obiettivo di business e si chiude con un film girato, montato e finito da me. Quando serve, una rete selezionata di professionisti entra in produzione: solo le persone giuste, solo nel momento giusto. Il vantaggio è semplice — parli sempre con chi sta facendo il film."
metrics = { [
{ value : "10+" , title : "Anni di esperienza" } ,
{ value : "100+" , title : "Progetti realizzati" }
] }
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" ,
} ,
imageSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/director-michele-floridia-working-on-a-f-1776519373622-6bbe0844.png?_wi=1"
useInvertedBackground = { false }
/ >
< / div >
< div id = "services" data-section = "services" >
< FeatureCardMedia
tag = "COSA FACCIO"
title = "Tre linee di produzione"
description = "Soluzioni su misura per ogni esigenza di comunicazione premium."
animationType = "slide-up"
textboxLayout = "default"
useInvertedBackground = { true }
buttons = { [ { text : "Costruiamo il pacchetto in call" , href : "#contact" } ] }
features = { [
{ id : "s1" , title : "BRAND FILM" , description : "Narrazioni cinematografiche che definiscono l'identità e i valori del tuo brand." , tag : "Concept" } ,
{ id : "s2" , title : "VIDEO FIERE & EVENTI" , description : "Contenuti dinamici per far risaltare la tua presenza nelle occasioni più importanti." , tag : "Production" ,
{ id : "s3" , title : "CAMPAGNE ADV B2B & LUXURY" , description : "Visual ad alto impatto studiati per il mercato B2B e il segmento lusso." , tag : "Campaign" }
] }
/ >
< / div >
@@ -122,269 +84,48 @@ export default function LandingPage() {
< 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 ."
imageSrc = "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/director-michele-floridia-working-on-a-f-1776519373622-6bbe0844.png"
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?_wi=2 "
/ >
< / div >
< div id = "features " data-section = "features " >
< FeatureCardTwentyThree
animationType = "slide-up"
textboxLayout = "split"
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" ,
} ,
] }
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 : "Su richiesta" ,
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 : "Su richiesta" ,
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 : "Su richiesta" ,
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 : "Su richiesta" ,
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 : "Su richiesta" ,
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 : "Su richiesta" ,
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 ."
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 >
< / ThemeProvider >
) ;
}
}
