From d9e25b1c875d49a73adeeba441bc6400de3c855e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 14:16:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 194 ++++++++++++-----------------------------------
 1 file changed, 47 insertions(+), 147 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 305a18f..e5c2e20 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
         {
-          name: "Pricing",
-          id: "pricing",
-        },
+          name: "Pricing",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="AffiliateTool"
     />
@@ -50,64 +44,41 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Scale Your Affiliate Revenue"
       description="The all-in-one platform for tracking, optimizing, and scaling your affiliate marketing campaigns with real-time performance analytics."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
-          alt: "User 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",          alt: "User 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",
-          alt: "User 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg",          alt: "User 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg",
-          alt: "User 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg",          alt: "User 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
-          alt: "User 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",          alt: "User 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg",
-          alt: "User 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2147985511.jpg",          alt: "User 5"},
       ]}
       avatarText="Trusted by 500+ Marketers"
       buttons={[
         {
-          text: "Get Started",
-          href: "#pricing",
-        },
+          text: "Get Started",          href: "#pricing"},
       ]}
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Real-time Tracking",
-          icon: Zap,
+          type: "text-icon",          text: "Real-time Tracking",          icon: Zap,
         },
         {
-          type: "text-icon",
-          text: "Advanced Analytics",
-          icon: BarChart2,
+          type: "text-icon",          text: "Advanced Analytics",          icon: BarChart2,
         },
         {
-          type: "text-icon",
-          text: "High Conversion",
-          icon: Target,
+          type: "text-icon",          text: "High Conversion",          icon: Target,
         },
         {
-          type: "text-icon",
-          text: "Fast Scaling",
-          icon: TrendingUp,
+          type: "text-icon",          text: "Fast Scaling",          icon: TrendingUp,
         },
         {
-          type: "text-icon",
-          text: "Secure Infrastructure",
-          icon: ShieldCheck,
+          type: "text-icon",          text: "Secure Infrastructure",          icon: ShieldCheck,
         },
       ]}
     />
@@ -115,34 +86,25 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureHoverPattern
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
           icon: Zap,
-          title: "Real-time Tracking",
-          description: "Monitor every click, conversion, and commission instantly.",
-        },
+          title: "Real-time Tracking",          description: "Monitor every click, conversion, and commission instantly."},
         {
           icon: Target,
-          title: "Precision Targeting",
-          description: "Optimize campaigns based on deep visitor insights.",
-        },
+          title: "Precision Targeting",          description: "Optimize campaigns based on deep visitor insights."},
         {
           icon: TrendingUp,
-          title: "Revenue Growth",
-          description: "Identify high-performing channels to scale effectively.",
-        },
+          title: "Revenue Growth",          description: "Identify high-performing channels to scale effectively."},
         {
           icon: ShieldCheck,
-          title: "Fraud Detection",
-          description: "Protect your commissions with AI-driven security.",
-        },
+          title: "Fraud Detection",          description: "Protect your commissions with AI-driven security."},
         {
           icon: LayoutDashboard,
-          title: "Custom Dashboards",
-          description: "Tailor your data view to track what matters most.",
-        },
+          title: "Custom Dashboards",          description: "Tailor your data view to track what matters most."},
       ]}
       title="Powerful Marketing Tools"
       description="Unlock data-driven growth with features built for speed and precision."
@@ -151,25 +113,17 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardTwo
+      animationType="blur-reveal"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "$2M+",
-          description: "Commissions Tracked",
-        },
+          id: "m1",          value: "$2M+",          description: "Commissions Tracked"},
         {
-          id: "m2",
-          value: "150k",
-          description: "Active Links",
-        },
+          id: "m2",          value: "150k",          description: "Active Links"},
         {
-          id: "m3",
-          value: "99.9%",
-          description: "Uptime Reliability",
-        },
+          id: "m3",          value: "99.9%",          description: "Uptime Reliability"},
       ]}
       title="Performance at a Glance"
       description="Transparent data helping you make smarter, faster decisions."
@@ -183,37 +137,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Entry",
-          price: "$29/mo",
-          subtitle: "Perfect for solo marketers",
-          features: [
-            "Basic Tracking",
-            "Email Support",
-            "1,000 Links",
-          ],
+          id: "basic",          badge: "Entry",          price: "$29/mo",          subtitle: "Perfect for solo marketers",          features: [
+            "Basic Tracking",            "Email Support",            "1,000 Links"],
         },
         {
-          id: "pro",
-          badge: "Pro",
-          price: "$79/mo",
-          subtitle: "Scale your campaigns",
-          features: [
-            "Advanced Analytics",
-            "Priority Support",
-            "10,000 Links",
-          ],
+          id: "pro",          badge: "Pro",          price: "$79/mo",          subtitle: "Scale your campaigns",          features: [
+            "Advanced Analytics",            "Priority Support",            "10,000 Links"],
         },
         {
-          id: "enterprise",
-          badge: "Agency",
-          price: "$199/mo",
-          subtitle: "For professional teams",
-          features: [
-            "Custom Integrations",
-            "API Access",
-            "Unlimited Links",
-          ],
+          id: "enterprise",          badge: "Agency",          price: "$199/mo",          subtitle: "For professional teams",          features: [
+            "Custom Integrations",            "API Access",            "Unlimited Links"],
         },
       ]}
       title="Scalable Pricing Plans"
@@ -226,30 +159,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Alex R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
-        },
+          id: "1",          name: "Alex R.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg"},
         {
-          id: "2",
-          name: "Maria K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
-        },
+          id: "2",          name: "Maria K.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg"},
         {
-          id: "3",
-          name: "David J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
-        },
+          id: "3",          name: "David J.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg"},
         {
-          id: "4",
-          name: "James L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-african-male-model-with-big-headphones-standing-near-restaurant-outdoor-photo-good-looking-confident-man-with-dark-skin_197531-21796.jpg",
-        },
+          id: "4",          name: "James L.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-tired-african-male-model-with-big-headphones-standing-near-restaurant-outdoor-photo-good-looking-confident-man-with-dark-skin_197531-21796.jpg"},
         {
-          id: "5",
-          name: "Sarah P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg",
-        },
+          id: "5",          name: "Sarah P.",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-black-american-male-dressed-suit-grey-vignette-background_613910-9479.jpg"},
       ]}
       cardTitle="Loved by Marketers"
       cardTag="Testimonials"
@@ -261,14 +179,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Ready to skyrocket your revenue? Let's get started."
       buttons={[
         {
-          text: "Contact Support",
-          href: "#",
-        },
+          text: "Contact Support",          href: "#"},
       ]}
     />
   </div>
@@ -277,42 +192,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Platform",
-          items: [
+          title: "Platform",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              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: "#"},
           ],
         },
       ]}