From e0b527029d9af1ee5f2fb88d8c6347ea66717650 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 20 May 2026 16:15:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 208 ++++++++---------------------------------------
 1 file changed, 36 insertions(+), 172 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c5c0977..d85e3cc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Work",
-          id: "#portfolio",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Work", id: "#portfolio" },
+        { name: "About", id: "#about" },
+        { name: "Team", id: "#team" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="FRAMEWORK"
     />
@@ -54,42 +42,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="We Shape Stories Into Cinematic Realities"
       description="Premium full-service video production and post-production house crafting visual narratives for global brands."
-      buttons={[
-        {
-          text: "Watch Showreel",
-          href: "#portfolio",
-        },
-      ]}
+      buttons={[{ text: "Watch Showreel", href: "#portfolio" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-camera-lens_181624-24125.jpg?_wi=1",
-          imageAlt: "cinematic film studio camera lens",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/heart-from-moving-lights_23-2147786125.jpg",
-          imageAlt: "cinematic film studio camera lens",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/line-shaped-neon-lights-background_23-2147815446.jpg",
-          imageAlt: "cinematic film studio camera lens",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg",
-          imageAlt: "cinematic film studio camera lens",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-side-view_23-2149893964.jpg",
-          imageAlt: "cinematic film studio camera lens",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-movie-elements-bicolored-background_23-2148416802.jpg",
-          imageAlt: "cinematic film studio camera lens",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-camera-lens_181624-24125.jpg", imageAlt: "cinematic film studio camera lens" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/heart-from-moving-lights_23-2147786125.jpg", imageAlt: "cinematic film studio camera lens" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/line-shaped-neon-lights-background_23-2147815446.jpg", imageAlt: "cinematic film studio camera lens" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg", imageAlt: "cinematic film studio camera lens" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-developing-photos-side-view_23-2149893964.jpg", imageAlt: "cinematic film studio camera lens" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-movie-elements-bicolored-background_23-2148416802.jpg", imageAlt: "cinematic film studio camera lens" },
       ]}
     />
   </div>
@@ -101,42 +64,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Urban Pulse",
-          price: "Commercial",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-queer-woman-portrait_23-2148957451.jpg",
-        },
-        {
-          id: "2",
-          name: "Neon Dreams",
-          price: "Music Video",
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250191.jpg",
-        },
-        {
-          id: "3",
-          name: "Legacy Loft",
-          price: "Documentary",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377332.jpg",
-        },
-        {
-          id: "4",
-          name: "Horizon Line",
-          price: "Short Film",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman_23-2148778279.jpg",
-        },
-        {
-          id: "5",
-          name: "Midnight Oil",
-          price: "Commercial",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-london-streets-cityscape_23-2149377135.jpg",
-        },
-        {
-          id: "6",
-          name: "Silent Echo",
-          price: "Documentary",
-          imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10725.jpg",
-        },
+        { id: "1", name: "Urban Pulse", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-queer-woman-portrait_23-2148957451.jpg" },
+        { id: "2", name: "Neon Dreams", price: "Music Video", imageSrc: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250191.jpg" },
+        { id: "3", name: "Legacy Loft", price: "Documentary", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377332.jpg" },
+        { id: "4", name: "Horizon Line", price: "Short Film", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-woman_23-2148778279.jpg" },
+        { id: "5", name: "Midnight Oil", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-london-streets-cityscape_23-2149377135.jpg" },
+        { id: "6", name: "Silent Echo", price: "Documentary", imageSrc: "http://img.b2bpic.net/free-photo/cafe-living-room-loft-style_1150-10725.jpg" },
       ]}
       title="Selected Works"
       description="A showcase of our cinematic production history."
@@ -162,44 +95,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       groups={[
         {
-          id: "leadership",
-          groupTitle: "Core Team",
-          members: [
-            {
-              id: "m1",
-              title: "Alex Rivers",
-              subtitle: "Director",
-              detail: "15 years of visual storytelling excellence.",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg",
-            },
-            {
-              id: "m2",
-              title: "Sarah Chen",
-              subtitle: "Producer",
-              detail: "Bringing complex productions to life.",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",
-            },
-            {
-              id: "m3",
-              title: "Marcus V.",
-              subtitle: "DOP",
-              detail: "Master of light and perspective.",
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60918.jpg",
-            },
-            {
-              id: "m4",
-              title: "Elena Rossi",
-              subtitle: "Lead Editor",
-              detail: "Crafting rhythm in the post-suite.",
-              imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-computer_482257-114303.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-camera-lens_181624-24125.jpg?_wi=2",
-          imageAlt: "film director professional headshot",
-        },
+          id: "leadership",          groupTitle: "Core Team",          members: [
+            { id: "m1", title: "Alex Rivers", subtitle: "Director", detail: "15 years of visual storytelling excellence.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915995.jpg" },
+            { id: "m2", title: "Sarah Chen", subtitle: "Producer", detail: "Bringing complex productions to life.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg" },
+            { id: "m3", title: "Marcus V.", subtitle: "DOP", detail: "Master of light and perspective.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-holding-camera-while-standing-against-red-background-high-quality-photo_114579-60918.jpg" },
+            { id: "m4", title: "Elena Rossi", subtitle: "Lead Editor", detail: "Crafting rhythm in the post-suite.", imageSrc: "http://img.b2bpic.net/free-photo/video-editor-analyzing-film-montage-computer_482257-114303.jpg" },
+          ]
+        }
       ]}
       title="The Crew"
       description="Meet the visionaries behind the lens."
+      animationType="slide-up"
     />
   </div>
 
@@ -208,14 +114,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Vimeo",
-        "Red Bull",
-        "Sony",
-        "Netflix",
-        "Adobe",
-        "Canon",
-        "Apple",
-      ]}
+        "Vimeo",        "Red Bull",        "Sony",        "Netflix",        "Adobe",        "Canon",        "Apple"]}
       title="Trusted Partners"
       description="Collaborating with industry leaders worldwide."
     />
@@ -226,21 +125,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "What is your production scale?",
-          content: "We handle everything from local commercial spots to large-scale global campaigns.",
-        },
-        {
-          id: "f2",
-          title: "Do you provide post-production?",
-          content: "Yes, we offer full-service color grading, sound design, and VFX.",
-        },
-        {
-          id: "f3",
-          title: "How do we get started?",
-          content: "Just fill out the contact form below and we will set up an initial consultation.",
-        },
+        { id: "f1", title: "What is your production scale?", content: "We handle everything from local commercial spots to large-scale global campaigns." },
+        { id: "f2", title: "Do you provide post-production?", content: "Yes, we offer full-service color grading, sound design, and VFX." },
+        { id: "f3", title: "How do we get started?", content: "Just fill out the contact form below and we will set up an initial consultation." },
       ]}
       title="Common Inquiries"
       description="Frequently asked questions about our production process."
@@ -254,21 +141,10 @@ export default function LandingPage() {
       title="Let's Collaborate"
       description="Ready to bring your vision to life? Tell us about your project."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
+        { name: "name", type: "text", placeholder: "Your Name" },
+        { name: "email", type: "email", placeholder: "Email Address" },
       ]}
-      textarea={{
-        name: "brief",
-        placeholder: "Project Brief",
-      }}
+      textarea={{ name: "brief", placeholder: "Project Brief" }}
       imageSrc="http://img.b2bpic.net/free-photo/cropped-image-young-lady-designer-play-games-by-phone_171337-15917.jpg"
     />
   </div>
@@ -278,21 +154,9 @@ export default function LandingPage() {
       logoText="FRAMEWORK"
       copyrightText="© 2025 Framework Productions."
       socialLinks={[
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Film,
-          href: "#",
-          ariaLabel: "Youtube",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Film, href: "#", ariaLabel: "Youtube" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
       ]}
     />
   </div>