Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -31,13 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Work",
+          name: "Work",          id: "#work"},
-          id: "/work",
-        },
         {
-          name: "Contact",
+          name: "Capabilities",          id: "#capabilities"},
-          id: "/contact",
+        {
-        },
+          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          label: "Philosophy",          value: "FPH Production is the practice of Michele Floridia."},
-          value: "FPH Production is the practice of Michele Floridia.",
-        },
         {
           icon: Award,
-          label: "Mission",
+          label: "Mission",          value: "Working with brands that refuse to look like everyone else."},
-          value: "Working with brands that refuse to look like everyone else.",
-        },
         {
           icon: Camera,
-          label: "Vision",
+          label: "Vision",          value: "Less content. More cinema."},
-          value: "Less content. More cinema.",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -101,35 +88,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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: "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",
+          id: "1",          title: "Authorship",          content: "Every project is authorship, not templated work."},
-          title: "Authorship",
-          content: "Every project is authorship, not templated work.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Collaboration",          content: "Specialist collaborators are brought in intentionally."},
-          title: "Collaboration",
-          content: "Specialist collaborators are brought in intentionally.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Technology",          content: "AI-augmented workflows extend the human eye."},
-          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",
+          title: "FPH PRODUCTION",          items: [
-          items: [
             {
-              label: "Crema, Italy",
+              label: "Crema, Italy",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Work",
+          title: "Navigation",          items: [
-          items: [
             {
-              label: "Concept Films",
+              label: "Work",              href: "#work"},
-              href: "/work",
+            {
-            },
+              label: "Capabilities",              href: "#capabilities"},
+            {
+              label: "Approach",              href: "#approach"},
+            {
+              label: "Contact",              href: "#contact-cta"},
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy & Disclosures",
+              label: "Privacy & Disclosures",              href: "#"},
-              href: "/legal",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0A0A0A;
+  --background: #0a0a0a;
   --card: #111111;
-  --foreground: #F2EDE4;
+  --foreground: #f2ede4;
-  --primary-cta: #C8332A;
+  --primary-cta: #c8332a;
   --primary-cta-text: #F2EDE4;
   --secondary-cta: #111111;
   --secondary-cta-text: #F2EDE4;
-  --accent: #4A4744;
+  --accent: #4a4744;
   --background-accent: #111111;
 
   /* text sizing - set by ThemeProvider */