Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c93ff8ce82 | |||
| 479f546e1b |
446
src/app/page.tsx
446
src/app/page.tsx
@@ -3,340 +3,150 @@
|
||||
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 } 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"
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
description="Clear metrics for your journey."
|
||||
useInvertedBackground={true}
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</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" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user