From a9a8d6039c563372283a3631df31cac5953beb3a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 22:29:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 107 +++++++++++++++++++++++++++++++++++++----------
 1 file changed, 84 insertions(+), 23 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9b09d1c..25c95d3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
-import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
+import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
 import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
 import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
 import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
@@ -67,7 +67,7 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureHoverPattern
+        <FeatureCardTwentyFive
           tag="Powerful Capabilities"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -76,24 +76,72 @@ export default function LandingPage() {
           features={[
             {
               icon: Brain,
-              title: "AI Website Analysis",              description: "Deep AI analysis identifies SEO gaps, competitors, and opportunities. Get actionable insights to improve your ranking potential instantly."},
+              title: "AI Website Analysis",              description: "Deep AI analysis identifies SEO gaps, competitors, and opportunities. Get actionable insights to improve your ranking potential instantly.",              mediaItems: [
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "AI Analysis Dashboard"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Analysis Insights"
+                }
+              ]
+            },
             {
               icon: Search,
-              title: "Automatic Keyword Research",              description: "AI discovers high-intent, low-competition keywords aligned with your niche. Target keywords your competitors haven't optimized yet."},
+              title: "Automatic Keyword Research",              description: "AI discovers high-intent, low-competition keywords aligned with your niche. Target keywords your competitors haven't optimized yet.",              mediaItems: [
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Keyword Research"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Keyword Opportunities"
+                }
+              ]
+            },
             {
               icon: Calendar,
-              title: "Monthly Content Plans",              description: "AI generates complete 30-day content strategies with keyword clusters, topics, and publishing schedules. Never wonder what to write next."},
+              title: "Monthly Content Plans",              description: "AI generates complete 30-day content strategies with keyword clusters, topics, and publishing schedules. Never wonder what to write next.",              mediaItems: [
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Content Planning"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Publishing Schedule"
+                }
+              ]
+            },
             {
               icon: Zap,
-              title: "Daily Auto-Publishing",              description: "Fully optimized, human-quality articles written and published automatically every single day. Build topical authority effortlessly."},
+              title: "Daily Auto-Publishing",              description: "Fully optimized, human-quality articles written and published automatically every single day. Build topical authority effortlessly.",              mediaItems: [
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Auto Publishing"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Publishing Flow"
+                }
+              ]
+            },
             {
               icon: BarChart3,
-              title: "Advanced Analytics",              description: "Track article performance, keyword rankings, traffic gains, and ROI. See exactly which content drives results."},
+              title: "Advanced Analytics",              description: "Track article performance, keyword rankings, traffic gains, and ROI. See exactly which content drives results.",              mediaItems: [
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Analytics Dashboard"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "Performance Metrics"
+                }
+              ]
+            },
             {
               icon: Eye,
-              title: "AI Search Visibility",              description: "Monitor how your articles perform in AI search engines like ChatGPT, Claude, and Gemini. New frontier, new opportunities."},
+              title: "AI Search Visibility",              description: "Monitor how your articles perform in AI search engines like ChatGPT, Claude, and Gemini. New frontier, new opportunities.",              mediaItems: [
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "AI Search Tracking"
+                },
+                {
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-sleek-modern-saas-dashboard-interface--1772662970908-44ca6bde.png",                  imageAlt: "AI Engine Visibility"
+                }
+              ]
+            },
           ]}
-          animationType="slide-up"
+          animationType="depth-3d"
           textboxLayout="default"
           useInvertedBackground={false}
         />
@@ -130,19 +178,22 @@ export default function LandingPage() {
               id: "starter",              badge: "Great to Start",              badgeIcon: Zap,
               price: "$99/mo",              subtitle: "Perfect for solopreneurs and small blogs",              buttons: [{ text: "Get Started", href: "https://app.uptier.io/signup?plan=starter" }],
               features: [
-                "AI analysis of your website",                "Automatic keyword research",                "15 articles per month",                "Basic analytics dashboard",                "Email support"],
+                "AI analysis of your website",                "Automatic keyword research",                "15 articles per month",                "Basic analytics dashboard",                "Email support"
+              ],
             },
             {
               id: "pro",              badge: "Most Popular",              badgeIcon: Crown,
               price: "$299/mo",              subtitle: "Ideal for growing businesses and agencies",              buttons: [{ text: "Get Started", href: "https://app.uptier.io/signup?plan=pro" }],
               features: [
-                "Everything in Starter",                "30 articles per month",                "Advanced content planning",                "Competitor analysis",                "AI search visibility tracking",                "Priority support"],
+                "Everything in Starter",                "30 articles per month",                "Advanced content planning",                "Competitor analysis",                "AI search visibility tracking",                "Priority support"
+              ],
             },
             {
               id: "enterprise",              badge: "Maximum Scale",              badgeIcon: Rocket,
               price: "$999/mo",              subtitle: "For large-scale operations and enterprises",              buttons: [{ text: "Contact Sales", href: "https://app.uptier.io/contact-sales" }],
               features: [
-                "Everything in Pro",                "Unlimited articles per month",                "Multi-site management",                "Custom integrations",                "Dedicated account manager",                "Advanced API access"],
+                "Everything in Pro",                "Unlimited articles per month",                "Multi-site management",                "Custom integrations",                "Dedicated account manager",                "Advanced API access"
+              ],
             },
           ]}
           animationType="slide-up"
@@ -154,23 +205,27 @@ export default function LandingPage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSixteen
           title="Loved by SEO Professionals"
-          description="Our customers average 156% traffic increases in 90 days. See what our customers have to say about how Uptier transformed their SEO strategy."
+          description="See what our customers have to say about how Uptier transformed their SEO strategy."
           tag="Customer Testimonials"
           tagIcon={MessageSquare}
           tagAnimation="slide-up"
           testimonials={[
             {
               id: "1",              name: "Sarah Chen",              role: "Founder",              company: "ContentFlow Media",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-satisfied-s-1772662970338-8d9c48ac.png",              imageAlt: "Professional headshot of Sarah Chen"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-satisfied-s-1772662970338-8d9c48ac.png",              imageAlt: "Professional headshot of Sarah Chen"
+            },
             {
               id: "2",              name: "Marcus Rodriguez",              role: "Marketing Director",              company: "TechGrow Solutions",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-marketing-m-1772662971105-41611d33.png",              imageAlt: "Professional headshot of Marcus Rodriguez"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-marketing-m-1772662971105-41611d33.png",              imageAlt: "Professional headshot of Marcus Rodriguez"
+            },
             {
               id: "3",              name: "Elena Kowalski",              role: "SEO Specialist",              company: "Digital Edge Agency",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-digital-mar-1772662970722-8d0822dd.png",              imageAlt: "Professional headshot of Elena Kowalski"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-digital-mar-1772662970722-8d0822dd.png",              imageAlt: "Professional headshot of Elena Kowalski"
+            },
             {
               id: "4",              name: "James Mitchell",              role: "Content Strategist",              company: "GrowthLab Inc",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-content-str-1772662970747-231b6bd0.png",              imageAlt: "Professional headshot of James Mitchell"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AV15mP5ZCvXpx7MjxmTesUUylP/a-professional-headshot-of-a-content-str-1772662970747-231b6bd0.png",              imageAlt: "Professional headshot of James Mitchell"
+            },
           ]}
           kpiItems={[
             { value: "1,200+", label: "Active Users" },
@@ -189,17 +244,23 @@ export default function LandingPage() {
           sideDescription="Everything you need to know about Uptier and how it works."
           faqs={[
             {
-              id: "1",              title: "How does Uptier's AI analysis work?",              content: "Uptier uses advanced machine learning to analyze your website, competitor sites, and search engine data. It identifies SEO weaknesses, keyword opportunities, and content gaps specific to your niche. The analysis is updated continuously as you optimize."},
+              id: "1",              title: "How does Uptier's AI analysis work?",              content: "Uptier uses advanced machine learning to analyze your website, competitor sites, and search engine data. It identifies SEO weaknesses, keyword opportunities, and content gaps specific to your niche. The analysis is updated continuously as you optimize."
+            },
             {
-              id: "2",              title: "Will the AI-written articles rank?",              content: "Yes. Our AI is trained on high-ranking content patterns and writes articles optimized for both search engines and users. Combined with daily publishing and topical authority building, most customers see rankings within 2-6 weeks."},
+              id: "2",              title: "Will the AI-written articles rank?",              content: "Yes. Our AI is trained on high-ranking content patterns and writes articles optimized for both search engines and users. Combined with daily publishing and topical authority building, most customers see rankings within 2-6 weeks."
+            },
             {
-              id: "3",              title: "Can I edit or customize the articles?",              content: "Absolutely. You have full control over every article. Review, edit, add your expertise, or customize formatting before publishing. The AI handles the heavy lifting while you maintain quality control."},
+              id: "3",              title: "Can I edit or customize the articles?",              content: "Absolutely. You have full control over every article. Review, edit, add your expertise, or customize formatting before publishing. The AI handles the heavy lifting while you maintain quality control."
+            },
             {
-              id: "4",              title: "What's AI search visibility tracking?",              content: "AI search engines like ChatGPT and Claude are becoming major traffic sources. Uptier tracks when and how often your content appears in AI search results, helping you understand your new visibility landscape."},
+              id: "4",              title: "What's AI search visibility tracking?",              content: "AI search engines like ChatGPT and Claude are becoming major traffic sources. Uptier tracks when and how often your content appears in AI search results, helping you understand your new visibility landscape."
+            },
             {
-              id: "5",              title: "Do you support multiple websites?",              content: "Yes. The Pro and Enterprise plans support multiple site management. Run Uptier across your portfolio from one dashboard with separate analytics for each site."},
+              id: "5",              title: "Do you support multiple websites?",              content: "Yes. The Pro and Enterprise plans support multiple site management. Run Uptier across your portfolio from one dashboard with separate analytics for each site."
+            },
             {
-              id: "6",              title: "What integrations do you offer?",              content: "We integrate with WordPress, Webflow, Shopify, and via API. The Pro plan includes analytics integrations with Google Analytics and Search Console. Enterprise includes custom integrations."},
+              id: "6",              title: "What integrations do you offer?",              content: "We integrate with WordPress, Webflow, Shopify, and via API. The Pro plan includes analytics integrations with Google Analytics and Search Console. Enterprise includes custom integrations."
+            },
           ]}
           useInvertedBackground={false}
           faqsAnimation="slide-up"