From ee4c9e5e3fe5198f9f46f2cb8362d44705fcdfdf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 31 Mar 2026 01:05:09 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 120 ++++++++++++++++++++++-------------------------
 1 file changed, 57 insertions(+), 63 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d330e00..69c4456 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import { FileText, MessageSquare, Search } from "lucide-react";
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { FileText, MessageSquare, Search, Zap, CheckCircle, BarChart, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,9 +32,9 @@ export default function LandingPage() {
             navItems={[
               { name: "AI Chat", id: "#chat" },
               { name: "Writing", id: "#writing" },
-              { name: "Design", id: "#design" },
-              { name: "Video", id: "#video" },
-              { name: "Business", id: "#business" },
+              { name: "Benefits", id: "#metric" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
             ]}
             brandName="AisToMyAdvantage"
           />
@@ -50,28 +51,22 @@ export default function LandingPage() {
         </div>
 
         <div id="chat" data-section="chat">
-          <FeatureBento
+          <FeatureCardSeven
             animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
             title="General AI Chat & Assistants"
             description="Most popular AI tools used daily for writing, coding, and automation."
             features={[
-              {
-                title: "ChatGPT",                description: "Writing, coding, business ideas, and task automation.",                bentoComponent: "reveal-icon",                icon: MessageSquare
-              },
-              {
-                title: "Claude",                description: "Powerful long-form writing, analysis, and document processing.",                bentoComponent: "reveal-icon",                icon: FileText
-              },
-              {
-                title: "Perplexity AI",                description: "Search engine power with cited sources for research.",                bentoComponent: "reveal-icon",                icon: Search
-              }
+              { id: 1, title: "ChatGPT", description: "Writing, coding, business ideas, and task automation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-clean-dashboard-showing-writing-tools--1774918699281-0085c692.png" },
+              { id: 2, title: "Claude", description: "Powerful long-form writing, analysis, and document processing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-ai-image-editing-tool-inter-1774918699688-3f01b6b9.png" },
+              { id: 3, title: "Perplexity AI", description: "Search engine power with cited sources for research.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-digital-canvas-with-design-tools-and-i-1774918700053-e28f1c8c.png" }
             ]}
           />
         </div>
 
         <div id="writing" data-section="writing">
-          <ProductCardTwo
+          <ProductCardThree
             animationType="slide-up"
             textboxLayout="split"
             gridVariant="three-columns-all-equal-width"
@@ -79,67 +74,66 @@ export default function LandingPage() {
             title="AI Writing & Design Tools"
             description="Tools for content, emails, marketing, graphics, and branding."
             products={[
-              { id: "p1", brand: "Writing", name: "Jasper AI", price: "High Performance", rating: 5, reviewCount: "5k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-clean-dashboard-showing-writing-tools--1774918699281-0085c692.png" },
-              { id: "p2", brand: "Design", name: "Midjourney", price: "AI Art", rating: 5, reviewCount: "10k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-ai-image-editing-tool-inter-1774918699688-3f01b6b9.png" },
-              { id: "p3", brand: "Design", name: "Canva AI", price: "Graphics & Layout", rating: 4, reviewCount: "8k+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-digital-canvas-with-design-tools-and-i-1774918700053-e28f1c8c.png" },
+              { id: "p1", name: "Jasper AI", price: "Performance Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-clean-dashboard-showing-writing-tools--1774918699281-0085c692.png" },
+              { id: "p2", name: "Midjourney", price: "Art Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-ai-image-editing-tool-inter-1774918699688-3f01b6b9.png" },
+              { id: "p3", name: "Canva AI", price: "Design Tier", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/a-digital-canvas-with-design-tools-and-i-1774918700053-e28f1c8c.png" },
+            ]}
+          />
+        </div>
+
+        <div id="metric" data-section="metric">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="AI Impact Metrics"
+            description="Quantifiable improvements for your business workflows."
+            metrics={[
+              { id: "m1", value: "40%", title: "Time Saved", description: "Reduction in routine administrative tasks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-research-and-data-analysis--1774918700103-a11ad7ab.png" },
+              { id: "m2", value: "3x", title: "Content Capacity", description: "Increased production speed across teams.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-research-and-data-analysis--1774918700103-a11ad7ab.png" }
+            ]}
+          />
+        </div>
+
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            showRating={true}
+            title="What Users Are Saying"
+            description="Join thousands of professionals scaling their output with AI."
+            testimonials={[
+              { id: "1", name: "Alex P.", handle: "@alexp", testimonial: "This directory saved me hours of research.", rating: 5 },
+              { id: "2", name: "Sarah J.", handle: "@sarahj", testimonial: "The tutorials are clear and actionable.", rating: 5 }
             ]}
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitMedia
+          <FaqBase
             textboxLayout="split"
             useInvertedBackground={true}
-            title="Why Use AI Tools?"
-            description="See how AI can transform your daily workflow — from writing emails to creating Excel formulas in seconds."
+            title="Frequently Asked Questions"
+            description="Learn more about optimizing your AI journey."
             faqsAnimation="slide-up"
             faqs={[
-              { id: "1", title: "How does AI help productivity?", content: "AI automates repetitive tasks and provides smart suggestions to speed up content creation and analysis." },
-              { id: "2", title: "Which tools should I start with?", content: "Start with general AI assistants like ChatGPT or Claude for immediate daily improvements." },
-              { id: "3", title: "Are these tools free?", content: "Most tools listed offer a free tier, while professional features often require a subscription." },
-            ]}
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BglYrtixDAJXEmeXw8LmSG6O7r/professional-research-and-data-analysis--1774918700103-a11ad7ab.png"
-          />
-        </div>
-
-        <div id="metric" data-section="metric">
-          <MetricCardFourteen
-            useInvertedBackground={false}
-            title="Impact of AI Adoption"
-            tag="Productivity Growth"
-            tagAnimation="slide-up"
-            metricsAnimation="slide-up"
-            metrics={[
-              { id: "m1", value: "40%", description: "Reduction in time spent on routine administrative tasks" },
-              { id: "m2", value: "3x", description: "Increase in content production capacity per team member" },
-              { id: "m3", value: "95%", description: "Accuracy in data analysis and automated reporting" },
-              { id: "m4", value: "12+", description: "Hours saved per week on manual project management" },
-              { id: "m5", value: "500+", description: "Automated workflow executions per month" },
+              { id: "1", title: "How does AI help productivity?", content: "AI automates repetitive tasks and provides smart suggestions." },
+              { id: "2", title: "Which tools should I start with?", content: "Start with ChatGPT or Claude for immediate daily improvements." },
             ]}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterBaseCard
             columns={[
-              {
-                title: "Categories",                items: [
-                  { label: "Writing", href: "#writing" },
-                  { label: "Design", href: "#design" },
-                  { label: "Business", href: "#business" },
-                ],
-              },
-              {
-                title: "Mastery",                items: [
-                  { label: "Why AI Matters", href: "#about" },
-                  { label: "Quick Reference", href: "#tools" },
-                ],
-              },
+              { title: "Categories", items: [{ label: "Writing", href: "#writing" }, { label: "Design", href: "#design" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#faq" }] },
             ]}
-            copyrightText="Created by Jyte Tapere. Built to help you master AI tools — one category at a time."
+            copyrightText="© 2025 | AisToMyAdvantage"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1