bender/44adc31d-aa6d-4c48-ab8e-544cb90b8d6a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 13:06:34 +00:00
Conversation 0 Commits 1 Files Changed 1 +55 -307
1 changed files with 55 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

362
src/app/page.tsx
View File

@@ -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>
);
}
}