11 Commits

Author SHA1 Message Date
5e55e4dba4 Update src/app/page.tsx 2026-04-18 22:53:58 +00:00
092ce4dc39 Merge version_6 into main
Merge version_6 into main
2026-04-18 17:23:06 +00:00
f4fe11ae06 Update src/app/page.tsx 2026-04-18 17:23:00 +00:00
971c6248fd Merge version_5 into main
Merge version_5 into main
2026-04-18 17:21:24 +00:00
898d85ca44 Update src/app/page.tsx 2026-04-18 17:21:21 +00:00
1697b21a76 Merge version_4 into main
Merge version_4 into main
2026-04-18 17:20:07 +00:00
53dc8a3c1f Update src/app/page.tsx 2026-04-18 17:20:04 +00:00
bf4590dd3a Merge version_3 into main
Merge version_3 into main
2026-04-18 17:17:37 +00:00
d9d5264357 Update src/app/page.tsx 2026-04-18 17:17:31 +00:00
aefd2f2a6c Merge version_2 into main
Merge version_2 into main
2026-04-18 17:16:02 +00:00
256992012e Update src/app/page.tsx 2026-04-18 17:15:56 +00:00

View File

@@ -32,89 +32,56 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Philosophy", name: "Philosophy", id: "about"},
id: "about",
},
{ {
name: "Showreel", name: "Showreel", id: "features"},
id: "features",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="FPH PRODUCTION" brandName="FPH Production — Michele Floridia"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}} title="Film per brand che sanno chi sono"
title="Contenuti video che i brand ricordano" description="Brand Film · Heritage Campaign · Event Direction — Per i brand italiani che vogliono essere visti, non solo scorrere. Convertiamo i tuoi spettatori in clienti fedeli attraverso una narrazione cinematografica che valorizza la tua identità."
description="Spot cinematografici, brand film heritage, lifestyle e copertura eventi. Per brand italiani che vogliono comunicare chi sono — non solo cosa vendono."
buttons={[ buttons={[
{ {
text: "Prenota una call", text: "Parliamone", href: "#contact"},
href: "#contact",
},
{ {
text: "Guarda lo showreel", text: "Guarda lo showreel", href: "#features"},
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" 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" mediaAnimation="blur-reveal"
avatars={[ avatars={[
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-luxury-brand-director-prof-1776519413839-988f0e13.png", 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"},
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", 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"},
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", 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"},
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", 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"},
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", 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"},
alt: "Client Five",
},
]} ]}
avatarText="Trusted by visionary brands" avatarText="Trusted by visionary brands"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Cinematic Storytelling"},
text: "Cinematic Storytelling",
},
{ {
type: "text", type: "text", text: "Italian Heritage"},
text: "Italian Heritage",
},
{ {
type: "text", type: "text", text: "High-End Production"},
text: "High-End Production",
},
{ {
type: "text", type: "text", text: "Editorial Motion"},
text: "Editorial Motion",
},
{ {
type: "text", type: "text", text: "Global Vision"},
text: "Global Vision",
},
]} ]}
/> />
</div> </div>
@@ -135,32 +102,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "1", id: "1", title: "Heritage Brand Film", tags: [
title: "Heritage Brand Film", "Cinematic", "Storytelling"],
tags: [ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-still-from-a-luxury-heritage-b-1776519381253-233d60a8.png"},
"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", id: "2", title: "Campaign Lifestyle", tags: [
title: "Lifestyle & Fashion", "Editorial", "Motion"],
tags: [ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/lifestyle-campaign-still-for-premium-fas-1776519392405-474454c4.png"},
"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", id: "3", title: "Event Direction", tags: [
title: "Event Documentary", "On-site", "Reportage"],
tags: [ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/event-documentary-capture-from-a-luxury--1776519402835-2635223c.png"},
"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" title="I nostri pilastri cinematografici"
description="Approcci narrativi distinti per ogni necessità di comunicazione." description="Approcci narrativi distinti per ogni necessità di comunicazione."
@@ -175,59 +127,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Studio", name: "Heritage Brand Film", price: "Richiedi disponibilità", rating: 5,
brand: "Studio", 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"},
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", id: "p2", brand: "Studio", name: "Campagna Lifestyle", price: "Richiedi disponibilità", rating: 5,
brand: "Studio", reviewCount: "15+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/lifestyle-campaign-still-for-premium-fas-1776519470939-52e506fb.png"},
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", id: "p3", brand: "Studio", name: "Event Direction", price: "Richiedi disponibilità", rating: 5,
brand: "Studio", reviewCount: "20+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/event-documentary-capture-from-a-luxury--1776519478443-ef0c1d7a.png"},
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", id: "p4", brand: "Studio", name: "Social Content Editorial", price: "Richiedi disponibilità", rating: 5,
brand: "Studio", 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"},
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", id: "p5", brand: "Studio", name: "Spot Pubblicitari", price: "Richiedi disponibilità", rating: 5,
brand: "Studio", reviewCount: "8+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/lifestyle-campaign-still-for-premium-fas-1776519499140-41179d6f.png"},
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", id: "p6", brand: "Studio", name: "Color Grading & Post", price: "Richiedi disponibilità", rating: 5,
brand: "Studio", reviewCount: "25+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/event-documentary-capture-from-a-luxury--1776519509047-ed0e22de.png"},
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" title="Produzione integrata"
description="Soluzioni modulari dalla pre-produzione alla post-produzione cinematografica." description="Soluzioni modulari dalla pre-produzione alla post-produzione cinematografica."
@@ -241,20 +157,11 @@ export default function LandingPage() {
tag="Risultati concreti" tag="Risultati concreti"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "100+", description: "Progetti cinematografici consegnati"},
value: "100+",
description: "Progetti cinematografici consegnati",
},
{ {
id: "m2", id: "m2", value: "40+", description: "Brand italiani supportati"},
value: "40+",
description: "Brand italiani supportati",
},
{ {
id: "m3", id: "m3", value: "200M+", description: "Visualizzazioni totali organiche"},
value: "200M+",
description: "Visualizzazioni totali organiche",
},
]} ]}
metricsAnimation="blur-reveal" metricsAnimation="blur-reveal"
/> />
@@ -268,25 +175,15 @@ export default function LandingPage() {
author="Marco Rossi, CEO di Heritage Italy" author="Marco Rossi, CEO di Heritage Italy"
avatars={[ avatars={[
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-a-luxury-brand-director-prof-1776519413839-988f0e13.png", 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"},
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", 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"},
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", 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"},
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", 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"},
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", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/portrait-of-an-event-coordinator-profess-1776519431329-6b0d51e6.png", alt: "Hotel Founder"},
alt: "Hotel Founder",
},
]} ]}
ratingAnimation="slide-up" ratingAnimation="slide-up"
avatarsAnimation="blur-reveal" avatarsAnimation="blur-reveal"
@@ -299,20 +196,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Quanto tempo occorre per un film di brand?", content: "Solitamente 3-5 settimane dalla pre-produzione alla consegna."},
title: "Quanto tempo occorre per un film di brand?",
content: "Solitamente 3-5 settimane dalla pre-produzione alla consegna.",
},
{ {
id: "f2", id: "f2", title: "Lavorate anche fuori Milano?", content: "Sì, siamo disponibili in tutta Italia e all'estero per coperture on-site."},
title: "Lavorate anche fuori Milano?",
content: "Sì, siamo disponibili in tutta Italia e all'estero per coperture on-site.",
},
{ {
id: "f3", id: "f3", title: "Cosa include il pacchetto base?", content: "Regia, shooting, montaggio, color grading e sound design cinematografico."},
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" 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" title="Domande frequenti"
@@ -326,25 +214,17 @@ export default function LandingPage() {
<ContactSplitForm <ContactSplitForm
useInvertedBackground={true} useInvertedBackground={true}
title="Parliamo del tuo film" title="Parliamo del tuo film"
description="Raccontaci la tua visione. Ti risponderemo per definire il prossimo passo." description="Raccontaci la tua visione. Ti risponderemo per definire il prossimo passo. Tutte le richieste sono sempre senza impegno."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Nome", required: true,
type: "text",
placeholder: "Nome",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Email", required: true,
type: "email",
placeholder: "Email",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Parlaci del tuo brand", rows: 4,
placeholder: "Parlaci del tuo brand",
rows: 4,
required: true, 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" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/anamorphic-cinematic-2-39-1-aspect-ratio-1776519529328-28dac220.png"
@@ -355,36 +235,26 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Studio", title: "Studio", items: [
items: [
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Cookies", label: "Cookies", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
logoText="FPH PRODUCTION" logoText="FPH Production"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }