From e18466e998617b7b03d66a9b6db7f935fa016425 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 09:26:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 240 ++++++++---------------------------------------
 1 file changed, 37 insertions(+), 203 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cb603aa..b702f35 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Portfolio",
-          id: "#portfolio",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Portfolio", id: "#portfolio" },
+        { name: "Team", id: "#team" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="CutNColor Post"
     />
@@ -58,30 +43,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Mastering the Art of Color and Motion"
       description="Where raw footage transforms into cinematic brilliance. CutNColor Post delivers elite color grading and finishing services for the world's most demanding storytellers."
-      buttons={[
-        {
-          text: "Explore Services",
-          href: "#portfolio",
-        },
-      ]}
+      buttons={[{ text: "Explore Services", href: "#portfolio" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg?_wi=1",
-          imageAlt: "Cinematic Color Suite",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg?_wi=2",
-          imageAlt: "Professional Finishing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg?_wi=3",
-          imageAlt: "Detail Focus",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Cinematic Color Suite" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Professional Finishing" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Detail Focus" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Color Grading Suite" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Studio Lighting" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-working-his-photography-studio_23-2149033346.jpg", imageAlt: "Final Render" }
       ]}
     />
   </div>
@@ -92,18 +64,9 @@ export default function LandingPage() {
       title="Crafting Visual Legacies"
       description="With over a decade of industry-defining work, we balance precision with passion. Our studio ensures every frame resonates with the narrative intent of our clients."
       metrics={[
-        {
-          value: "1500+",
-          title: "Projects Completed",
-        },
-        {
-          value: "24/7",
-          title: "Precision Workflow",
-        },
-        {
-          value: "50+",
-          title: "Global Partners",
-        },
+        { value: "1500+", title: "Projects Completed" },
+        { value: "24/7", title: "Precision Workflow" },
+        { value: "50+", title: "Global Partners" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/bunch-cosmetics-beauty-vlogger_23-2148916352.jpg"
       mediaAnimation="slide-up"
@@ -119,33 +82,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          brand: "Cinematic",
-          name: "Urban Noir Series",
-          price: "Finish: 4K",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-background_58702-2597.jpg",
-        },
-        {
-          id: "2",
-          brand: "Commercial",
-          name: "High-Tech Narrative",
-          price: "Finish: 6K",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-freelancers-editing-film-footage-computer-using-movie-making-software-with-visual-sound-effects-working-post-production-montage-make-creative-content-app_482257-49850.jpg",
-        },
-        {
-          id: "3",
-          brand: "Indie",
-          name: "Lyrical Motion",
-          price: "Finish: 4K",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459671.jpg",
-        },
+        { id: "1", brand: "Cinematic", name: "Urban Noir Series", price: "Finish: 4K", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-background_58702-2597.jpg" },
+        { id: "2", brand: "Commercial", name: "High-Tech Narrative", price: "Finish: 6K", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/diverse-freelancers-editing-film-footage-computer-using-movie-making-software-with-visual-sound-effects-working-post-production-montage-make-creative-content-app_482257-49850.jpg" },
+        { id: "3", brand: "Indie", name: "Lyrical Motion", price: "Finish: 4K", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459671.jpg" },
       ]}
       title="Featured Post-Production Works"
       description="A glimpse into our recent color grading and finishing projects."
@@ -157,30 +96,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: 1,
-          tag: "Process",
-          title: "Color Calibration",
-          subtitle: "Perfect Hue Accuracy",
-          description: "Strict industry adherence to color space standards.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg?_wi=1",
-        },
-        {
-          id: 2,
-          tag: "Technology",
-          title: "4K/8K Finishing",
-          subtitle: "High Resolution Mastery",
-          description: "Delivering crisp details for every screen format.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg?_wi=2",
-        },
-        {
-          id: 3,
-          tag: "Support",
-          title: "Collaborative Review",
-          subtitle: "Client-First Feedback",
-          description: "Live session reviews to ensure perfect results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg?_wi=3",
-        },
+        { id: 1, tag: "Process", title: "Color Calibration", subtitle: "Perfect Hue Accuracy", description: "Strict industry adherence to color space standards.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg" },
+        { id: 2, tag: "Technology", title: "4K/8K Finishing", subtitle: "High Resolution Mastery", description: "Delivering crisp details for every screen format.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg" },
+        { id: 3, tag: "Support", title: "Collaborative Review", subtitle: "Client-First Feedback", description: "Live session reviews to ensure perfect results.", imageSrc: "http://img.b2bpic.net/free-photo/man-filming-with-professional-camera-new-movie_23-2149066388.jpg" },
       ]}
       title="Precision-Driven Workflow"
       description="Our studio is equipped with the latest industry-standard tools to provide a seamless finishing experience."
@@ -189,31 +107,14 @@ export default function LandingPage() {
 
   <div id="team" data-section="team">
       <TeamCardTwo
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "1",
-          name: "Aki Nakamura",
-          role: "Senior Colorist",
-          description: "15 years of grading narrative films.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-young-man-looking-camera_23-2148130274.jpg",
-        },
-        {
-          id: "2",
-          name: "Elena Vance",
-          role: "Lead Editor",
-          description: "Narrative pacing and rhythm expert.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269932.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          role: "Finishing Lead",
-          description: "Master of resolution and mastering.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-analyst-works-accounting-analysis-while-he-is-dancing_482257-126026.jpg",
-        },
+        { id: "1", name: "Aki Nakamura", role: "Senior Colorist", description: "15 years of grading narrative films.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-young-man-looking-camera_23-2148130274.jpg" },
+        { id: "2", name: "Elena Vance", role: "Lead Editor", description: "Narrative pacing and rhythm expert.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269932.jpg" },
+        { id: "3", name: "Marcus Thorne", role: "Finishing Lead", description: "Master of resolution and mastering.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-analyst-works-accounting-analysis-while-he-is-dancing_482257-126026.jpg" },
       ]}
       title="The Masters Behind the Screen"
       description="Meet our team of senior colorists and editors."
@@ -226,34 +127,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          handle: "@sarah_film",
-          testimonial: "The best grading I've experienced.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503518.jpg",
-        },
-        {
-          id: "2",
-          name: "David Zhou",
-          handle: "@d_zhou_prod",
-          testimonial: "Attention to detail is unmatched.",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg",
-        },
-        {
-          id: "3",
-          name: "Jane Doe",
-          handle: "@jane_director",
-          testimonial: "Total transformation of our footage.",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-3601.jpg",
-        },
-        {
-          id: "4",
-          name: "Mark Roberts",
-          handle: "@mroberts_agency",
-          testimonial: "Incredible communication throughout.",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-creator-doing-story-time-type-video-audience_482257-117694.jpg",
-        },
+        { id: "1", name: "Sarah Miller", handle: "@sarah_film", testimonial: "The best grading I've experienced.", imageSrc: "http://img.b2bpic.net/free-photo/man-model-sitting-chair_23-2148503518.jpg" },
+        { id: "2", name: "David Zhou", handle: "@d_zhou_prod", testimonial: "Attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-asian-woman-posing-with-headphones-around-neck-smiling-laughing-stand_1258-125675.jpg" },
+        { id: "3", name: "Jane Doe", handle: "@jane_director", testimonial: "Total transformation of our footage.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-female-photographer-taking-pictures-with-professional-camera-tripod_613910-3601.jpg" },
+        { id: "4", name: "Mark Roberts", handle: "@mroberts_agency", testimonial: "Incredible communication throughout.", imageSrc: "http://img.b2bpic.net/free-photo/content-creator-doing-story-time-type-video-audience_482257-117694.jpg" },
       ]}
       title="Client Voices"
       description="Hear what the industry says about CutNColor Post."
@@ -262,39 +139,24 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqSplitMedia
+      faqsAnimation="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "What formats do you support?",
-          content: "We support all standard camera RAW and ProRes formats.",
-        },
-        {
-          id: "2",
-          title: "How long is the typical turnaround?",
-          content: "Usually 3-5 days depending on the project complexity.",
-        },
-        {
-          id: "3",
-          title: "Do you offer remote reviews?",
-          content: "Yes, we use live streaming review sessions.",
-        },
+        { id: "1", title: "What formats do you support?", content: "We support all standard camera RAW and ProRes formats." },
+        { id: "2", title: "How long is the typical turnaround?", content: "Usually 3-5 days depending on the project complexity." },
+        { id: "3", title: "Do you offer remote reviews?", content: "Yes, we use live streaming review sessions." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-40332.jpg"
       title="Frequently Asked Questions"
       description="Understanding our finishing workflow."
-      faqsAnimation="blur-reveal"
-      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Contact Us"
       title="Start Your Project"
       description="Ready to bring your footage to life? Let's discuss your next production."
@@ -304,36 +166,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Portfolio",
-              href: "#portfolio",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       logoText="CutNColor Post"
     />
-- 
2.49.1