Merge version_2 into main #2
165
src/app/page.tsx
165
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "features",
|
||||
},
|
||||
name: "How it Works", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="ELI5 Hub"
|
||||
/>
|
||||
@@ -51,36 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Complex topics, explained for everyone."
|
||||
title="Unlock Knowledge: Simple Explanations for Everyone"
|
||||
titleClassName="text-black font-extrabold"
|
||||
description="Submit any question and get explanations tailored for a child, a teen, and an adult. Learning shouldn't be hard."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/covid-quarantine-lockdown-concept-skeptical-asian-elderly-female-face-mask-looking-disappoint_1258-156374.jpg?_wi=1"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mom-taking-care-her-daughter-s-hair_23-2149588788.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mom-taking-care-her-daughter-s-hair_23-2149588788.jpg", alt: "Parent"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
alt: "Teacher",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Teacher"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
alt: "Student",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", alt: "Student"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-curly-hair-standing-smiling_651396-148.jpg",
|
||||
alt: "Parent",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-curly-hair-standing-smiling_651396-148.jpg", alt: "Parent"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-stupefied-student-posing-against-pink-wall-with-glasses_273609-20565.jpg",
|
||||
alt: "Learner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-stupefied-student-posing-against-pink-wall-with-glasses_273609-20565.jpg", alt: "Learner"},
|
||||
]}
|
||||
avatarText="Join 10,000+ curious minds"
|
||||
/>
|
||||
@@ -92,26 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Simple",
|
||||
title: "For Kids",
|
||||
subtitle: "Ultra-simple",
|
||||
description: "Analogies that make sense to the youngest learners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/world-teachers-day-landing-page-template_23-2150717774.jpg?_wi=1",
|
||||
},
|
||||
tag: "Simple", title: "For Kids", subtitle: "Ultra-simple", description: "Analogies that make sense to the youngest learners.", imageSrc: "http://img.b2bpic.net/free-psd/world-teachers-day-landing-page-template_23-2150717774.jpg?_wi=1"},
|
||||
{
|
||||
tag: "Depth",
|
||||
title: "For Teens",
|
||||
subtitle: "Clear & Relatable",
|
||||
description: "Engaging explanations for complex concepts in school.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg?_wi=1",
|
||||
},
|
||||
tag: "Depth", title: "For Teens", subtitle: "Clear & Relatable", description: "Engaging explanations for complex concepts in school.", imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg?_wi=1"},
|
||||
{
|
||||
tag: "Context",
|
||||
title: "For Adults",
|
||||
subtitle: "Deep Understanding",
|
||||
description: "Detailed summaries without the jargon.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg?_wi=1",
|
||||
},
|
||||
tag: "Context", title: "For Adults", subtitle: "Deep Understanding", description: "Detailed summaries without the jargon.", imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg?_wi=1"},
|
||||
]}
|
||||
title="Why ELI5 Hub?"
|
||||
description="We make knowledge accessible by breaking down complex information into digestible, age-appropriate formats."
|
||||
@@ -124,60 +90,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2025",
|
||||
title: "Parent",
|
||||
quote: "Finally, I can explain quantum physics to my 5-year-old!",
|
||||
tag: "5/5",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mom-taking-care-her-daughter-s-hair_23-2149588788.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-quarantine-lockdown-concept-skeptical-asian-elderly-female-face-mask-looking-disappoint_1258-156374.jpg?_wi=2",
|
||||
imageAlt: "child learning concept illustration",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "Jan 2025", title: "Parent", quote: "Finally, I can explain quantum physics to my 5-year-old!", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/mom-taking-care-her-daughter-s-hair_23-2149588788.jpg", imageSrc: "http://img.b2bpic.net/free-photo/covid-quarantine-lockdown-concept-skeptical-asian-elderly-female-face-mask-looking-disappoint_1258-156374.jpg?_wi=2", imageAlt: "child learning concept illustration"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Evans",
|
||||
date: "Dec 2024",
|
||||
title: "Teacher",
|
||||
quote: "The teen-level summaries are perfect for my lesson plans.",
|
||||
tag: "5/5",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/world-teachers-day-landing-page-template_23-2150717774.jpg?_wi=2",
|
||||
imageAlt: "education icon child brain",
|
||||
},
|
||||
id: "2", name: "Mark Evans", date: "Dec 2024", title: "Teacher", quote: "The teen-level summaries are perfect for my lesson plans.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", imageSrc: "http://img.b2bpic.net/free-psd/world-teachers-day-landing-page-template_23-2150717774.jpg?_wi=2", imageAlt: "education icon child brain"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
date: "Nov 2024",
|
||||
title: "Student",
|
||||
quote: "I used this for my history project and it was amazing.",
|
||||
tag: "5/5",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg?_wi=2",
|
||||
imageAlt: "book layers education icon",
|
||||
},
|
||||
id: "3", name: "Emily Chen", date: "Nov 2024", title: "Student", quote: "I used this for my history project and it was amazing.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", imageSrc: "http://img.b2bpic.net/free-photo/open-book-icon-symbol-yellow-background-education-bookstore-concept-3d-rendering_56104-1334.jpg?_wi=2", imageAlt: "book layers education icon"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
date: "Oct 2024",
|
||||
title: "Parent",
|
||||
quote: "So simple and effective. Love the different levels.",
|
||||
tag: "5/5",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-curly-hair-standing-smiling_651396-148.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg?_wi=2",
|
||||
imageAlt: "clarity checkmark icon",
|
||||
},
|
||||
id: "4", name: "James Wilson", date: "Oct 2024", title: "Parent", quote: "So simple and effective. Love the different levels.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-curly-hair-standing-smiling_651396-148.jpg", imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-balalaika-vector-illustration-side-by-side_1308-184619.jpg?_wi=2", imageAlt: "clarity checkmark icon"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya Sharma",
|
||||
date: "Sept 2024",
|
||||
title: "Learner",
|
||||
quote: "The adult-level summaries help me grasp tech news instantly.",
|
||||
tag: "5/5",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-stupefied-student-posing-against-pink-wall-with-glasses_273609-20565.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-taking-care-her-daughter-s-hair_23-2149588788.jpg",
|
||||
imageAlt: "happy parent portrait",
|
||||
},
|
||||
id: "5", name: "Priya Sharma", date: "Sept 2024", title: "Learner", quote: "The adult-level summaries help me grasp tech news instantly.", tag: "5/5", avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-stupefied-student-posing-against-pink-wall-with-glasses_273609-20565.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mom-taking-care-her-daughter-s-hair_23-2149588788.jpg", imageAlt: "happy parent portrait"},
|
||||
]}
|
||||
title="Loved by curious minds"
|
||||
description="Hear from students, parents, and educators who use our platform every day."
|
||||
@@ -189,20 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, ELI5 Hub is free to use for everyone.",
|
||||
},
|
||||
id: "1", title: "Is it free?", content: "Yes, ELI5 Hub is free to use for everyone."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I request a topic?",
|
||||
content: "Absolutely! Submit your question anytime.",
|
||||
},
|
||||
id: "2", title: "Can I request a topic?", content: "Absolutely! Submit your question anytime."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How does it work?",
|
||||
content: "Our AI breaks down topics into three age-appropriate levels.",
|
||||
},
|
||||
id: "3", title: "How does it work?", content: "Our AI breaks down topics into three age-appropriate levels."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -214,16 +126,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to learn something new?"
|
||||
description="Submit your first topic and let the explanations begin."
|
||||
buttons={[
|
||||
{
|
||||
text: "Submit a Topic",
|
||||
href: "#",
|
||||
},
|
||||
text: "Submit a Topic", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -234,29 +143,19 @@ export default function LandingPage() {
|
||||
logoText="ELI5 Hub"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Mission", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -265,4 +164,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user