Here is the complete code for your home page (`src/pages/Index.tsx`): ```tsx import { motion, useScroll, useTransform } from "framer-motion"; import { useRef, useState, useEffect } from "react"; import { Link } from "react-router-dom"; import { GraduationCap, ShieldCheck, Sparkles, ArrowRight, PlayCircle, BookOpen, Wrench, Library, FileText, Trophy, Users, TrendingUp, CheckCircle2, Star, Lock, Zap, Target, Award, } from "lucide-react"; const course1 = "https://vibe.filesafe.space/1780224412329885742/attachments/1b24ee75-a0bc-459b-a5bd-076341faf242.png"; const course2 = "https://vibe.filesafe.space/1780224412329885742/attachments/b31d387f-3efa-4a73-949f-90f6b46b92d7.png"; const course3 = "https://vibe.filesafe.space/1780224412329885742/attachments/d225347f-b481-41a3-8adc-eba676da0038.png"; const course4 = "https://vibe.filesafe.space/1780224412329885742/attachments/46cccdcd-2fe4-41d9-a641-c03072a5e436.png"; const course5 = "https://vibe.filesafe.space/1780224412329885742/attachments/9a8eb463-baf5-4a40-88a6-1190eb8113fb.png"; const course6 = "https://vibe.filesafe.space/1780224412329885742/attachments/c99aaabd-4817-41d2-80aa-5c04e8853447.png"; const logo = "https://vibe.filesafe.space/1778943256712442668/attachments/b264c573-9467-400e-bbfc-66939d7ddc17.png"; const BRAND = { blue: "#0b6cd1", blueDark: "#0852a0", green: "#0bae66", mint: "#ebf8ff", orange: "#FF6F33", ink: "#0a1628", }; /* ---------- Animated Counter ---------- */ function Counter({ to, suffix = "", duration = 2 }: { to: number; suffix?: string; duration?: number }) { const [n, setN] = useState(0); const ref = useRef(null); useEffect(() => { const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) { const start = performance.now(); const tick = (t: number) => { const p = Math.min(1, (t - start) / (duration * 1000)); setN(Math.floor(to * (1 - Math.pow(1 - p, 3)))); if (p < 1) requestAnimationFrame(tick); }; requestAnimationFrame(tick); obs.disconnect(); } }); if (ref.current) obs.observe(ref.current); return () => obs.disconnect(); }, [to, duration]); return ( {n.toLocaleString()} {suffix} ); } /* ---------- HERO ---------- */ function Hero() { const ref = useRef(null); const { scrollYProgress } = useScroll({ target: ref, offset: ["start start", "end start"] }); const y = useTransform(scrollYProgress, [0, 1], [0, 120]); const opacity = useTransform(scrollYProgress, [0, 1], [1, 0]); return (

{/* Grid backdrop */}

{/* Top nav-ish bar */}

Home Courses About Contact Student Portal Join Now

Metro 2® · FCRA · FDCPA curriculum

Master credit repair the way{" "} the pros actually do it.

11 expert-built courses, real dispute templates, a violation generator, and a private library — built by champions who get deletions on the first round.

Start learning today

FCRA · CROA compliant 4.9 · 12,400+ members Cancel anytime

{/* Floating dashboard preview */}

Student Dashboard

Welcome back, Marcus

{[BookOpen, Wrench, Library, FileText].map((Icon, i) => (

))}

{[ { title: "Credit Bureaus 101", pct: 100, tag: "Completed", color: BRAND.green }, { title: "Reading a Credit Report", pct: 64, tag: "In progress", color: BRAND.blue }, { title: "Wiping Hard Inquiries", pct: 22, tag: "Started", color: BRAND.orange }, ].map((c, i) => (

{c.tag} {c.pct}%

{c.title}

))}

{/* Floating badges */}

Avg lift

+128 pts

Deletions

42,318 wins

); } /* ---------- Stats Bar ---------- */ function Stats() { const items = [ { n: 12400, suffix: "+", label: "Students enrolled" }, { n: 42318, suffix: "", label: "Deletions documented" }, { n: 128, suffix: " pts", label: "Average score lift" }, { n: 11, suffix: "", label: "Expert courses" }, ]; return (

{items.map((it) => (

{it.label}

))}

); } /* ---------- Method (3-step) ---------- */ function Method() { const steps = [ { icon: BookOpen, color: BRAND.blue, tag: "01 · Learn", title: "Study the system", body: "11 structured courses cover Metro 2®, FCRA, FDCPA, re-aging, rental collections, hard inquiries, and more.", }, { icon: Wrench, color: BRAND.orange, tag: "02 · Practice", title: "Use the toolkit", body: "Dispute letter generator, violation finder, and library of certified templates — built by champions.", }, { icon: Trophy, color: BRAND.green, tag: "03 · Win", title: "Get deletions", body: "Apply real Metro 2® violations and force furnishers to delete. Document wins inside your dashboard.", }, ]; return (

The Champ Method

Three steps. Real deletions.

No fluff, no AI dispute farms. Just the exact playbook our top students use to win.

{/* Connecting line */}

{steps.map((s, i) => (

{s.tag}

{s.title}

{s.body}

))}

); } /* ---------- Courses Preview ---------- */ function Courses() { const courses = [ { tag: "Advanced", time: "2h 30m", img: course1, title: "Bankruptcy Disputes Unleashed!", desc: "Fight back against reporting inaccuracies on bankruptcies.", c: BRAND.blue }, { tag: "Advanced", time: "2h 45m", img: course2, title: "Metro 2 Dispute Blueprint", desc: "Legally force bureaus to delete inaccurate accounts.", c: BRAND.green }, { tag: "Intermediate", time: "2h 10m", img: course3, title: "Wipe Out Collections", desc: "The ultimate guide to fighting back & winning.", c: BRAND.orange }, { tag: "Intermediate", time: "1h 55m", img: course4, title: "Erasing the Past", desc: "Dispute missed payments and fix your payment history.", c: BRAND.blue }, { tag: "Advanced", time: "3h 00m", img: course5, title: "Repo & Foreclosure Disputes", desc: "Leverage FCRA & Metro 2 compliance to win.", c: BRAND.green }, { tag: "Beginner", time: "1h 20m", img: course6, title: "Intro to Credit Bureaus & CRAs", desc: "How the consumer reporting system actually works.", c: BRAND.orange }, ]; return (

Expert-built courses. Real results.

Subscribe to access

{courses.map((c, i) => ( {/* Visual header — image, no video icon */}

{c.tag}

{c.time}

{c.title}

{c.desc}

Members View course

))}

); } /* ---------- Features (toolkit) ---------- */ function Features() { const features = [ { icon: Wrench, c: BRAND.blue, t: "Dispute Generator", d: "Generate Metro 2®-cited letters tailored to each tradeline in seconds." }, { icon: Library, c: BRAND.green, t: "Template Library", d: "200+ proven dispute templates organized by violation type and bureau." }, { icon: Target, c: BRAND.orange, t: "Violation Finder", d: "Scan reports and surface the exact FCRA/FDCPA statutes furnishers are breaking." }, { icon: Users, c: BRAND.blue, t: "Private Community", d: "Direct access to instructors and a network of working credit repair pros." }, { icon: Award, c: BRAND.green, t: "Certifications", d: "Earn badges as you complete tracks. Show clients you're the real deal." }, { icon: Zap, c: BRAND.orange, t: "Live Workshops", d: "Weekly live sessions breaking down real wins, real letters, real strategy." }, ]; return (

The Champion Toolkit

Everything you need to win — in one place.

Courses teach the strategy. The toolkit puts it to work.

{features.map((f, i) => (

{f.t}

{f.d}

))}

); } /* ---------- Testimonials ---------- */ function Testimonials() { const t = [ { q: "Got 14 deletions in my first 30 days. The Metro 2® course alone was worth 10x the price.", n: "Jasmine R.", r: "Atlanta, GA", s: "+182 pts" }, { q: "I run my own credit repair business now. Dispute Champs taught me what no $2k course did.", n: "Marcus T.", r: "Houston, TX", s: "+147 pts" }, { q: "Removed 3 charged-off accounts and a rental collection. I'm buying my first house next month.", n: "Andrea L.", r: "Phoenix, AZ", s: "+96 pts" }, ]; return (

Real wins, real members

Champions in the wild.

{t.map((x, i) => (

{Array.from({ length: 5 }).map((_, k) => ( ))}

"{x.q}"

{x.n}

{x.r}

{x.s}

))}

); } /* ---------- Pricing CTA ---------- */ function Pricing() { return (

Ready to{" "} Rewrite Your Future?

One subscription. Every course. Every tool. Cancel anytime.

Best value

All-Access Pass

$39 .99 /mo

Join Now

7-day money-back guarantee · Cancel anytime

); } /* ---------- Footer ---------- */ function Footer() { return ( ); } export default function AcademyHome() { return ( <>