Merge version_2 into main #6
227
src/app/page.tsx
227
src/app/page.tsx
@@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, CheckCircle, HelpCircle, MessageSquare, Rocket, Smile, Sparkles, Star, Users } from "lucide-react";
|
||||
import { Award, CheckCircle, HelpCircle, MessageSquare, Rocket, Smile, Sparkles, Star, Users, Workflow } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,25 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Workflow", id: "workflow"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AP Prep AI"
|
||||
bottomLeftText="Smart Learning. Better Scores."
|
||||
@@ -61,24 +53,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
imagePosition="right"
|
||||
title="Master Your AP Exams with AI-Powered Precision"
|
||||
description="Our platform delivers personalized practice, instant explanations, and targeted guidance to help you conquer AP exams smarter, faster, and more efficiently."
|
||||
kpis={[
|
||||
{
|
||||
value: "95%",
|
||||
label: "Average Score Boost",
|
||||
},
|
||||
value: "95%", label: "Average Score Boost"},
|
||||
{
|
||||
value: "20K+",
|
||||
label: "Questions Generated",
|
||||
},
|
||||
value: "20K+", label: "Questions Generated"},
|
||||
{
|
||||
value: "2x",
|
||||
label: "Faster Learning",
|
||||
},
|
||||
value: "2x", label: "Faster Learning"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Elevate Your Study Game"
|
||||
@@ -86,13 +71,9 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-futuristic-ai-powered-educational-dash-1774488697668-cbd0447a.png"
|
||||
@@ -106,32 +87,50 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Make Exam Prep ",
|
||||
},
|
||||
type: "text", content: "Make Exam Prep "},
|
||||
{
|
||||
type: "text",
|
||||
content: "Smarter, ",
|
||||
},
|
||||
type: "text", content: "Smarter, "},
|
||||
{
|
||||
type: "text",
|
||||
content: "Adaptive, ",
|
||||
},
|
||||
type: "text", content: "Adaptive, "},
|
||||
{
|
||||
type: "text",
|
||||
content: "and Highly Effective.",
|
||||
},
|
||||
type: "text", content: "and Highly Effective."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Method",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Discover Our Method", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="workflow" data-section="workflow">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "1. Secure Login & Setup", description: "Start your journey by securely logging in or creating an account. Customize your profile and select your AP subjects.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-digital-illustration-of-a-person-logging-in-to-a-secure-online-platform-1774488696800-login.png", imageAlt: "User logging into secure platform"
|
||||
},
|
||||
{
|
||||
title: "2. Initial Assessment", description: "Our intelligent AI conducts a quick, personalized assessment to identify your current strengths and areas needing improvement.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-illustration-of-a-student-taking-an-online-quiz-with-an-ai-assisting-them-1774488696900-assessment.png", imageAlt: "Student taking AI assessment"
|
||||
},
|
||||
{
|
||||
title: "3. Adaptive Learning Path", description: "Based on your assessment, receive a tailored study plan with AI-generated practice questions and clear explanations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-visual-representation-of-a-personalized-learning-path-with-nodes-and-connections-1774488697000-adaptive-path.png", imageAlt: "Adaptive learning path"
|
||||
},
|
||||
{
|
||||
title: "4. Monitor Progress & Achieve", description: "Track your performance with intuitive analytics, gain insights, and optimize your study strategy to ace your exams.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-dashboard-displaying-student-progress-charts-and-performance-metrics-1774488697100-progress.png", imageAlt: "Student progress dashboard"
|
||||
}
|
||||
]}
|
||||
title="Your Guided Journey to AP Mastery"
|
||||
description="Our AI-powered platform streamlines your study process from the moment you log in to achieving your desired AP scores."
|
||||
tag="Our Workflow"
|
||||
tagIcon={Workflow}
|
||||
tagAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
@@ -140,29 +139,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "High-Quality Practice Questions",
|
||||
description: "Access an endless supply of generated questions tailored to AP exam standards, covering every topic.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-sleek-minimalist-icon-representing-pra-1774488696440-c7ac5993.png",
|
||||
imageAlt: "Icon representing practice questions",
|
||||
},
|
||||
title: "High-Quality Practice Questions", description: "Access an endless supply of generated questions tailored to AP exam standards, covering every topic.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-sleek-minimalist-icon-representing-pra-1774488696440-c7ac5993.png", imageAlt: "Icon representing practice questions"},
|
||||
{
|
||||
title: "Instant, Detailed Explanations",
|
||||
description: "Never get stuck again. Our AI provides immediate, clear explanations for every answer, enhancing understanding.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-icon-representing-instant-explanation-1774488696564-61686364.png",
|
||||
imageAlt: "Icon representing instant explanations",
|
||||
},
|
||||
title: "Instant, Detailed Explanations", description: "Never get stuck again. Our AI provides immediate, clear explanations for every answer, enhancing understanding.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-icon-representing-instant-explanation-1774488696564-61686364.png", imageAlt: "Icon representing instant explanations"},
|
||||
{
|
||||
title: "Performance Tracking & Insights",
|
||||
description: "Monitor your progress with deep analytics. Understand your strengths, pinpoint weaknesses, and see your improvement over time.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-icon-representing-performance-trackin-1774488696656-efb499eb.png?_wi=1",
|
||||
imageAlt: "Icon representing performance tracking",
|
||||
},
|
||||
title: "Performance Tracking & Insights", description: "Monitor your progress with deep analytics. Understand your strengths, pinpoint weaknesses, and see your improvement over time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-icon-representing-performance-trackin-1774488696656-efb499eb.png?_wi=1", imageAlt: "Icon representing performance tracking"},
|
||||
{
|
||||
title: "Targeted Practice Delivery",
|
||||
description: "Based on your performance, our AI intelligently delivers personalized practice exercises where you need them most for maximum efficiency.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-icon-representing-performance-trackin-1774488696656-efb499eb.png?_wi=2",
|
||||
imageAlt: "Icon representing targeted practice",
|
||||
},
|
||||
title: "Targeted Practice Delivery", description: "Based on your performance, our AI intelligently delivers personalized practice exercises where you need them most for maximum efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-icon-representing-performance-trackin-1774488696656-efb499eb.png?_wi=2", imageAlt: "Icon representing targeted practice"},
|
||||
]}
|
||||
title="Your Personalized Path to AP Success"
|
||||
description="Our AI-powered tool adapts to your learning style, providing everything you need to excel."
|
||||
@@ -180,32 +163,16 @@ export default function LandingPage() {
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "5000+",
|
||||
title: "Students Impacted",
|
||||
description: "Empowering students worldwide to achieve their academic goals.",
|
||||
icon: Users,
|
||||
id: "1", value: "5000+", title: "Students Impacted", description: "Empowering students worldwide to achieve their academic goals.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "99%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "High praise from students who experienced significant score improvements.",
|
||||
icon: Smile,
|
||||
id: "2", value: "99%", title: "Satisfaction Rate", description: "High praise from students who experienced significant score improvements.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "1M+",
|
||||
title: "Questions Answered",
|
||||
description: "Vast database of high-quality questions for comprehensive practice.",
|
||||
icon: CheckCircle,
|
||||
id: "3", value: "1M+", title: "Questions Answered", description: "Vast database of high-quality questions for comprehensive practice.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "4.9/5",
|
||||
title: "Average Rating",
|
||||
description: "Consistently top-rated for effectiveness and user experience.",
|
||||
icon: Star,
|
||||
id: "4", value: "4.9/5", title: "Average Rating", description: "Consistently top-rated for effectiveness and user experience.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Real Results, Proven Success"
|
||||
@@ -224,41 +191,17 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_studies",
|
||||
testimonial: "This platform completely changed how I studied for my AP Biology exam. The personalized practice pinpointed my weak areas, and the explanations were a lifesaver. I jumped from a 3 to a 5!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-smiling-and-pro-1774488699446-4cacd0d7.png",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_studies", testimonial: "This platform completely changed how I studied for my AP Biology exam. The personalized practice pinpointed my weak areas, and the explanations were a lifesaver. I jumped from a 3 to a 5!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-smiling-and-pro-1774488699446-4cacd0d7.png", imageAlt: "Sarah J."},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael L.",
|
||||
handle: "@ap_ace_mike",
|
||||
testimonial: "As a busy student, efficiency is key. This AI tool saved me so much time. It felt like having a personal tutor guiding me through every concept. Highly recommend for any AP student!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-appearing-thoug-1774488697149-9a60b626.png",
|
||||
imageAlt: "Michael L.",
|
||||
},
|
||||
id: "2", name: "Michael L.", handle: "@ap_ace_mike", testimonial: "As a busy student, efficiency is key. This AI tool saved me so much time. It felt like having a personal tutor guiding me through every concept. Highly recommend for any AP student!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-appearing-thoug-1774488697149-9a60b626.png", imageAlt: "Michael L."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily.prep",
|
||||
testimonial: "The detailed explanations are unparalleled. I finally understood calculus concepts that confused me for months. My confidence soared, and so did my AP Calc score!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-looking-confide-1774488697653-7747dbe5.png",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emily.prep", testimonial: "The detailed explanations are unparalleled. I finally understood calculus concepts that confused me for months. My confidence soared, and so did my AP Calc score!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-looking-confide-1774488697653-774dbe5.png", imageAlt: "Emily R."},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davids_ap_journey",
|
||||
testimonial: "I loved the adaptive learning feature. It knew exactly what I needed to work on. This isn't just a practice tool; it's a strategic partner for AP success. Thank you!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-with-an-express-1774488697216-60087297.png",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davids_ap_journey", testimonial: "I loved the adaptive learning feature. It knew exactly what I needed to work on. This isn't just a practice tool; it's a strategic partner for AP success. Thank you!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/a-diverse-student-avatar-with-an-express-1774488697216-60087297.png", imageAlt: "David K."},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Students Say About Us"
|
||||
@@ -275,25 +218,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the AI personalize practice?",
|
||||
content: "Our AI analyzes your performance on practice questions, identifies your strengths and weaknesses across topics, and then dynamically generates new questions and assigns targeted practice modules to address your specific learning gaps. This ensures you spend time on what truly matters.",
|
||||
},
|
||||
id: "1", title: "How does the AI personalize practice?", content: "Our AI analyzes your performance on practice questions, identifies your strengths and weaknesses across topics, and then dynamically generates new questions and assigns targeted practice modules to address your specific learning gaps. This ensures you spend time on what truly matters."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What AP subjects are covered?",
|
||||
content: "We currently support a wide range of popular AP subjects, including Calculus AB/BC, Biology, Chemistry, Physics 1, US History, English Language, and more. We are continuously expanding our subject offerings based on student demand.",
|
||||
},
|
||||
id: "2", title: "What AP subjects are covered?", content: "We currently support a wide range of popular AP subjects, including Calculus AB/BC, Biology, Chemistry, Physics 1, US History, English Language, and more. We are continuously expanding our subject offerings based on student demand."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I track my progress?",
|
||||
content: "Absolutely! Our platform provides a comprehensive dashboard where you can monitor your overall progress, view detailed performance breakdowns by topic, track improvement trends, and see predictions for your potential AP score. You'll always know where you stand.",
|
||||
},
|
||||
id: "3", title: "Can I track my progress?", content: "Absolutely! Our platform provides a comprehensive dashboard where you can monitor your overall progress, view detailed performance breakdowns by topic, track improvement trends, and see predictions for your potential AP score. You'll always know where you stand."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is there a free trial?",
|
||||
content: "Yes, we offer a free trial that gives you limited access to our platform's features, including a selection of practice questions and AI explanations. It's a great way to experience the benefits before committing to a full subscription.",
|
||||
},
|
||||
id: "4", title: "Is there a free trial?", content: "Yes, we offer a free trial that gives you limited access to our platform's features, including a selection of practice questions and AI explanations. It's a great way to experience the benefits before committing to a full subscription."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BSi1HawugojKOoKCtaZWrQZnGB/an-illustration-of-a-student-confidently-1774488698613-222e7283.png"
|
||||
imageAlt="Student interacting with an AI learning interface"
|
||||
@@ -314,22 +245,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What makes your platform different?",
|
||||
content: "Our AI-driven personalization and instant, detailed explanations set us apart. We don't just give you practice; we give you understanding and a tailored path to mastery.",
|
||||
},
|
||||
id: "1", title: "What makes your platform different?", content: "Our AI-driven personalization and instant, detailed explanations set us apart. We don't just give you practice; we give you understanding and a tailored path to mastery."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer group discounts?",
|
||||
content: "Yes, we have special pricing for schools and educational institutions. Please contact our sales team for more information on group licenses and discounts.",
|
||||
},
|
||||
id: "2", title: "Do you offer group discounts?", content: "Yes, we have special pricing for schools and educational institutions. Please contact our sales team for more information on group licenses and discounts."},
|
||||
]}
|
||||
ctaTitle="Ready to Ace Your AP Exams?"
|
||||
ctaDescription="Join our community of successful students. Start your personalized AP prep journey today!"
|
||||
ctaButton={{
|
||||
text: "Get Started Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Get Started Now", href: "#"}}
|
||||
ctaIcon={Rocket}
|
||||
accordionAnimationType="smooth"
|
||||
showCard={true}
|
||||
@@ -340,16 +263,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="AP Prep AI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #cee7ff;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #CEE7FF;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user