Update src/app/page.tsx

2026-05-05 20:43:52 +00:00
parent f6dc2502fc
commit eb7b28ac0d
1 changed files with 38 additions and 108 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,13 +31,13 @@ export default function LandingPage() {
      <NavbarStyleCentered
      navItems={[
        {
-          name: "Work",
-          id: "/work",
-        },
+          name: "Work",          id: "#work"},
        {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Capabilities",          id: "#capabilities"},
+        {
+          name: "Approach",          id: "#approach"},
+        {
+          name: "Contact",          id: "#contact-cta"},
      ]}
      brandName="FPH"
    />
@@ -46,23 +46,16 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      title="Cinema for brands."
      description="Independent filmmaking for luxury, manufacturing and premium B2B."
      mediaItems={[
        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013148412-ce7dc69c.png?_wi=1",
-          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013148412-ce7dc69c.png?_wi=1",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013195785-60be8055.png",
-          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013195785-60be8055.png",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013204519-fa22068c.png",
-          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013204519-fa22068c.png",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
      ]}
      mediaAnimation="opacity"
    />
@@ -75,19 +68,13 @@ export default function LandingPage() {
      metrics={[
        {
          icon: Film,
-          label: "Philosophy",
-          value: "FPH Production is the practice of Michele Floridia.",
-        },
+          label: "Philosophy",          value: "FPH Production is the practice of Michele Floridia."},
        {
          icon: Award,
-          label: "Mission",
-          value: "Working with brands that refuse to look like everyone else.",
-        },
+          label: "Mission",          value: "Working with brands that refuse to look like everyone else."},
        {
          icon: Camera,
-          label: "Vision",
-          value: "Less content. More cinema.",
-        },
+          label: "Vision",          value: "Less content. More cinema."},
      ]}
      metricsAnimation="slide-up"
    />
@@ -101,35 +88,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "1",
-          name: "Solo Ride",
-          price: "2026",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/high-contrast-cinematic-still-of-a-motor-1778013157603-79a411d7.png?_wi=1",
-        },
+          id: "1",          name: "Solo Ride",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/high-contrast-cinematic-still-of-a-motor-1778013157603-79a411d7.png?_wi=1"},
        {
-          id: "2",
-          name: "Threshold",
-          price: "2026",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/architectural-interior-photograph-with-s-1778013167017-90f4b8cc.png?_wi=1",
-        },
+          id: "2",          name: "Threshold",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/architectural-interior-photograph-with-s-1778013167017-90f4b8cc.png?_wi=1"},
        {
-          id: "3",
-          name: "The Hand",
-          price: "2026",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/macro-photography-of-an-artisan-hand-cra-1778013176147-28207c21.png",
-        },
+          id: "3",          name: "The Hand",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/macro-photography-of-an-artisan-hand-cra-1778013176147-28207c21.png"},
        {
-          id: "4",
-          name: "Vendemmia",
-          price: "2026",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-still-from-a-vineyard-at-dawn--1778013183908-a8ada240.png",
-        },
+          id: "4",          name: "Vendemmia",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-still-from-a-vineyard-at-dawn--1778013183908-a8ada240.png"},
        {
-          id: "5",
-          name: "Solo Ride B",
-          price: "2026",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/high-contrast-cinematic-still-of-a-motor-1778013244333-3623c773.png?_wi=1",
-        },
+          id: "5",          name: "Solo Ride B",          price: "2026",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/high-contrast-cinematic-still-of-a-motor-1778013244333-3623c773.png?_wi=1"},
      ]}
      title="Selected Work"
      description="Concept films directed and produced by FPH."
@@ -142,37 +109,13 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          tag: "01",
-          title: "Brand Film",
-          subtitle: "Cinematic identity",
-          description: "Stories that say what a brand is.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013215018-e59bf483.png",
-          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3",
-        },
+          tag: "01",          title: "Brand Film",          subtitle: "Cinematic identity",          description: "Stories that say what a brand is.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013215018-e59bf483.png",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
        {
-          tag: "02",
-          title: "Product Film",
-          subtitle: "Macro detail",
-          description: "Objects deserving of proper sight.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013148412-ce7dc69c.png?_wi=2",
-          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3",
-        },
+          tag: "02",          title: "Product Film",          subtitle: "Macro detail",          description: "Objects deserving of proper sight.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/cinematic-black-and-white-film-footage-s-1778013148412-ce7dc69c.png?_wi=2",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
        {
-          tag: "03",
-          title: "Commercial",
-          subtitle: "Full direction",
-          description: "From concept to delivery.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/high-contrast-cinematic-still-of-a-motor-1778013157603-79a411d7.png?_wi=2",
-          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3",
-        },
+          tag: "03",          title: "Commercial",          subtitle: "Full direction",          description: "From concept to delivery.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/high-contrast-cinematic-still-of-a-motor-1778013157603-79a411d7.png?_wi=2",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
        {
-          tag: "04",
-          title: "AI-Augmented",
-          subtitle: "Modern workflow",
-          description: "Cinema-grade visions in days.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/architectural-interior-photograph-with-s-1778013167017-90f4b8cc.png?_wi=2",
-          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3",
-        },
+          tag: "04",          title: "AI-Augmented",          subtitle: "Modern workflow",          description: "Cinema-grade visions in days.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CX1xH7y0jxZ0fhv28YS97mOKD2/architectural-interior-photograph-with-s-1778013167017-90f4b8cc.png?_wi=2",          imageAlt: "Cinematic black and white film footage showing a vast, winding road through Italian hills. Shot on 3"},
      ]}
      title="Capabilities"
      description="Professional services with cinematic vision."
@@ -185,20 +128,11 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "1",
-          title: "Authorship",
-          content: "Every project is authorship, not templated work.",
-        },
+          id: "1",          title: "Authorship",          content: "Every project is authorship, not templated work."},
        {
-          id: "2",
-          title: "Collaboration",
-          content: "Specialist collaborators are brought in intentionally.",
-        },
+          id: "2",          title: "Collaboration",          content: "Specialist collaborators are brought in intentionally."},
        {
-          id: "3",
-          title: "Technology",
-          content: "AI-augmented workflows extend the human eye.",
-        },
+          id: "3",          title: "Technology",          content: "AI-augmented workflows extend the human eye."},
      ]}
      title="Approach"
      description="The filmmaker's practice."
@@ -210,8 +144,7 @@ export default function LandingPage() {
      <ContactSplit
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      title="Have a project worth filming?"
      description="info@fphproduction.com"
      mediaAnimation="opacity"
@@ -224,30 +157,27 @@ export default function LandingPage() {
      <FooterSimple
      columns={[
        {
-          title: "FPH PRODUCTION",
-          items: [
+          title: "FPH PRODUCTION",          items: [
            {
-              label: "Crema, Italy",
-              href: "#",
-            },
+              label: "Crema, Italy",              href: "#"},
          ],
        },
        {
-          title: "Work",
-          items: [
+          title: "Navigation",          items: [
            {
-              label: "Concept Films",
-              href: "/work",
-            },
+              label: "Work",              href: "#work"},
+            {
+              label: "Capabilities",              href: "#capabilities"},
+            {
+              label: "Approach",              href: "#approach"},
+            {
+              label: "Contact",              href: "#contact-cta"},
          ],
        },
        {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
            {
-              label: "Privacy & Disclosures",
-              href: "/legal",
-            },
+              label: "Privacy & Disclosures",              href: "#"},
          ],
        },
      ]}