Update src/app/page.tsx
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -30,94 +30,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="StudyForge"
|
||||
button={{
|
||||
text: "Sign Up",
|
||||
href: "/signup",
|
||||
}}
|
||||
button={{ text: "Sign Up", href: "/signup" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Master Complex Concepts with AI"
|
||||
description="StudyForge uses advanced AI to break down physics and math, ensuring you understand every step. Explain like you're 5, level up your grades."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/illustration-education-concept_53876-20743.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Started", href: "#" }, { text: "Learn More", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/illustration-education-concept_53876-20743.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419465.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-reading-book-indoors_23-2149887861.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worried-insecure-good-looking-female-student-with-curly-hair-sitting-table-with-digital-tablet_176420-24664.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unique-special-effect-captured_23-2149043561.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419465.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-reading-book-indoors_23-2149887861.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worried-insecure-good-looking-female-student-with-curly-hair-sitting-table-with-digital-tablet_176420-24664.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/unique-special-effect-captured_23-2149043561.jpg", alt: "Student 5" }
|
||||
]}
|
||||
avatarText="Join 10,000+ students mastering their future"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Physics 101",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calculus II",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Linear Algebra",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Statistics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Science",
|
||||
},
|
||||
{ type: "text", text: "Physics 101" },
|
||||
{ type: "text", text: "Calculus II" },
|
||||
{ type: "text", text: "Linear Algebra" },
|
||||
{ type: "text", text: "Statistics" },
|
||||
{ type: "text", text: "Data Science" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,30 +73,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Step-by-Step AI Solver",
|
||||
description: "Get deep explanations for any equation. No more guessing.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14716.jpg",
|
||||
imageAlt: "AI math solver",
|
||||
title: "Step-by-Step AI Solver", description: "Get deep explanations for any equation. No more guessing.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-cyber-particles_1048-14716.jpg", imageAlt: "AI math solver"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Instant resolution",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Accuracy guaranteed",
|
||||
},
|
||||
{
|
||||
icon: BookOpen,
|
||||
text: "Conceptual mastery",
|
||||
},
|
||||
{ icon: Zap, text: "Instant resolution" },
|
||||
{ icon: CheckCircle, text: "Accuracy guaranteed" },
|
||||
{ icon: BookOpen, text: "Conceptual mastery" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/illustration-education-concept_53876-20743.jpg?_wi=2",
|
||||
imageAlt: "ai software dashboard interface dark mode",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Why Students Love StudyForge"
|
||||
description="Our platform combines expert-level AI with gamified motivation to keep you on track."
|
||||
@@ -166,40 +96,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Free",
|
||||
price: "$0/mo",
|
||||
name: "Basic Explorer",
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Limited AI questions",
|
||||
"Basic study planner",
|
||||
"Community access",
|
||||
],
|
||||
id: "free", badge: "Free", price: "$0/mo", name: "Basic Explorer", buttons: [{ text: "Start Now", href: "#" }],
|
||||
features: ["Limited AI questions", "Basic study planner", "Community access"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$19/mo",
|
||||
name: "Forge Master",
|
||||
buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI explanations",
|
||||
"Advanced 'ELI5' mode",
|
||||
"Streak & Leaderboard tracking",
|
||||
"Premium dashboard",
|
||||
],
|
||||
},
|
||||
id: "pro", badge: "Popular", price: "$19/mo", name: "Forge Master", buttons: [{ text: "Go Pro", href: "#" }],
|
||||
features: ["Unlimited AI explanations", "Advanced 'ELI5' mode", "Streak & Leaderboard tracking", "Premium dashboard"]
|
||||
}
|
||||
]}
|
||||
title="Affordable Plans for Every Learner"
|
||||
description="Get started for free or unlock unlimited premium insights."
|
||||
@@ -213,45 +116,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Physics finally makes sense to me! The ELI5 mode is a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg",
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "Physics finally makes sense to me! The ELI5 mode is a game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-smiling-portrait-wearing-blue-gentle-shirt-building_158595-6609.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
handle: "@mark_l",
|
||||
testimonial: "The study planner dashboard keeps me focused during finals week.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419465.jpg",
|
||||
id: "2", name: "Mark L.", handle: "@mark_l", testimonial: "The study planner dashboard keeps me focused during finals week.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419465.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "I never thought I could get an A in Calculus. Thank you StudyForge!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-reading-book-indoors_23-2149887861.jpg",
|
||||
id: "3", name: "Elena R.", handle: "@elena_r", testimonial: "I never thought I could get an A in Calculus. Thank you StudyForge!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-reading-book-indoors_23-2149887861.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ken T.",
|
||||
handle: "@ken_t",
|
||||
testimonial: "The leaderboard keeps me motivated every single day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worried-insecure-good-looking-female-student-with-curly-hair-sitting-table-with-digital-tablet_176420-24664.jpg",
|
||||
id: "4", name: "Ken T.", handle: "@ken_t", testimonial: "The leaderboard keeps me motivated every single day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worried-insecure-good-looking-female-student-with-curly-hair-sitting-table-with-digital-tablet_176420-24664.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie M.",
|
||||
handle: "@julie_m",
|
||||
testimonial: "Absolutely essential tool for university students.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unique-special-effect-captured_23-2149043561.jpg",
|
||||
},
|
||||
id: "5", name: "Julie M.", handle: "@julie_m", testimonial: "Absolutely essential tool for university students.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unique-special-effect-captured_23-2149043561.jpg"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
title="Join Thousands of Successful Students"
|
||||
@@ -264,21 +147,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our AI is fine-tuned on millions of academic documents and educational content to provide high-quality explanations.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, our Basic Explorer plan is completely free and includes many core features.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Absolutely, you can manage your subscription directly from your settings page.",
|
||||
},
|
||||
{ id: "1", title: "How does the AI work?", content: "Our AI is fine-tuned on millions of academic documents and educational content to provide high-quality explanations." },
|
||||
{ id: "2", title: "Is there a free trial?", content: "Yes, our Basic Explorer plan is completely free and includes many core features." },
|
||||
{ id: "3", title: "Can I cancel anytime?", content: "Absolutely, you can manage your subscription directly from your settings page." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about StudyForge."
|
||||
@@ -289,16 +160,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to master your studies?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
href: "/signup",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Sign Up Now", href: "/signup" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -308,31 +172,17 @@ export default function LandingPage() {
|
||||
logoText="StudyForge"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 StudyForge Inc."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user