Update src/app/page.tsx
This commit is contained in:
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "#about",
|
||||
},
|
||||
name: "How It Works", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tg2lt3"
|
||||
logoAlt="StudyAI Logo"
|
||||
@@ -68,65 +56,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Convert PYQs into Smart Question Banks Instantly"
|
||||
description="Upload your syllabus and past papers. Our AI generates solved notes, topicwise organization, and practice drills—all in minutes. Study smarter, not harder."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free Trial", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/education-application-knowledge-development-concept_53876-105721.jpg"
|
||||
imageAlt="AI-powered study dashboard interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-puzzled-front-view_176474-85410.jpg",
|
||||
alt: "Determined student headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-puzzled-front-view_176474-85410.jpg", alt: "Determined student headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg",
|
||||
alt: "Focused young adult portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg", alt: "Focused young adult portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-female-model-wearing-rectangular-glasses-posing-indoors-against-wooden-wall_273609-1878.jpg",
|
||||
alt: "Confident student smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-young-female-model-wearing-rectangular-glasses-posing-indoors-against-wooden-wall_273609-1878.jpg", alt: "Confident student smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-touching-his-ears_1298-152.jpg",
|
||||
alt: "Young person studying",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-touching-his-ears_1298-152.jpg", alt: "Young person studying"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-glasses-posing_23-2148422236.jpg",
|
||||
alt: "Thoughtful academic professional",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-glasses-posing_23-2148422236.jpg", alt: "Thoughtful academic professional"},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ Students Worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Powered Insights",
|
||||
},
|
||||
type: "text", text: "AI-Powered Insights"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-glowing-brain-with-abstract-programming-code_1048-5765.jpg",
|
||||
alt: "Stylized brain icon with data points",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/3d-render-glowing-brain-with-abstract-programming-code_1048-5765.jpg", alt: "Stylized brain icon with data points"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Master Any Exam",
|
||||
},
|
||||
type: "text", text: "Master Any Exam"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/business-growth-economy-with-arrow-polls_23-2148445501.jpg",
|
||||
alt: "Graph showing upward trend",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/business-growth-economy-with-arrow-polls_23-2148445501.jpg", alt: "Graph showing upward trend"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Study Smarter, Not Harder",
|
||||
},
|
||||
type: "text", text: "Study Smarter, Not Harder"},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
showMarqueeCard={true}
|
||||
@@ -142,17 +105,11 @@ export default function LandingPage() {
|
||||
description="StudyAI is engineered to address the core challenges students face during exam preparation. We consolidate scattered resources, automate note-taking, and provide structured practice, ensuring every study session is highly effective and focused."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Time-Saving Efficiency",
|
||||
description: "Automate tedious tasks like note-taking and question organization, giving you more time to focus on learning.",
|
||||
},
|
||||
title: "Time-Saving Efficiency", description: "Automate tedious tasks like note-taking and question organization, giving you more time to focus on learning."},
|
||||
{
|
||||
title: "Comprehensive Learning",
|
||||
description: "Gain access to detailed solved notes and in-depth explanations for every question, ensuring deep understanding.",
|
||||
},
|
||||
title: "Comprehensive Learning", description: "Gain access to detailed solved notes and in-depth explanations for every question, ensuring deep understanding."},
|
||||
{
|
||||
title: "Personalized Practice",
|
||||
description: "Our AI identifies your weak areas and creates adaptive practice sessions tailored to your syllabus and learning pace.",
|
||||
},
|
||||
title: "Personalized Practice", description: "Our AI identifies your weak areas and creates adaptive practice sessions tailored to your syllabus and learning pace."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/public-examination-preparation-concept_23-2149369834.jpg"
|
||||
imageAlt="Student using AI to organize study materials"
|
||||
@@ -167,51 +124,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "qbank",
|
||||
label: "Instant Q-Bank Generation",
|
||||
title: "Smart Question Bank Creation",
|
||||
items: [
|
||||
"Upload past papers & syllabi",
|
||||
"AI structures topic-wise Q-banks",
|
||||
"Multiple practice formats",
|
||||
"Seamless integration with study plans",
|
||||
],
|
||||
id: "qbank", label: "Instant Q-Bank Generation", title: "Smart Question Bank Creation", items: [
|
||||
"Upload past papers & syllabi", "AI structures topic-wise Q-banks", "Multiple practice formats", "Seamless integration with study plans"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Explore Q-Banks",
|
||||
},
|
||||
text: "Explore Q-Banks"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "notes",
|
||||
label: "In-Depth Explanations",
|
||||
title: "Comprehensive Solved Notes",
|
||||
items: [
|
||||
"Step-by-step solutions for every question",
|
||||
"Contextual explanations & background theory",
|
||||
"Visual aids for complex topics",
|
||||
"Reduces need for external research",
|
||||
],
|
||||
id: "notes", label: "In-Depth Explanations", title: "Comprehensive Solved Notes", items: [
|
||||
"Step-by-step solutions for every question", "Contextual explanations & background theory", "Visual aids for complex topics", "Reduces need for external research"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View Sample Notes",
|
||||
},
|
||||
text: "View Sample Notes"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "drills",
|
||||
label: "Targeted Improvement",
|
||||
title: "Adaptive Practice Drills",
|
||||
items: [
|
||||
"AI identifies weak areas",
|
||||
"Generates personalized practice sets",
|
||||
"Tracks progress & performance",
|
||||
"Ensures focused revision",
|
||||
],
|
||||
id: "drills", label: "Targeted Improvement", title: "Adaptive Practice Drills", items: [
|
||||
"AI identifies weak areas", "Generates personalized practice sets", "Tracks progress & performance", "Ensures focused revision"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Practice Session",
|
||||
},
|
||||
text: "Start Practice Session"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -224,25 +157,17 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "students",
|
||||
icon: Users,
|
||||
title: "Students Empowered",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "students", icon: Users,
|
||||
title: "Students Empowered", value: "50,000+"},
|
||||
{
|
||||
id: "questions",
|
||||
icon: HelpCircle,
|
||||
title: "Questions Generated",
|
||||
value: "100M+",
|
||||
},
|
||||
id: "questions", icon: HelpCircle,
|
||||
title: "Questions Generated", value: "100M+"},
|
||||
{
|
||||
id: "scores",
|
||||
icon: TrendingUp,
|
||||
title: "Improved Exam Scores",
|
||||
value: "90%",
|
||||
},
|
||||
id: "scores", icon: TrendingUp,
|
||||
title: "Improved Exam Scores", value: "90%"},
|
||||
]}
|
||||
title="Results That Speak for Themselves"
|
||||
description="Join thousands of students achieving their academic goals with StudyAI's proven methodology."
|
||||
@@ -254,14 +179,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"EduTech Innovators",
|
||||
"Exam Success Institute",
|
||||
"Global Learning Alliance",
|
||||
"Future Scholars Network",
|
||||
"Academic Growth Partners",
|
||||
"Digital Learning Hub",
|
||||
"Success Path Academy",
|
||||
]}
|
||||
"EduTech Innovators", "Exam Success Institute", "Global Learning Alliance", "Future Scholars Network", "Academic Growth Partners", "Digital Learning Hub", "Success Path Academy"]}
|
||||
title="Trusted by Top Institutions & Educators"
|
||||
description="Leading educational organizations and experts leverage StudyAI to enhance their curriculum and student outcomes."
|
||||
speed={40}
|
||||
@@ -275,50 +193,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "JEE Prep Revolutionized!",
|
||||
quote: "StudyAI completely transformed my JEE prep. The topic-wise Q-banks and detailed solutions saved me countless hours of effort and made complex subjects understandable. Highly recommended for serious aspirants!",
|
||||
name: "Rohan Sharma",
|
||||
role: "JEE Aspirant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-indian-guy-plaid-shirt-smiling-holds-his-hand-chin-studio-photo-against-dark-textured-wall_613910-20321.jpg",
|
||||
imageAlt: "Rohan Sharma",
|
||||
},
|
||||
id: "1", title: "JEE Prep Revolutionized!", quote: "StudyAI completely transformed my JEE prep. The topic-wise Q-banks and detailed solutions saved me countless hours of effort and made complex subjects understandable. Highly recommended for serious aspirants!", name: "Rohan Sharma", role: "JEE Aspirant", imageSrc: "http://img.b2bpic.net/free-photo/handsome-indian-guy-plaid-shirt-smiling-holds-his-hand-chin-studio-photo-against-dark-textured-wall_613910-20321.jpg", imageAlt: "Rohan Sharma"},
|
||||
{
|
||||
id: "2",
|
||||
title: "A Teacher's Best Friend",
|
||||
quote: "As an educator, creating structured practice materials used to be a huge chore. StudyAI does it in minutes, letting me focus on actual teaching and student interaction, not content creation.",
|
||||
name: "Priya Singh",
|
||||
role: "Physics Educator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696436.jpg",
|
||||
imageAlt: "Priya Singh",
|
||||
},
|
||||
id: "2", title: "A Teacher's Best Friend", quote: "As an educator, creating structured practice materials used to be a huge chore. StudyAI does it in minutes, letting me focus on actual teaching and student interaction, not content creation.", name: "Priya Singh", role: "Physics Educator", imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696436.jpg", imageAlt: "Priya Singh"},
|
||||
{
|
||||
id: "3",
|
||||
title: "NEET Concepts Made Easy",
|
||||
quote: "The solved notes are a game-changer for NEET. I finally understood complex concepts without needing multiple books, thanks to the clear and concise explanations provided by StudyAI.",
|
||||
name: "Ananya Gupta",
|
||||
role: "NEET Aspirant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg",
|
||||
imageAlt: "Ananya Gupta",
|
||||
},
|
||||
id: "3", title: "NEET Concepts Made Easy", quote: "The solved notes are a game-changer for NEET. I finally understood complex concepts without needing multiple books, thanks to the clear and concise explanations provided by StudyAI.", name: "Ananya Gupta", role: "NEET Aspirant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-reading-home_1301-3902.jpg", imageAlt: "Ananya Gupta"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Board Exams: A Breeze!",
|
||||
quote: "My board exam scores saw a significant jump after using StudyAI for revision. The adaptive practice drills are incredibly effective, helping me to identify and strengthen my weak points.",
|
||||
name: "Vishal Kumar",
|
||||
role: "Board Exam Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-yellow-jacket_176474-48711.jpg",
|
||||
imageAlt: "Vishal Kumar",
|
||||
},
|
||||
id: "4", title: "Board Exams: A Breeze!", quote: "My board exam scores saw a significant jump after using StudyAI for revision. The adaptive practice drills are incredibly effective, helping me to identify and strengthen my weak points.", name: "Vishal Kumar", role: "Board Exam Student", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-yellow-jacket_176474-48711.jpg", imageAlt: "Vishal Kumar"},
|
||||
{
|
||||
id: "5",
|
||||
title: "UPSC Dream Achieved",
|
||||
quote: "I highly recommend StudyAI for any competitive exam, especially UPSC. It cuts through the clutter and keeps your study organized and efficient. It's truly a smarter way to prepare!",
|
||||
name: "Sarah Khan",
|
||||
role: "UPSC Aspirant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-traveler-brunette-female-eyeglasses-dressed-denim-shirt_613910-8490.jpg",
|
||||
imageAlt: "Sarah Khan",
|
||||
},
|
||||
id: "5", title: "UPSC Dream Achieved", quote: "I highly recommend StudyAI for any competitive exam, especially UPSC. It cuts through the clutter and keeps your study organized and efficient. It's truly a smarter way to prepare!", name: "Sarah Khan", role: "UPSC Aspirant", imageSrc: "http://img.b2bpic.net/free-photo/positive-traveler-brunette-female-eyeglasses-dressed-denim-shirt_613910-8490.jpg", imageAlt: "Sarah Khan"},
|
||||
]}
|
||||
title="Hear From Our Successful Students"
|
||||
description="Don't just take our word for it—see how StudyAI has transformed exam preparation for competitive aspirants nationwide."
|
||||
@@ -331,35 +214,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is StudyAI?",
|
||||
content: "StudyAI is an AI-powered platform that helps students convert past year questions (PYQs) and syllabi into organized question banks with comprehensive solved notes and practice drills.",
|
||||
},
|
||||
id: "1", title: "What is StudyAI?", content: "StudyAI is an AI-powered platform that helps students convert past year questions (PYQs) and syllabi into organized question banks with comprehensive solved notes and practice drills."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How does StudyAI create question banks?",
|
||||
content: "Simply upload your syllabus or past papers, and our AI analyzes the content to instantly generate topic-wise question banks, complete with solutions and detailed explanations.",
|
||||
},
|
||||
id: "2", title: "How does StudyAI create question banks?", content: "Simply upload your syllabus or past papers, and our AI analyzes the content to instantly generate topic-wise question banks, complete with solutions and detailed explanations."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Which exams does StudyAI support?",
|
||||
content: "StudyAI is designed for a wide range of competitive exams including JEE, NEET, UPSC, and various board examinations across India.",
|
||||
},
|
||||
id: "3", title: "Which exams does StudyAI support?", content: "StudyAI is designed for a wide range of competitive exams including JEE, NEET, UPSC, and various board examinations across India."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Can educators use StudyAI?",
|
||||
content: "Yes, educators can utilize StudyAI to quickly create curated question banks and study materials for their students, saving valuable preparation time and improving lesson quality.",
|
||||
},
|
||||
id: "4", title: "Can educators use StudyAI?", content: "Yes, educators can utilize StudyAI to quickly create curated question banks and study materials for their students, saving valuable preparation time and improving lesson quality."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Is there a free trial available?",
|
||||
content: "Yes, we offer a free trial that allows you to experience the core features of StudyAI. Simply sign up on our website to get started and explore the benefits.",
|
||||
},
|
||||
id: "5", title: "Is there a free trial available?", content: "Yes, we offer a free trial that allows you to experience the core features of StudyAI. Simply sign up on our website to get started and explore the benefits."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How does StudyAI improve learning efficiency?",
|
||||
content: "By automating note compilation, organizing study materials, and providing adaptive practice, StudyAI helps students study smarter, reduce cognitive overload, and improve retention and recall.",
|
||||
},
|
||||
id: "6", title: "How does StudyAI improve learning efficiency?", content: "By automating note compilation, organizing study materials, and providing adaptive practice, StudyAI helps students study smarter, reduce cognitive overload, and improve retention and recall."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about StudyAI, its features, and how it can supercharge your study routine."
|
||||
@@ -371,8 +236,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Transform Your Study?"
|
||||
title="Join StudyAI Today"
|
||||
description="Enter your email to start your free trial and experience smarter, more efficient exam preparation with AI-powered tools."
|
||||
@@ -386,54 +250,33 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#about",
|
||||
},
|
||||
label: "How It Works", href: "#about"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user