From 63582baf5f8880fe832539dffbff0567dbc830cb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 20:22:47 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a0d108..5e8b18f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Work",
-          id: "#work",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Work", id: "#work" },
+        { name: "About", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Alex Rivers"
     />
@@ -50,72 +41,31 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Visual Storytelling, Elevated."
       description="Crafting premium cinematic content that brings your brand vision to life with precision, creativity, and professional post-production excellence."
       kpis={[
-        {
-          value: "120+",
-          label: "Projects Completed",
-        },
-        {
-          value: "8+",
-          label: "Years Experience",
-        },
-        {
-          value: "50+",
-          label: "Happy Global Clients",
-        },
+        { value: "120+", label: "Projects Completed" },
+        { value: "8+", label: "Years Experience" },
+        { value: "50+", label: "Happy Global Clients" },
       ]}
       enableKpiAnimation={true}
       imageSrc="http://img.b2bpic.net/free-photo/silhouette-photographer-who-shoots-sunset-mountains_1150-7355.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-photographing-ocean-sunrise-silhouette-with-camera_169016-69969.jpg",
-          alt: "Cinematic videographer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-with-camera-by-sea-morning-content-creator_169016-69638.jpg",
-          alt: "Content creator",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/girl-shooting-sunset-by-sea-silhouette-with-camera_169016-69775.jpg",
-          alt: "Filmmaker at work",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photographer-golden-hour-by-sea-creative-moment_169016-69764.jpg",
-          alt: "Professional photographer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg",
-          alt: "Social media videographer",
-        },
+        { src: "http://img.b2bpic.net/free-photo/woman-photographing-ocean-sunrise-silhouette-with-camera_169016-69969.jpg", alt: "Cinematic videographer" },
+        { src: "http://img.b2bpic.net/free-photo/girl-with-camera-by-sea-morning-content-creator_169016-69638.jpg", alt: "Content creator" },
+        { src: "http://img.b2bpic.net/free-photo/girl-shooting-sunset-by-sea-silhouette-with-camera_169016-69775.jpg", alt: "Filmmaker at work" },
+        { src: "http://img.b2bpic.net/free-photo/photographer-golden-hour-by-sea-creative-moment_169016-69764.jpg", alt: "Professional photographer" },
+        { src: "http://img.b2bpic.net/free-photo/teenager-doing-video-presenting-her-home-social-media-channels-fans_482257-119098.jpg", alt: "Social media videographer" },
       ]}
       avatarText="Trusted by 50+ visionary creators"
       marqueeItems={[
-        {
-          type: "text",
-          text: "4K Production",
-        },
-        {
-          type: "text",
-          text: "Global Reach",
-        },
-        {
-          type: "text",
-          text: "Expert Grading",
-        },
-        {
-          type: "text",
-          text: "Fast Delivery",
-        },
-        {
-          type: "text",
-          text: "Cinematic Craft",
-        },
+        { type: "text", text: "4K Production" },
+        { type: "text", text: "Global Reach" },
+        { type: "text", text: "Expert Grading" },
+        { type: "text", text: "Fast Delivery" },
+        { type: "text", text: "Cinematic Craft" },
       ]}
     />
   </div>
@@ -135,26 +85,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Brand Storytelling",
-          description: "Defining your brand's unique narrative through intentional cinematography.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg",
-          buttonText: "View Project",
-        },
+          title: "Brand Storytelling",          description: "Defining your brand's unique narrative through intentional cinematography.",          imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-racer-style-motorbike_23-2148189624.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20718.jpg",          buttonText: "View Project"},
         {
-          title: "Commercial Spots",
-          description: "High-impact visual advertisements crafted for maximum market resonance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/journalist-taking-interview-from-woman_23-2149032398.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/adult-male-recording-training-home_23-2148581786.jpg",
-          buttonText: "View Project",
-        },
+          title: "Commercial Spots",          description: "High-impact visual advertisements crafted for maximum market resonance.",          imageSrc: "http://img.b2bpic.net/free-photo/journalist-taking-interview-from-woman_23-2149032398.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/adult-male-recording-training-home_23-2148581786.jpg",          buttonText: "View Project"},
         {
-          title: "Documentary Film",
-          description: "Raw, authentic storytelling that captures the essence of the human experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/man-studio-working-his-passion-model_23-2148424445.jpg",
-          buttonText: "View Project",
-        },
+          title: "Documentary Film",          description: "Raw, authentic storytelling that captures the essence of the human experience.",          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/man-studio-working-his-passion-model_23-2148424445.jpg",          buttonText: "View Project"},
       ]}
       title="Selected Works"
       description="A glimpse into our production portfolio, ranging from commercial brand spots to cinematic documentary storytelling."
@@ -168,27 +103,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          value: "4K",
-          title: "Resolution",
-          description: "Ultra-HD delivery",
-          icon: Monitor,
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "On Time",
-          description: "Delivery guarantee",
-          icon: Clock,
-        },
-        {
-          id: "m3",
-          value: "Unlimited",
-          title: "Creativity",
-          description: "Conceptual depth",
-          icon: Zap,
-        },
+        { id: "m1", value: "4K", title: "Resolution", description: "Ultra-HD delivery", icon: Monitor },
+        { id: "m2", value: "100%", title: "On Time", description: "Delivery guarantee", icon: Clock },
+        { id: "m3", value: "Unlimited", title: "Creativity", description: "Conceptual depth", icon: Zap },
       ]}
       title="Production Excellence"
       description="Numbers reflect our commitment to speed, quality, and technical precision in every frame."
@@ -202,46 +119,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "Marketing Director",
-          company: "Global Brands Inc",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg",
-        },
-        {
-          id: "2",
-          name: "David Thorne",
-          role: "Creative Lead",
-          company: "Agency 360",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Ross",
-          role: "Founder",
-          company: "Boutique Creative",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-virtual-reality-goggles_23-2148815672.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Vane",
-          role: "Producer",
-          company: "Film Foundry",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
-        },
-        {
-          id: "5",
-          name: "Jane Doe",
-          role: "Content Manager",
-          company: "Tech Startup",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designers-showing-pictures-his-coworkers-camera_1170-981.jpg",
-        },
+        { id: "1", name: "Sarah Miller", role: "Marketing Director", company: "Global Brands Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-man-suit-isolated-white-background_613910-14459.jpg" },
+        { id: "2", name: "David Thorne", role: "Creative Lead", company: "Agency 360", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
+        { id: "3", name: "Elena Ross", role: "Founder", company: "Boutique Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-virtual-reality-goggles_23-2148815672.jpg" },
+        { id: "4", name: "Mark Vane", role: "Producer", company: "Film Foundry", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg" },
+        { id: "5", name: "Jane Doe", role: "Content Manager", company: "Tech Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designers-showing-pictures-his-coworkers-camera_1170-981.jpg" },
       ]}
       title="Client Perspectives"
       description="Hear what industry partners say about working with us on their high-stakes productions."
@@ -250,41 +132,15 @@ export default function LandingPage() {
 
   <div id="insights" data-section="insights">
       <BlogCardThree
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={true}
       title="Cinematic Insights"
       description="Notes from the field: gear, theory, and the philosophy behind professional visual production."
       blogs={[
-        {
-          id: "b1",
-          category: "Theory",
-          title: "The Art of Grading",
-          excerpt: "Deep dive into color palettes that transform flat log footage into cinematic gold.",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-way-photograph-product_23-2148970208.jpg",
-          authorName: "Alex Rivers",
-          authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-          date: "Oct 12, 2024",
-        },
-        {
-          id: "b2",
-          category: "Tech",
-          title: "Mastering Lighting",
-          excerpt: "How to light high-end commercials without a massive budget.",
-          imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg",
-          authorName: "Alex Rivers",
-          authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247210.jpg",
-          date: "Oct 15, 2024",
-        },
-        {
-          id: "b3",
-          category: "Process",
-          title: "Directing Talent",
-          excerpt: "How to get authentic performances from non-professional talent in interviews.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247232.jpg",
-          authorName: "Alex Rivers",
-          authorAvatar: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg",
-          date: "Oct 18, 2024",
-        },
+        { id: "b1", category: "Theory", title: "The Art of Grading", excerpt: "Deep dive into color palettes that transform flat log footage into cinematic gold.", imageSrc: "http://img.b2bpic.net/free-photo/creative-way-photograph-product_23-2148970208.jpg", authorName: "Alex Rivers", authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", date: "Oct 12, 2024" },
+        { id: "b2", category: "Tech", title: "Mastering Lighting", excerpt: "How to light high-end commercials without a massive budget.", imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg", authorName: "Alex Rivers", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247210.jpg", date: "Oct 15, 2024" },
+        { id: "b3", category: "Process", title: "Directing Talent", excerpt: "How to get authentic performances from non-professional talent in interviews.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-specialized-photographers-working-studio_23-2150247232.jpg", authorName: "Alex Rivers", authorAvatar: "http://img.b2bpic.net/free-photo/joyful-man-white-tshirt-jacket-smiling-brown-background_197531-26657.jpg", date: "Oct 18, 2024" },
       ]}
     />
   </div>
@@ -292,9 +148,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       tag="Booking"
       title="Start Your Production"
       description="Let's discuss your next project. We are ready to bring a fresh creative eye to your brand."
@@ -306,43 +160,13 @@ export default function LandingPage() {
       logoText="Alex Rivers"
       columns={[
         {
-          title: "Portfolio",
-          items: [
-            {
-              label: "Work",
-              href: "#work",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
+          title: "Portfolio",          items: [{ label: "Work", href: "#work" }, { label: "About", href: "#about" }],
         },
         {
-          title: "Services",
-          items: [
-            {
-              label: "Commercials",
-              href: "#",
-            },
-            {
-              label: "Documentary",
-              href: "#",
-            },
-          ],
+          title: "Services",          items: [{ label: "Commercials", href: "#" }, { label: "Documentary", href: "#" }],
         },
         {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
+          title: "Legal",          items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }],
         },
       ]}
     />