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

---
 src/app/page.tsx | 182 +++++++++++------------------------------------
 1 file changed, 42 insertions(+), 140 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 190a55f..be95efd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="TeamUp"
     />
@@ -54,19 +46,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Connect With Professional Video Editors"
       description="Hire skilled video editors or find clients for your editing services. Build your portfolio, grow your income, and collaborate seamlessly—all in one platform."
       buttons={[
         {
-          text: "Hire an Editor",
-          href: "#",
-        },
+          text: "Hire an Editor",          href: "#"},
         {
-          text: "Join as Editor",
-          href: "#",
-        },
+          text: "Join as Editor",          href: "#"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/a-high-tech-video-editing-interface-on-m-1774610578769-5e8d3fdf.png"
       imageAlt="Editing Studio"
@@ -76,24 +63,19 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureHoverPattern
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
         {
           icon: Users,
-          title: "Vetted Talent Pool",
-          description: "Connect with pre-screened professionals experienced in high-quality content production.",
-        },
+          title: "Vetted Talent Pool",          description: "Connect with pre-screened professionals experienced in high-quality content production."},
         {
           icon: ShieldCheck,
-          title: "Secure Payments",
-          description: "Escrow-based payment systems ensuring work is delivered and creators are protected.",
-        },
+          title: "Secure Payments",          description: "Escrow-based payment systems ensuring work is delivered and creators are protected."},
         {
           icon: Zap,
-          title: "Fast Turnaround",
-          description: "Streamlined collaboration workflows and built-in project management tools.",
-        },
+          title: "Fast Turnaround",          description: "Streamlined collaboration workflows and built-in project management tools."},
       ]}
       title="Why Choose TeamUp?"
       description="The complete ecosystem designed for modern video production and talent collaboration."
@@ -102,38 +84,21 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <MetricCardSeven
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "1",
-          value: "10k+",
-          title: "Verified Editors",
-          items: [
-            "Specialized in YouTube",
-            "Agency Ready",
-            "Global Access",
-          ],
+          id: "1",          value: "10k+",          title: "Verified Editors",          items: [
+            "Specialized in YouTube",            "Agency Ready",            "Global Access"],
         },
         {
-          id: "2",
-          value: "500k+",
-          title: "Projects Completed",
-          items: [
-            "Successful Deliveries",
-            "Content Optimized",
-            "Satisfied Creators",
-          ],
+          id: "2",          value: "500k+",          title: "Projects Completed",          items: [
+            "Successful Deliveries",            "Content Optimized",            "Satisfied Creators"],
         },
         {
-          id: "3",
-          value: "24/7",
-          title: "Global Support",
-          items: [
-            "Always Online",
-            "Quick Response",
-            "Seamless Edits",
-          ],
+          id: "3",          value: "24/7",          title: "Global Support",          items: [
+            "Always Online",            "Quick Response",            "Seamless Edits"],
         },
       ]}
       title="Scale With Confidence"
@@ -148,39 +113,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "starter",
-          badge: "Starter",
-          price: "$29",
-          subtitle: "Perfect for solo creators starting their journey.",
-          features: [
-            "3 Projects / month",
-            "Basic Messaging",
-            "Standard Support",
-          ],
+          id: "starter",          badge: "Starter",          price: "$29",          subtitle: "Perfect for solo creators starting their journey.",          features: [
+            "3 Projects / month",            "Basic Messaging",            "Standard Support"],
         },
         {
-          id: "pro",
-          badge: "Pro",
-          price: "$99",
-          subtitle: "Best for growing channels and professional editors.",
-          features: [
-            "Unlimited Projects",
-            "Priority Messaging",
-            "Advanced Search",
-            "Profile Boosting",
-          ],
+          id: "pro",          badge: "Pro",          price: "$99",          subtitle: "Best for growing channels and professional editors.",          features: [
+            "Unlimited Projects",            "Priority Messaging",            "Advanced Search",            "Profile Boosting"],
         },
         {
-          id: "agency",
-          badge: "Agency",
-          price: "$249",
-          subtitle: "Advanced features for production houses and brands.",
-          features: [
-            "Unlimited Projects",
-            "Dedicated Support",
-            "API Access",
-            "Bulk Project Tools",
-          ],
+          id: "agency",          badge: "Agency",          price: "$249",          subtitle: "Advanced features for production houses and brands.",          features: [
+            "Unlimited Projects",            "Dedicated Support",            "API Access",            "Bulk Project Tools"],
         },
       ]}
       title="Flexible Membership Tiers"
@@ -193,29 +135,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/close-up-abstract-video-editing-footage--1774610578048-404a2e51.png",
-        },
+          id: "1",          name: "Sarah Johnson",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/close-up-abstract-video-editing-footage--1774610578048-404a2e51.png"},
         {
-          id: "2",
-          name: "Michael Chen",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-dark-waveform-digital-visualiza-1774610580089-4b36e2d1.png",
-        },
+          id: "2",          name: "Michael Chen",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-dark-waveform-digital-visualiza-1774610580089-4b36e2d1.png"},
         {
-          id: "3",
-          name: "Emily Rodriguez",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/glowing-digital-creative-workspace-backg-1774610579463-b457e638.png",
-        },
+          id: "3",          name: "Emily Rodriguez",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/glowing-digital-creative-workspace-backg-1774610579463-b457e638.png"},
         {
-          id: "4",
-          name: "David Kim",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-cinematic-light-streaks-over-a--1774610578472-e377b75d.png",
-        },
+          id: "4",          name: "David Kim",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/abstract-cinematic-light-streaks-over-a--1774610578472-e377b75d.png"},
       ]}
       cardTitle="Loved by Creators"
       cardAnimation="blur-reveal"
-      cardTag="Testimonials"
     />
   </div>
 
@@ -226,20 +155,12 @@ export default function LandingPage() {
       description="Ready to scale your production? Let's talk about your requirements."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
+          name: "name",          type: "text",          placeholder: "Your Name"},
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-        },
+          name: "email",          type: "email",          placeholder: "Email Address"},
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your needs...",
-      }}
+        name: "message",        placeholder: "Tell us about your needs..."}}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWh3hiRS0N7XFyMRW0mRhVdZrx/a-sleek-dark-theme-support-dashboard-ui--1774610578818-e4aeef37.png"
       mediaAnimation="blur-reveal"
     />
@@ -249,50 +170,31 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "Support",
-              href: "#contact",
-            },
+              label: "Support",              href: "#contact"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy",
-              href: "#",
-            },
+              label: "Privacy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1