Merge version_1 into main #1
401
src/app/page.tsx
401
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles, Book, MessageCircle, CheckCircle } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -10,7 +11,6 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -18,295 +18,134 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Elite EdTech"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Elite EdTech"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Score 90% Marks with Expert Guidance"
|
||||
description="Join 500+ students who achieved guaranteed academic success through our proven, result-driven coaching program. Limited seats available—next batch starts soon."
|
||||
tag="Next Batch Starts Soon"
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
text: "Book Free Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adolescent-therapy-session-focused-mental-health-isolated-mockup_482257-121497.jpg",
|
||||
imageAlt: "Student studying",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-studying-together_23-2147656322.jpg",
|
||||
imageAlt: "Group study",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-children-s-desk-with-notebook_23-2149025147.jpg",
|
||||
imageAlt: "App learning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906284.jpg",
|
||||
imageAlt: "Lecture hall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-laptop_23-2148868329.jpg",
|
||||
imageAlt: "Group success",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
tagIcon={Sparkles}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Score 90% Marks with Expert Guidance"
|
||||
description="Join 500+ students who achieved guaranteed academic success through our proven, result-driven coaching program. Limited seats available—next batch starts soon."
|
||||
tag="Next Batch Starts Soon"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "Enroll Now", href: "#pricing" },
|
||||
{ text: "Book Free Demo", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/adolescent-therapy-session-focused-mental-health-isolated-mockup_482257-121497.jpg", imageAlt: "Student studying" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-people-studying-together_23-2147656322.jpg", imageAlt: "Group study" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-children-s-desk-with-notebook_23-2149025147.jpg", imageAlt: "App learning" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906284.jpg", imageAlt: "Lecture hall" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-laptop_23-2148868329.jpg", imageAlt: "Group success" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Proven Academic Excellence"
|
||||
description="Our coaching methodology combines rigorous curriculum structures with personalized feedback loops, ensuring every student reaches their academic potential."
|
||||
metrics={[
|
||||
{
|
||||
value: "90%+",
|
||||
title: "Avg Score",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Success Stories",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Expert Support",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-people-working-office-use-laptop_1157-33987.jpg"
|
||||
imageAlt="Teacher mentoring student"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Proven Academic Excellence"
|
||||
description="Our coaching methodology combines rigorous curriculum structures with personalized feedback loops, ensuring every student reaches their academic potential."
|
||||
metrics={[
|
||||
{ value: "90%+", title: "Avg Score" },
|
||||
{ value: "500+", title: "Success Stories" },
|
||||
{ value: "24/7", title: "Expert Support" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-people-working-office-use-laptop_1157-33987.jpg"
|
||||
imageAlt="Teacher mentoring student"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Structured Curriculum",
|
||||
description: "Weekly modules and chapter-wise breakdowns to ensure total coverage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg",
|
||||
titleIconSrc: "Book",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
{
|
||||
title: "Personalized Mentoring",
|
||||
description: "1-on-1 feedback sessions with subject experts to clear every doubt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/chat-application-logo-template-business-branding-design-vector-chatting-communication-text_53876-140608.jpg",
|
||||
titleIconSrc: "MessageCircle",
|
||||
buttonText: "Meet Mentors",
|
||||
},
|
||||
{
|
||||
title: "Weekly Assessments",
|
||||
description: "Simulated board-exam tests to track and improve performance over time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pencil-icon-front-side-white-background_187299-40187.jpg",
|
||||
titleIconSrc: "CheckCircle",
|
||||
buttonText: "View Schedule",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Program?"
|
||||
description="Built for high-achieving students, our platform provides the structure and tools necessary to dominate board and competitive exams."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Program?"
|
||||
description="Built for high-achieving students, our platform provides the structure and tools necessary to dominate board and competitive exams."
|
||||
features={[
|
||||
{ title: "Structured Curriculum", description: "Weekly modules and chapter-wise breakdowns to ensure total coverage.", imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg", titleIconSrc: "Book", buttonText: "Learn More" },
|
||||
{ title: "Personalized Mentoring", description: "1-on-1 feedback sessions with subject experts to clear every doubt.", imageSrc: "http://img.b2bpic.net/free-vector/chat-application-logo-template-business-branding-design-vector-chatting-communication-text_53876-140608.jpg", titleIconSrc: "MessageCircle", buttonText: "Meet Mentors" },
|
||||
{ title: "Weekly Assessments", description: "Simulated board-exam tests to track and improve performance over time.", imageSrc: "http://img.b2bpic.net/free-photo/pencil-icon-front-side-white-background_187299-40187.jpg", titleIconSrc: "CheckCircle", buttonText: "View Schedule" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essential",
|
||||
price: "$199",
|
||||
period: "/month",
|
||||
description: "Perfect for board prep reinforcement.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Included:",
|
||||
features: [
|
||||
"Weekly Lessons",
|
||||
"Practice Tests",
|
||||
"Basic Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Recommended",
|
||||
price: "$399",
|
||||
period: "/month",
|
||||
description: "Comprehensive prep for top-tier results.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Includes Basic Plus:",
|
||||
features: [
|
||||
"1-on-1 Mentoring",
|
||||
"Detailed Feedback",
|
||||
"Priority Support",
|
||||
"Exam Simulations",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
tag: "Competitive",
|
||||
price: "$599",
|
||||
period: "/month",
|
||||
description: "Targeted training for NEET/JEE preparation.",
|
||||
button: {
|
||||
text: "Select Plan",
|
||||
},
|
||||
featuresTitle: "Includes Pro Plus:",
|
||||
features: [
|
||||
"Unlimited Doubt Clearing",
|
||||
"Competitive Mock Exams",
|
||||
"Study Planner",
|
||||
"Weekly Progress Reviews",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Results-Driven Pricing"
|
||||
description="Transparent plans for guaranteed outcomes. No hidden fees."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Results-Driven Pricing"
|
||||
description="Transparent plans for guaranteed outcomes. No hidden fees."
|
||||
plans={[
|
||||
{ id: "basic", tag: "Essential", price: "$199", period: "/month", description: "Perfect for board prep reinforcement.", button: { text: "Select Plan" }, featuresTitle: "Included:", features: ["Weekly Lessons", "Practice Tests", "Basic Support"] },
|
||||
{ id: "pro", tag: "Recommended", price: "$399", period: "/month", description: "Comprehensive prep for top-tier results.", button: { text: "Select Plan" }, featuresTitle: "Includes Basic Plus:", features: ["1-on-1 Mentoring", "Detailed Feedback", "Priority Support", "Exam Simulations"] },
|
||||
{ id: "ultra", tag: "Competitive", price: "$599", period: "/month", description: "Targeted training for NEET/JEE preparation.", button: { text: "Select Plan" }, featuresTitle: "Includes Pro Plus:", features: ["Unlimited Doubt Clearing", "Competitive Mock Exams", "Study Planner", "Weekly Progress Reviews"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Grade 12",
|
||||
testimonial: "I scored 95% because of the weekly structure. It made everything so clear!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-papers_23-2147953176.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Grade 10",
|
||||
testimonial: "The 1-on-1 mentorship helped me stop fearing math. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "JEE Aspirant",
|
||||
testimonial: "The competitive mock exams are exactly what I needed to track my growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-woman-showing-her-tongue_93675-133223.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Grade 12",
|
||||
testimonial: "Amazing support team! They really care about the outcome.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna S.",
|
||||
role: "NEET Aspirant",
|
||||
testimonial: "The weekly assessments kept me on track throughout the year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="Don't just take our word for it—listen to our successful students."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Success Stories"
|
||||
description="Don't just take our word for it—listen to our successful students."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Grade 12", testimonial: "I scored 95% because of the weekly structure. It made everything so clear!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-papers_23-2147953176.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "Grade 10", testimonial: "The 1-on-1 mentorship helped me stop fearing math. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "JEE Aspirant", testimonial: "The competitive mock exams are exactly what I needed to track my growth.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-young-woman-showing-her-tongue_93675-133223.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Grade 12", testimonial: "Amazing support team! They really care about the outcome.", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328287.jpg" },
|
||||
{ id: "5", name: "Anna S.", role: "NEET Aspirant", testimonial: "The weekly assessments kept me on track throughout the year.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to score 90% or more? Start your journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Free Demo Class",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to score 90% or more? Start your journey today."
|
||||
buttons={[{ text: "Book Free Demo Class", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Elite EdTech"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Elite EdTech"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user