309 lines
17 KiB
TypeScript
309 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import { CheckCircle } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Adora Learn"
|
|
navItems={[
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Homework Help", id: "homework-help" },
|
|
{ name: "Parent Dashboard", id: "parent-dashboard" },
|
|
{ name: "AI Safety", id: "ai-safety" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
title="Master State Standards. Think Critically. Learn with AI."
|
|
description="State-aligned structured learning without shortcuts. District-specific Socratic tutoring with real-world examples that build genuine mastery."
|
|
tag="Structured Learning"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/classroom-class-study-academic-schedule_53876-133781.jpg"
|
|
imageAlt="Adora Learn dashboard"
|
|
mediaAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
name: "Jennifer Walsh", handle: "Parent, Grade 5", testimonial: "My daughter finally understands the 'why' behind concepts she struggled with for months.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg"
|
|
},
|
|
{
|
|
name: "Marcus Chen", handle: "Parent, Grade 9", testimonial: "The progress reports show exactly where my son needs help—and where he's excelling.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"
|
|
},
|
|
{
|
|
name: "Patricia Lopez", handle: "Math Teacher", testimonial: "Students arrive having worked through core concepts. My instruction is infinitely more effective.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-businesswoman-ready-give-business-presentation-standing-flip-chart_662251-401.jpg"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Start Readiness Assessment", href: "#" },
|
|
{ text: "See How It Works", href: "#how-it-works" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-strip" data-section="trust-strip">
|
|
<SocialProofOne
|
|
title="Trusted by Educators and Families"
|
|
description=""
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"1000+ Students Learning", "50+ Districts Partnered", "98% Mastery Achievement"
|
|
]}
|
|
showCard={false}
|
|
speed={30}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardSeven
|
|
title="How It Works"
|
|
description="Three steps to measurable mastery."
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Diagnose", description: "State-aligned assessment pinpoints exact mastery gaps and learning needs.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-doctor-writing-patient-daily-report-checklist_53876-14932.jpg", imageAlt: "Diagnose"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Strengthen", description: "Custom AI Socratic tutoring guides thinking through real-world examples and progressive hints.", imageSrc: "http://img.b2bpic.net/free-photo/school-education-home-tutoring-concept-horizontal-shot-black-clever-african-amercan-woman-answers-some-question-schoolboy-who-has-headache-cant-understand-flipchart-diagram_273609-44824.jpg", imageAlt: "Strengthen"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Track Progress", description: "Parents see strand-level growth, mastery trends, and readiness scores—transparent and actionable.", imageSrc: "http://img.b2bpic.net/free-photo/analyzing-business-chart_1098-19461.jpg", imageAlt: "Track Progress"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="District-Specific Socratic Tutoring"
|
|
description="Custom AI built around your state standards and real-world examples."
|
|
tag="Differentiator"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "State-Aligned & District-Specific", description: "Aligned to your state standards and district curriculum. Every lesson reflects classroom expectations.", imageSrc: "http://img.b2bpic.net/free-vector/education-process-concept_98292-5453.jpg", imageAlt: "State Standards"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Socratic by Design", description: "Progressive hints, error analysis, and reflective questions—never direct answers. Students build reasoning.", imageSrc: "http://img.b2bpic.net/free-photo/young-colleagues-communicating-business-brake-office_176420-5081.jpg", imageAlt: "Socratic Method"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Real-World Application", description: "Learning connects to meaningful contexts: fractions in cooking, statistics in sports, geometry in architecture.", imageSrc: "http://img.b2bpic.net/free-photo/register-username-account-summit-banner_53876-120897.jpg", imageAlt: "Real-World Examples"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Built for Mastery", description: "Adaptive difficulty and spaced reinforcement ensure deep understanding, not surface memorization.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-education-concept-with-flat-design_23-2147908980.jpg", imageAlt: "Mastery"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="homework-help" data-section="homework-help">
|
|
<FeatureCardSeven
|
|
title="Homework Help — Done Right"
|
|
description="Guided support that builds understanding, not shortcuts. No direct answers."
|
|
tag="Guided Support"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Upload & Analyze", description: "Students upload homework. Adora identifies the concept gap and tailors targeted support.", imageSrc: "http://img.b2bpic.net/free-photo/person-calculating-tax-returns-home-with-documents-laptop_73899-54547.jpg", imageAlt: "Upload"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Guided Hints & Scaffolding", description: "Progressive hint ladders guide thinking without spoiling solutions. Students work through problems step-by-step.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-men-work-with-laptop_23-2148921389.jpg", imageAlt: "Hints"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Similar Practice & Writing Support", description: "Practice similar problems to reinforce learning. Writing assignments receive feedback on clarity and argumentation.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-lying-floor-with-notebook-tablet_273609-14453.jpg", imageAlt: "Practice"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "No Direct Answers to Graded Work", description: "Adora Learn does NOT provide direct answers to assignments. Safe research tools teach responsible information use.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-standing-outdoors-city-office-building_1157-36101.jpg", imageAlt: "Safety"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="ai-tutor" data-section="ai-tutor">
|
|
<FeatureCardSeven
|
|
title="Guided AI Tutor"
|
|
description="Socratic example: 'You have 3/4 cup sugar. Your recipe needs 1/2 cup. How can you figure out the answer without dividing?' Student discovers, learns, applies."
|
|
tag="Custom AI"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Progressive Scaffolding", description: "Hint ladder reveals support step-by-step. Students build confidence through guided problem-solving.", imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40905.jpg", imageAlt: "Scaffolding"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Check My Work", description: "Submit solutions, receive detailed feedback: what's correct, where thinking broke down, how to correct it.", imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133786.jpg", imageAlt: "Feedback"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Error Pattern Analysis", description: "Adora identifies recurring mistakes and targets them with reinforcement. Errors become learning opportunities.", imageSrc: "http://img.b2bpic.net/free-vector/memphis-seamless-pattern-background_53876-118174.jpg", imageAlt: "Analysis"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Mastery-Based Progression", description: "Custom practice paths strengthen weak skills before advancement. Students stay confident and engaged.", imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-wooden-blocks-human-figure-pencils-wooden-table-side-view_176474-9330.jpg", imageAlt: "Mastery"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="ai-safety" data-section="ai-safety">
|
|
<FeatureCardSeven
|
|
title="Safe AI Study Partner"
|
|
description="Guardrailed, age-appropriate, academically safe learning environment."
|
|
tag="Safety First"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Math Problem-Solving", description: "Guided support using Socratic methods. Concepts explained with real-world context and step-by-step reasoning.", imageSrc: "http://img.b2bpic.net/free-photo/boy-doing-some-mathematical-exercises_329181-14264.jpg", imageAlt: "Math"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Reading & Comprehension", description: "Scaffolded reading strategies and vocabulary support. Students develop critical reading skills.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-education-shoot_53876-16110.jpg", imageAlt: "Reading"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Writing Feedback", description: "Constructive feedback on clarity, organization, and argumentation. Students improve through revision.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314067.jpg", imageAlt: "Writing"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Research Verification & Ethics", description: "Safe research tools verify sources and teach responsible information use and AI ethics.", imageSrc: "http://img.b2bpic.net/free-photo/dictionary-definition-word_93675-129171.jpg", imageAlt: "Research"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="parent-dashboard" data-section="parent-dashboard">
|
|
<FeatureCardSeven
|
|
title="Parent Dashboard"
|
|
description="Clear visibility into your child's progress."
|
|
tag="Transparency"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Readiness Score", description: "Overall mastery across all strands. See progress toward grade-level standards.", imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg", imageAlt: "Readiness"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Strand-Level Proficiency", description: "Breakdown by learning objective. Know exactly which skills need work.", imageSrc: "http://img.b2bpic.net/free-photo/economy-chart-report_23-2148542014.jpg", imageAlt: "Proficiency"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Strengths & Growth Areas", description: "Celebrate wins and identify growth edges. Understand your student's unique learning profile.", imageSrc: "http://img.b2bpic.net/free-photo/pollution-concept-with-town-full-smoke_23-2149094924.jpg", imageAlt: "Growth"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Weekly Progress & Effort Tracking", description: "Time spent, problem difficulty, and hint usage. See the correlation between effort and mastery. No guesswork. Just clarity.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-image-desk-planner-calendar-laptop_1163-2588.jpg", imageAlt: "Tracking"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="final-cta" data-section="final-cta">
|
|
<TextAbout
|
|
tag="Get Started"
|
|
tagAnimation="slide-up"
|
|
title="Ready for Tests. Ready for Life."
|
|
buttons={[
|
|
{ text: "Start Your Child's Assessment", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "How It Works", href: "#how-it-works" },
|
|
{ label: "Features", href: "#features" },
|
|
{ label: "Homework Help", href: "#homework-help" },
|
|
{ label: "Parent Dashboard", href: "#parent-dashboard" }
|
|
]
|
|
},
|
|
{
|
|
title: "Learn", items: [
|
|
{ label: "AI Safety", href: "#ai-safety" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Resources", href: "#" },
|
|
{ label: "Contact", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Press", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Adora Learn. All rights reserved."
|
|
bottomRightText="Advancing educational equity through AI."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|