Merge version_2 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "about",
|
||||
},
|
||||
name: "Philosophy", id: "about"},
|
||||
{
|
||||
name: "Showreel",
|
||||
id: "features",
|
||||
},
|
||||
name: "Showreel", id: "features"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="FPH PRODUCTION"
|
||||
/>
|
||||
@@ -55,66 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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: "Prenota una call", href: "#contact"},
|
||||
{
|
||||
text: "Guarda lo showreel",
|
||||
href: "#features",
|
||||
},
|
||||
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-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-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-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-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",
|
||||
},
|
||||
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: "Cinematic Storytelling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Italian Heritage",
|
||||
},
|
||||
type: "text", text: "Italian Heritage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-End Production",
|
||||
},
|
||||
type: "text", text: "High-End Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Editorial Motion",
|
||||
},
|
||||
type: "text", text: "Editorial Motion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Vision",
|
||||
},
|
||||
type: "text", text: "Global Vision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,32 +102,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -175,59 +127,23 @@ export default function LandingPage() {
|
||||
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: "p1", brand: "Studio", name: "Brand Film Heritage", price: "Richiedi un preventivo", 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: "p2", brand: "Studio", name: "Campagna Lifestyle", price: "Richiedi un preventivo", 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: "p3", brand: "Studio", name: "Reportage Eventi", price: "Richiedi un preventivo", 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: "p4", brand: "Studio", name: "Social Content Editorial", price: "Richiedi un preventivo", 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: "p5", brand: "Studio", name: "Spot Pubblicitari", price: "Richiedi un preventivo", 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",
|
||||
},
|
||||
id: "p6", brand: "Studio", name: "Color Grading & Post", price: "Richiedi un preventivo", 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."
|
||||
@@ -241,20 +157,11 @@ export default function LandingPage() {
|
||||
tag="Risultati concreti"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Progetti cinematografici consegnati",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Progetti cinematografici consegnati"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40+",
|
||||
description: "Brand italiani supportati",
|
||||
},
|
||||
id: "m2", value: "40+", description: "Brand italiani supportati"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200M+",
|
||||
description: "Visualizzazioni totali organiche",
|
||||
},
|
||||
id: "m3", value: "200M+", description: "Visualizzazioni totali organiche"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -268,25 +175,15 @@ export default function LandingPage() {
|
||||
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-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-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-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-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",
|
||||
},
|
||||
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"
|
||||
@@ -299,20 +196,11 @@ export default function LandingPage() {
|
||||
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: "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: "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.",
|
||||
},
|
||||
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"
|
||||
@@ -329,22 +217,14 @@ export default function LandingPage() {
|
||||
description="Raccontaci la tua visione. Ti risponderemo per definire il prossimo passo."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nome",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Nome", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Parlaci del tuo brand",
|
||||
rows: 4,
|
||||
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"
|
||||
@@ -355,29 +235,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Cookies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookies", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -387,4 +257,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user