Merge version_1 into main #1
278
src/app/page.tsx
278
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Study Guides",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Practice Tools",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Exam Prep",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Study Guides", id: "#about" },
|
||||
{ name: "Practice Tools", id: "#features" },
|
||||
{ name: "Exam Prep", id: "#products" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="HistoryAce"
|
||||
/>
|
||||
@@ -57,37 +45,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="HistoryAce"
|
||||
description="Study every period with our AI tutor, practice all three essay formats, and unlock a 5 with structured guides and instant feedback."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Free Study Session",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Your Free Study Session", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-female-student-doing-distance-learning-course-using-laptop-studying_1258-281619.jpg",
|
||||
imageAlt: "Student studying",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-with-compass_23-2149459971.jpg",
|
||||
imageAlt: "Essay practice",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-doing-english-lesson-online-his-students_23-2148963006.jpg",
|
||||
imageAlt: "AI Tutor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007489.jpg",
|
||||
imageAlt: "Study guides",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-items-arrangement-top-view_23-2149001116.jpg",
|
||||
imageAlt: "Interactive dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100372.jpg",
|
||||
imageAlt: "Global connection",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-female-student-doing-distance-learning-course-using-laptop-studying_1258-281619.jpg", imageAlt: "Student studying" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-world-travel-map-with-compass_23-2149459971.jpg", imageAlt: "Essay practice" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teacher-doing-english-lesson-online-his-students_23-2148963006.jpg", imageAlt: "AI Tutor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007489.jpg", imageAlt: "Study guides" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/school-items-arrangement-top-view_23-2149001116.jpg", imageAlt: "Interactive dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-tech-view-futuristic-earth_23-2151100372.jpg", imageAlt: "Global connection" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Comprehensive Mastery"
|
||||
metrics={[
|
||||
{
|
||||
icon: BookOpen,
|
||||
label: "Study Guides",
|
||||
value: "9 Periods",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "AI Feedback",
|
||||
value: "Instant",
|
||||
},
|
||||
{
|
||||
icon: PenTool,
|
||||
label: "Essay Formats",
|
||||
value: "3 Types",
|
||||
},
|
||||
{ icon: BookOpen, label: "Study Guides", value: "9 Periods" },
|
||||
{ icon: Lightbulb, label: "AI Feedback", value: "Instant" },
|
||||
{ icon: PenTool, label: "Essay Formats", value: "3 Types" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,27 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "SAQ Mastery",
|
||||
subtitle: "Short Answer Question drills",
|
||||
category: "Practice",
|
||||
value: "High Impact",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "DBQ Analysis",
|
||||
subtitle: "Document-Based Question support",
|
||||
category: "Writing",
|
||||
value: "Step-by-Step",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "LEQ Structure",
|
||||
subtitle: "Long Essay Question guidance",
|
||||
category: "Strategy",
|
||||
value: "Perfected",
|
||||
},
|
||||
{ id: "1", title: "SAQ Mastery", subtitle: "Short Answer Question drills", category: "Practice", value: "High Impact" },
|
||||
{ id: "2", title: "DBQ Analysis", subtitle: "Document-Based Question support", category: "Writing", value: "Step-by-Step" },
|
||||
{ id: "3", title: "LEQ Structure", subtitle: "Long Essay Question guidance", category: "Strategy", value: "Perfected" },
|
||||
]}
|
||||
title="Exam-Ready Practice Tools"
|
||||
description="Unlock your potential with specialized tools designed for the AP World History exam format."
|
||||
@@ -157,54 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Module",
|
||||
name: "Period 1: 1200-1450",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-is-learning-new-material-while-sitting-table_613910-15015.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Module",
|
||||
name: "Period 2: 1450-1750",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-creative-home-space-notebook_1150-1042.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Module",
|
||||
name: "Period 3: 1750-1900",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-kid-pointing-tablet_23-2148974429.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Module",
|
||||
name: "Period 4: 1900-Present",
|
||||
price: "$15",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-heart-notebook_93675-130910.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Exam",
|
||||
name: "Ultimate Mock Exam",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-132153.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Writing",
|
||||
name: "Essay Rubric Set",
|
||||
price: "$10",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-exploring-globe_23-2147770929.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Module", name: "Period 1: 1200-1450", price: "$15", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/young-student-is-learning-new-material-while-sitting-table_613910-15015.jpg" },
|
||||
{ id: "p2", brand: "Module", name: "Period 2: 1450-1750", price: "$15", rating: 5, reviewCount: "145", imageSrc: "http://img.b2bpic.net/free-photo/coffee-creative-home-space-notebook_1150-1042.jpg" },
|
||||
{ id: "p3", brand: "Module", name: "Period 3: 1750-1900", price: "$15", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kid-pointing-tablet_23-2148974429.jpg" },
|
||||
{ id: "p4", brand: "Module", name: "Period 4: 1900-Present", price: "$15", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/red-heart-notebook_93675-130910.jpg" },
|
||||
{ id: "p5", brand: "Exam", name: "Ultimate Mock Exam", price: "$25", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-132153.jpg" },
|
||||
{ id: "p6", brand: "Writing", name: "Essay Rubric Set", price: "$10", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-exploring-globe_23-2147770929.jpg" },
|
||||
]}
|
||||
title="Curated Study Resources"
|
||||
description="Browse our collection of period-by-period study guides and intensive review sets."
|
||||
@@ -217,27 +110,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Essential",
|
||||
price: "$0",
|
||||
subtitle: "Basic access",
|
||||
features: [
|
||||
"Study Guides",
|
||||
"SAQ Drills",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$49",
|
||||
subtitle: "Full AI access",
|
||||
features: [
|
||||
"Unlimited Essays",
|
||||
"AI Tutor",
|
||||
"Mock Exams",
|
||||
],
|
||||
},
|
||||
{ id: "free", badge: "Essential", price: "$0", subtitle: "Basic access", features: ["Study Guides", "SAQ Drills"] },
|
||||
{ id: "pro", badge: "Pro", price: "$49", subtitle: "Full AI access", features: ["Unlimited Essays", "AI Tutor", "Mock Exams"] },
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the level of support that fits your needs."
|
||||
@@ -250,46 +124,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex",
|
||||
handle: "@alexw",
|
||||
testimonial: "Ace the exam with these tools!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-man-looking-side-doing-yes-gesture-isolated-white-background_141793-131957.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jordan",
|
||||
handle: "@jordanc",
|
||||
testimonial: "AI feedback is a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-pointing-up-t-shirt-jacket-looking-curious-front-view_176474-85402.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Taylor",
|
||||
handle: "@taylorr",
|
||||
testimonial: "The essay drills really helped me.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-having-bookstore-date_23-2150334591.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sam",
|
||||
handle: "@saml",
|
||||
testimonial: "Structured guides made it easy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Casey",
|
||||
handle: "@caseyk",
|
||||
testimonial: "Unlocked my 5, truly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-casual-male-student-with-notepads-joyfully-looking-camera-library-university_574295-1603.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex", handle: "@alexw", testimonial: "Ace the exam with these tools!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-man-looking-side-doing-yes-gesture-isolated-white-background_141793-131957.jpg" },
|
||||
{ id: "2", name: "Jordan", handle: "@jordanc", testimonial: "AI feedback is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-pointing-up-t-shirt-jacket-looking-curious-front-view_176474-85402.jpg" },
|
||||
{ id: "3", name: "Taylor", handle: "@taylorr", testimonial: "The essay drills really helped me.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-having-bookstore-date_23-2150334591.jpg" },
|
||||
{ id: "4", name: "Sam", handle: "@saml", testimonial: "Structured guides made it easy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-schoolboy-portrait_23-2147666929.jpg" },
|
||||
{ id: "5", name: "Casey", handle: "@caseyk", testimonial: "Unlocked my 5, truly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-casual-male-student-with-notepads-joyfully-looking-camera-library-university_574295-1603.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Student Success Stories"
|
||||
@@ -302,21 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does the AI work?",
|
||||
content: "Our AI analyzes your essay against AP rubric standards.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is this for juniors?",
|
||||
content: "Yes, perfect for both junior and senior year prep.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have mock exams?",
|
||||
content: "Yes, we provide authentic AP-style mock exams.",
|
||||
},
|
||||
{ id: "q1", title: "How does the AI work?", content: "Our AI analyzes your essay against AP rubric standards." },
|
||||
{ id: "q2", title: "Is this for juniors?", content: "Yes, perfect for both junior and senior year prep." },
|
||||
{ id: "q3", title: "Do you have mock exams?", content: "Yes, we provide authentic AP-style mock exams." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our platform."
|
||||
@@ -327,46 +154,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to get a 5 on your AP World History exam? Start your study session now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start for Free",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start for Free", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Guides",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Practice",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Guides", href: "#about" }, { label: "Practice", href: "#features" }] },
|
||||
{ items: [{ label: "Pricing", href: "#pricing" }, { label: "Support", href: "#contact" }] },
|
||||
]}
|
||||
logoText="HistoryAce"
|
||||
/>
|
||||
@@ -374,4 +172,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user