From 479f546e1ba09701b14116c0b055b30843d928a5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 23 May 2026 21:51:53 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 440 +++++++++++++----------------------------------
 1 file changed, 122 insertions(+), 318 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7a61182..3dd451e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,340 +3,144 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import TextAbout from '@/components/sections/about/TextAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { ShieldCheck, TrendingUp, Zap, Users, HelpCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
         contentWidth="mediumSmall"
-        sizing="large"
-        background="floatingGradient"
-        cardStyle="inset"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+        sizing="medium"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Benefits",
-          id: "features",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="CreditGuard"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "FAQ", id: "faq" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="CreditPure"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Improve Your Credit History Completely Free"
-      description="We offer expert guidance and free tools to help you repair your credit history, raise your score, and secure the approvals you deserve without hidden costs."
-      kpis={[
-        {
-          value: "100%",
-          label: "Service Free",
-        },
-        {
-          value: "5k+",
-          label: "Users Assisted",
-        },
-        {
-          value: "5.0",
-          label: "Trust Rating",
-        },
-      ]}
-      enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-vector/banking-app-interface-concept_52683-41895.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-vector/flat-mobile-app-cover_52683-6716.jpg",
-          alt: "Client profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/banking-app-interface-collection_23-2148626877.jpg",
-          alt: "Client profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148596064.jpg",
-          alt: "Client profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148616509.jpg",
-          alt: "Client profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg",
-          alt: "Client profile 5",
-        },
-      ]}
-      avatarText="Join 5,000+ satisfied users"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Equifax Approved",
-        },
-        {
-          type: "text",
-          text: "TransUnion Trusted",
-        },
-        {
-          type: "text",
-          text: "Experian Compliant",
-        },
-        {
-          type: "text",
-          text: "Secure & Private",
-        },
-        {
-          type: "text",
-          text: "Fast Dispute Results",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardDashboard
+            title="Improve Credit History at Zero Cost"
+            description="Modern, transparent, and completely free solutions to repair your credit profile and reclaim your financial freedom."
+            background={{ variant: "plain" }}
+            tag="100% Free Service"
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            dashboard={{
+              title: "Score Recovery",              stats: [
+                { title: "Credit Score", values: [720, 750, 780], description: "Projected growth" },
+                { title: "Disputes", values: [12, 24, 36], description: "Cases resolved" },
+                { title: "Approval", values: [85, 92, 98], description: "Success rate %" }
+              ],
+              logoIcon: ShieldCheck,
+              sidebarItems: [{ icon: Zap, active: true }, { icon: TrendingUp }],
+              buttons: [{ text: "View Status" }],
+              listItems: [{ icon: Users, title: "Audit Completed", status: "Active" }],
+              imageSrc: "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?q=80&w=1200"}}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Our Mission for Fair Access"
-      description="Financial wellness should not be an expensive luxury. Our team provides accessible credit rehabilitation strategies to empower every individual to reach their financial goals independently."
-      metrics={[
-        {
-          value: "0$",
-          title: "Setup Fees",
-        },
-        {
-          value: "100%",
-          title: "Transparency",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-business-staff_1098-13780.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            title="Financial Equality Through Minimalism"
+            description="We believe that fixing your credit history should be a right, not a paid service. CreditPure is built on a model of absolute transparency and zero fees."
+            useInvertedBackground={true}
+            tag="Our Philosophy"
+            buttons={[{ text: "Learn More", href: "#features" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Free Credit Analysis",
-          description: "Get a deep dive into your history with actionable insights.",
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-presenting-property-investment-opportunity-available_482257-95627.jpg",
-          imageAlt: "Credit analysis icon",
-        },
-        {
-          title: "Dispute Assistance",
-          description: "Guidance on how to challenge errors in your report.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-having-conversation-with-work-colleague_273609-4713.jpg",
-          imageAlt: "Dispute help icon",
-        },
-        {
-          title: "Score Optimization",
-          description: "Learn the mechanics of raising your rating effectively.",
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-boss-glasses-holding-scale-model-house-future-real-estate-while-two-young-architects-presenting-construction-project-him_273609-5763.jpg",
-          imageAlt: "Score optimization icon",
-        },
-      ]}
-      title="Why Choose CreditGuard?"
-      description="Comprehensive resources designed to help you regain control over your financial narrative."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            title="How We Facilitate Change"
+            description="A minimalist approach to complex financial reporting, stripping away the clutter to focus on what matters."
+            textboxLayout="split"
+            animationType="slide-up"
+            features={[
+              { id: "1", title: "Free Audit", tags: ["Expert Analysis"] },
+              { id: "2", title: "Dispute Logic", tags: ["Systematic"] },
+              { id: "3", title: "Score Growth", tags: ["Data Driven"] }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Impact In Numbers"
-      tag="Results Driven"
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          description: "Errors Disputed",
-        },
-        {
-          id: "m2",
-          value: "45%",
-          description: "Average Score Increase",
-        },
-        {
-          id: "m3",
-          value: "12mo",
-          description: "Avg. Repair Journey",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            title="Proven Impact"
+            metrics={[
+              { id: "m1", icon: Zap, title: "Zero Fees", value: "100%" },
+              { id: "m2", icon: TrendingUp, title: "Score Boost", value: "45%" },
+              { id: "m3", icon: Users, title: "Community", value: "5k+" }
+            ]}
+            animationType="slide-up"
+            textboxLayout="split"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          role: "User",
-          company: "Happy Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13215.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah P.",
-          role: "User",
-          company: "Happy Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-        },
-        {
-          id: "3",
-          name: "John D.",
-          role: "User",
-          company: "Happy Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
-        },
-        {
-          id: "4",
-          name: "Maria K.",
-          role: "User",
-          company: "Happy Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-very-big-company_329181-10299.jpg",
-        },
-        {
-          id: "5",
-          name: "Tom W.",
-          role: "User",
-          company: "Happy Member",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-        },
-      ]}
-      title="Stories of Success"
-      description="Hear from thousands of users who secured their financial freedom through our free services."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            cardTitle="Real Stories, Real Results"
+            cardTag="Community"
+            cardAnimation="blur-reveal"
+            testimonials={[
+              { id: "1", name: "Alex D.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200" },
+              { id: "2", name: "Sarah K.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=200" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Are these services really free?",
-          content: "Yes, all our consulting and resources are provided free of charge.",
-        },
-        {
-          id: "q2",
-          title: "How long does it take?",
-          content: "Credit repair is a process that varies per individual history.",
-        },
-        {
-          id: "q3",
-          title: "Do you need my banking credentials?",
-          content: "No, we never ask for sensitive banking credentials.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/question-marks-floating_1160-11.jpg"
-      title="Frequently Asked Questions"
-      description="Common inquiries about our credit support services."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            faqs={[
+              { id: "q1", title: "How is this free?", content: "We are supported by educational grants and financial institutions committed to consumer literacy." },
+              { id: "q2", title: "Is it legal?", content: "Yes, we provide legal guidance and templates for your rights." }
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get Started"
-      title="Ready to Start Your Journey?"
-      description="Reach out today and let's work on improving your financial future together."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:info@creditguard.example",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Get In Touch"
+            title="Ready for Financial Clarity?"
+            description="Start your zero-fee credit repair journey today."
+            buttons={[{ text: "Contact Us", href: "mailto:support@creditpure.example" }]}
+            background={{ variant: "plain" }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="CreditGuard"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Free Consultation",
-              href: "#",
-            },
-            {
-              label: "Credit Repair",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 CreditGuard. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="CreditPure"
+            columns={[
+              { title: "Services", items: [{ label: "Audit", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1