Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 54a7230d27 |
248
src/app/page.tsx
248
src/app/page.tsx
@@ -3,15 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Save, Star, Target, TrendingUp, Wallet } from "lucide-react";
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Target, TrendingUp, Wallet } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Calculate",
|
||||
id: "#calculator",
|
||||
},
|
||||
name: "Calculate", id: "#calculator"},
|
||||
{
|
||||
name: "Debt Manager",
|
||||
id: "#debt",
|
||||
},
|
||||
name: "Debt Manager", id: "#debt"},
|
||||
{
|
||||
name: "AI Advisor",
|
||||
id: "#ai",
|
||||
},
|
||||
name: "AI Advisor", id: "#ai"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="IQ Loan"
|
||||
/>
|
||||
@@ -55,19 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="IQ Loan"
|
||||
description="Your AI-powered financial advisor. Take control of your debt, calculate the true cost of your loans, and find the smartest path to financial freedom."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#onboarding",
|
||||
},
|
||||
text: "Get Started", href: "#onboarding"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#calculator",
|
||||
},
|
||||
text: "View Features", href: "#calculator"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-korean-girl-looks-tablet-reads-street-drinks-takeaway-coffee_1258-193195.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -81,19 +68,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Target,
|
||||
label: "Loan Type",
|
||||
value: "Defined",
|
||||
},
|
||||
label: "Loan Type", value: "Defined"},
|
||||
{
|
||||
icon: Wallet,
|
||||
label: "Financial Goal",
|
||||
value: "Optimized",
|
||||
},
|
||||
label: "Financial Goal", value: "Optimized"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Savings Strategy",
|
||||
value: "Activated",
|
||||
},
|
||||
label: "Savings Strategy", value: "Activated"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -106,26 +87,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Consolidated View",
|
||||
subtitle: "See all your debt burdens at a glance.",
|
||||
category: "Insights",
|
||||
value: "Clarity",
|
||||
},
|
||||
id: "f1", title: "Consolidated View", subtitle: "See all your debt burdens at a glance.", category: "Insights", value: "Clarity"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Early Payoff Simulation",
|
||||
subtitle: "See exactly how much time and money you save.",
|
||||
category: "Optimization",
|
||||
value: "Action",
|
||||
},
|
||||
id: "f2", title: "Early Payoff Simulation", subtitle: "See exactly how much time and money you save.", category: "Optimization", value: "Action"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hidden Fee Analysis",
|
||||
subtitle: "Uncover the real total cost of your financial products.",
|
||||
category: "Warning",
|
||||
value: "Control",
|
||||
},
|
||||
id: "f3", title: "Hidden Fee Analysis", subtitle: "Uncover the real total cost of your financial products.", category: "Warning", value: "Control"},
|
||||
]}
|
||||
title="Debt Mastery"
|
||||
description="Manage all your loans in one place. Receive AI-driven insights on how to pay off debt faster, save on interest, and avoid hidden fees."
|
||||
@@ -140,41 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "True Cost Calculator",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-template_23-2148592987.jpg",
|
||||
},
|
||||
id: "p1", name: "True Cost Calculator", price: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-template_23-2148592987.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Affordability Score",
|
||||
price: "AI-Verified",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-stack-coins-calculator-house-model-blueprint_23-2148038724.jpg",
|
||||
},
|
||||
id: "p2", name: "Affordability Score", price: "AI-Verified", imageSrc: "http://img.b2bpic.net/free-photo/graph-stack-coins-calculator-house-model-blueprint_23-2148038724.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Refinance Analyzer",
|
||||
price: "Opportunity",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg",
|
||||
},
|
||||
id: "p3", name: "Refinance Analyzer", price: "Opportunity", imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "What-If Simulator",
|
||||
price: "Strategic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/currency-change-piles-coins_23-2148305966.jpg",
|
||||
},
|
||||
id: "p4", name: "What-If Simulator", price: "Strategic", imageSrc: "http://img.b2bpic.net/free-photo/currency-change-piles-coins_23-2148305966.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Market Rate Check",
|
||||
price: "Benchmark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bed-with-laptop-tablet_23-2148751552.jpg",
|
||||
},
|
||||
id: "p5", name: "Market Rate Check", price: "Benchmark", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bed-with-laptop-tablet_23-2148751552.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Worst Case Stress Test",
|
||||
price: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg",
|
||||
},
|
||||
id: "p6", name: "Worst Case Stress Test", price: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761009.jpg"},
|
||||
]}
|
||||
title="Smart Loan Tools"
|
||||
description="Calculate costs, compare options, and simulate different scenarios to choose the best loan for your unique financial profile."
|
||||
@@ -182,153 +124,79 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="ai" data-section="ai">
|
||||
<MetricCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardFourteen
|
||||
tag="AI Engine"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12%",
|
||||
title: "Avg Savings",
|
||||
description: "Users save on interest",
|
||||
icon: Save,
|
||||
id: "m1", value: "12%", description: "Average user interest savings"
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Decision Support",
|
||||
description: "Always ready to chat",
|
||||
icon: Star,
|
||||
id: "m2", value: "24/7", description: "Decision support available"
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Scenarios",
|
||||
description: "Simulation depth",
|
||||
icon: Star,
|
||||
},
|
||||
id: "m3", value: "100+", description: "Financial scenarios simulated"
|
||||
}
|
||||
]}
|
||||
title="AI Decision Engine"
|
||||
description="Our intelligent assistant guides you to the most cost-effective decisions based on real-time data."
|
||||
title="Intelligent Decision Engine"
|
||||
useInvertedBackground={false}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<TestimonialCardFifteen
|
||||
testimonial="IQ Loan helped me find out I was paying hidden fees. Saved thousands!"
|
||||
rating={5}
|
||||
author="Sarah J."
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg", alt: "Sarah J." }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Engineer",
|
||||
testimonial: "IQ Loan helped me find out I was paying hidden fees. Saved thousands!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael T.",
|
||||
role: "Designer",
|
||||
testimonial: "The AI advisor is incredibly intuitive and makes loan decisions simple.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
role: "Consultant",
|
||||
testimonial: "Finally, a way to see the 'True Cost' of my home loan. Excellent tool.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-young-happy-readhead-bearded-man-using-digital-tablet-workplace_171337-9875.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily R.",
|
||||
role: "Teacher",
|
||||
testimonial: "The amortization chart made it easy to visualize how to pay off debt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman_23-2147837532.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James K.",
|
||||
role: "Analyst",
|
||||
testimonial: "Refinancing advice was spot on and saved me years of payments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-african-man-standing-office-chatting-by-phone_171337-17654.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by US Users"
|
||||
description="See how IQ Loan helps people take control of their financial future."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqDouble
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my data secure?",
|
||||
content: "We use bank-level encryption to keep your financial data protected at all times.",
|
||||
},
|
||||
id: "q1", title: "Is my data secure?", content: "We use bank-level encryption to keep your financial data protected at all times."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How does the AI work?",
|
||||
content: "Our engine analyzes your input against market rates to provide personalized optimization advice.",
|
||||
},
|
||||
id: "q2", title: "How does the AI work?", content: "Our engine analyzes your input against market rates to provide personalized optimization advice."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it free to use?",
|
||||
content: "Yes, our base calculator and decision tools are free for all users.",
|
||||
},
|
||||
id: "q3", title: "Is it free to use?", content: "Yes, our base calculator and decision tools are free for all users."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about making smart loan decisions with IQ Loan."
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about making smart loan decisions with IQ Loan."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Security", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="IQ Loan"
|
||||
copyrightText="© 2024 IQ Loan. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user