70 Commits

Author SHA1 Message Date
050fdee6f2 Update src/app/styles/variables.css 2026-04-22 22:06:44 +00:00
4adedb7d97 Update src/app/page.tsx 2026-04-22 22:06:44 +00:00
2ab4c0ce3a Merge version_24 into main
Merge version_24 into main
2026-04-22 22:04:29 +00:00
aeefaddf99 Update src/app/page.tsx 2026-04-22 22:04:26 +00:00
dc33c2cd8b Merge version_23 into main
Merge version_23 into main
2026-04-22 22:02:41 +00:00
5c143bb82d Update src/app/styles/variables.css 2026-04-22 22:02:35 +00:00
427b0079b4 Update src/app/page.tsx 2026-04-22 22:02:34 +00:00
619c9b31b6 Merge version_22 into main
Merge version_22 into main
2026-04-22 21:47:36 +00:00
31d59ac222 Update src/app/styles/variables.css 2026-04-22 21:47:33 +00:00
c9253ea81e Update src/app/page.tsx 2026-04-22 21:47:33 +00:00
7c55e4c640 Merge version_21 into main
Merge version_21 into main
2026-04-22 21:45:30 +00:00
e51f64b83a Update src/app/page.tsx 2026-04-22 21:45:27 +00:00
3a071fa00d Merge version_20 into main
Merge version_20 into main
2026-04-22 21:18:42 +00:00
423f8f104c Update src/app/page.tsx 2026-04-22 21:18:39 +00:00
8f7526e75e Merge version_19 into main
Merge version_19 into main
2026-04-22 21:16:42 +00:00
20d1e70b23 Update src/app/page.tsx 2026-04-22 21:16:36 +00:00
0e0aed00da Merge version_18 into main
Merge version_18 into main
2026-04-21 22:27:30 +00:00
dd85b25ce6 Update src/app/page.tsx 2026-04-21 22:27:27 +00:00
2998d23fed Update src/app/layout.tsx 2026-04-21 22:27:26 +00:00
d123a631ae Merge version_17 into main
Merge version_17 into main
2026-04-21 22:26:49 +00:00
9062919b44 Update src/app/page.tsx 2026-04-21 22:26:46 +00:00
26874b730a Merge version_16 into main
Merge version_16 into main
2026-04-21 22:26:09 +00:00
a39b5d7346 Update src/app/page.tsx 2026-04-21 22:26:03 +00:00
3e69d2f9a1 Merge version_16 into main
Merge version_16 into main
2026-04-21 22:25:37 +00:00
92affd5a4b Update src/app/page.tsx 2026-04-21 22:25:34 +00:00
84a062ad19 Merge version_15 into main
Merge version_15 into main
2026-04-21 22:24:56 +00:00
9add656010 Update src/app/page.tsx 2026-04-21 22:24:53 +00:00
7836641365 Merge version_14 into main
Merge version_14 into main
2026-04-21 22:24:29 +00:00
aa45246806 Update src/app/page.tsx 2026-04-21 22:24:26 +00:00
00a237312e Merge version_14 into main
Merge version_14 into main
2026-04-21 22:24:05 +00:00
6a657f7411 Update src/app/page.tsx 2026-04-21 22:24:02 +00:00
8788418c21 Merge version_14 into main
Merge version_14 into main
2026-04-21 22:23:38 +00:00
7b397430f6 Update src/app/page.tsx 2026-04-21 22:23:31 +00:00
cc2fd5a074 Merge version_13 into main
Merge version_13 into main
2026-04-21 22:21:27 +00:00
eb01e4e853 Update src/app/page.tsx 2026-04-21 22:21:24 +00:00
1932072545 Merge version_12 into main
Merge version_12 into main
2026-04-21 22:20:01 +00:00
b18c7306ce Update src/app/styles/variables.css 2026-04-21 22:19:58 +00:00
d1f3cc9542 Update src/app/page.tsx 2026-04-21 22:19:57 +00:00
f7fb96b162 Merge version_11 into main
Merge version_11 into main
2026-04-21 22:18:12 +00:00
b050d1db39 Update src/app/page.tsx 2026-04-21 22:18:06 +00:00
d2a9f38860 Merge version_11 into main
Merge version_11 into main
2026-04-21 22:17:40 +00:00
14544b77ff Update src/app/styles/variables.css 2026-04-21 22:17:37 +00:00
b1dfc3d368 Update src/app/styles/base.css 2026-04-21 22:17:36 +00:00
fc84762825 Update src/app/page.tsx 2026-04-21 22:17:36 +00:00
de249c6692 Merge version_10 into main
Merge version_10 into main
2026-04-18 23:00:42 +00:00
5902f4ee13 Update src/app/page.tsx 2026-04-18 23:00:39 +00:00
0a85cb496d Merge version_9 into main
Merge version_9 into main
2026-04-18 23:00:02 +00:00
9291d561c4 Update src/app/page.tsx 2026-04-18 22:59:56 +00:00
5dc1b4b255 Merge version_9 into main
Merge version_9 into main
2026-04-18 22:59:32 +00:00
a05e8ef01d Update src/app/page.tsx 2026-04-18 22:59:26 +00:00
659e1a7700 Merge version_9 into main
Merge version_9 into main
2026-04-18 22:59:03 +00:00
421a034a22 Update src/app/page.tsx 2026-04-18 22:59:00 +00:00
29ac293c6d Merge version_8 into main
Merge version_8 into main
2026-04-18 22:57:53 +00:00
68c46f9036 Update src/app/page.tsx 2026-04-18 22:57:50 +00:00
8ee9738669 Merge version_8 into main
Merge version_8 into main
2026-04-18 22:55:29 +00:00
62911e3591 Update src/app/page.tsx 2026-04-18 22:55:23 +00:00
a90080978a Merge version_8 into main
Merge version_8 into main
2026-04-18 22:55:00 +00:00
93cbb7ab32 Update src/app/page.tsx 2026-04-18 22:54:57 +00:00
1e74804f04 Merge version_7 into main
Merge version_7 into main
2026-04-18 22:54:01 +00:00
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
4 changed files with 108 additions and 348 deletions

View File

@@ -10,8 +10,8 @@ import { Figtree } from "next/font/google";
export const metadata: Metadata = {
title: 'FPH Production | Direzionale di Cinema per Brand',
description: 'FPH Production è uno studio di regia che trasforma brand heritage e lifestyle in cinema puro. Filmmaking, non video content.',
title: 'FPH — Brand Film & Video Luxury B2B | Michele Floridia',
description: 'Regista e producer freelance specializzato in Brand Film cinematografici, video fiere e campagne ADV per il mercato luxury e B2B italiano.',
openGraph: {
"siteName": "FPH Production",
"type": "website"

View File

@@ -2,16 +2,15 @@
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 ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
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 TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TimelineHorizontalCardStack from '@/components/cardStack/layouts/timelines/TimelineHorizontalCardStack';
export default function LandingPage() {
return (
@@ -31,360 +30,121 @@ 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: "Come Lavoro", id: "how-i-work" },
{ 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",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/anamorphic-cinematic-2-39-1-aspect-ratio-1776519364647-e735814a.png"
<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", onClick: () => window.location.href = 'mailto:contatto@fph.production' }]}
videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/uploaded-1776553036600-uldveqyn.mp4"
showDimOverlay={true}
className="min-h-screen"
descriptionClassName="text-white/90"
/>
</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. Il mio approccio alla produzione video si concentra sull'essenza della storia, trasformando visioni complesse in racconti visivi chiari e diretti. Credo in una collaborazione artigianale dove il regista diventa il punto di riferimento unico per il cliente, garantendo coerenza stilistica e cura maniacale per ogni frame."
metrics={[]}
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}
descriptionClassName="text-foreground/80"
/>
</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: "Contattami per una consulenza", onClick: () => window.location.href = 'mailto:contatto@fph.production' }]}
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" }
]}
cardDescriptionClassName="text-white/80"
/>
</div>
<div id="how-i-work" data-section="how-i-work">
<TimelineHorizontalCardStack
title="Tre passaggi, zero sorprese."
description="Il mio metodo garantisce qualità e tempi certi in tre passaggi chiari."
tag="COME LAVORO"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "Contattami ora", onClick: () => window.location.href = 'mailto:contatto@fph.production' }]}
>
<div className="space-y-32 py-10">
<div className="sticky top-20">01 CALL Scoperta e obiettivi.</div>
<div className="sticky top-20">02 PLAN Strategia e moodboard.</div>
<div className="sticky top-20">03 CREATE Produzione e delivery.</div>
</div>
</TimelineHorizontalCardStack>
</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."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/director-michele-floridia-working-on-a-f-1776519373622-6bbe0844.png"
title="FPH Directing Studio."
description="FPH nasce come studio di regia boutique focalizzato sull'autenticità. Il nostro obiettivo è tradurre l'heritage e la complessità manifatturiera in linguaggio visivo contemporaneo. Credo che ogni progetto sia una storia a sé: gestisco personalmente ogni fase della produzione per garantire che l'identità del cliente resti il cuore pulsante di ogni immagine."
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"
className="bg-card text-foreground"
descriptionClassName="text-white/80"
/>
</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"
<div id="social-proof" data-section="social-proof">
<TestimonialCardSix
title="Visione e Coerenza"
description="Collaborazioni basate su approccio cinematografico e risultati."
animationType="blur-reveal"
textboxLayout="default"
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">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="Michele non fa video. Trasforma l'identità del nostro brand in un racconto che tocca le corde giuste. Cinema puro."
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"
testimonials={[]}
className="py-20 bg-background text-foreground"
/>
</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."
inputs={[
{
name: "name",
type: "text",
placeholder: "Nome",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
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"
/>
<ContactCenter
tag="PARLIAMONE"
title="Prenota una sessione."
description="Una call conoscitiva per dare forma alla tua visione. Scrivimi a contatto@fph.production."
background={{ variant: 'radial-gradient' }}
useInvertedBackground={true}
onSubmit={(email) => window.location.href = 'mailto:contatto@fph.production?subject=Richiesta%20Informazioni&body=Da:%20' + email}
/>
</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"
/>
<FooterMedia
logoText="FPH Directing Studio"
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"
columns={[
{ title: "Studio", items: [{ label: "Philosophy", href: "#about" }, { label: "Email", href: "mailto:contatto@fph.production" }] }
]}
copyrightText="© 2025 FPH Production"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-figtree), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-figtree), sans-serif;
font-family: var(--font-libre-baskerville), serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #0a0a0a;
--background: #0A0A0A;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--foreground: #ffffff;
--primary-cta: #ffffff;
--primary-cta-text: #0a0a0a;
--secondary-cta: #1a1a1a;
--secondary-cta: #0a0a0a;
--secondary-cta-text: #ffffffe6;
--accent: #737373;
--background-accent: #737373;
--accent: #D4AF37;
--background-accent: #1a1a1a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);