Merge version_1 into main #1
297
src/app/page.tsx
297
src/app/page.tsx
@@ -13,7 +13,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { GraduationCap } from "lucide-react";
|
||||
import { GraduationCap, Smartphone, PieChart, Book, Bell } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,74 +33,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="EduStudy"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Master Your Future Today"
|
||||
description="Unlock a world of possibilities with our comprehensive, personalized learning platform designed for ambitious learners."
|
||||
tag="Innovative Learning"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/education-information-school-ideas-concept_53876-120603.jpg",
|
||||
imageAlt: "Educational Platform",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-students-learning-together_23-2149127112.jpg",
|
||||
imageAlt: "Virtual Classroom",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-home-working-with-ai-neural-networks-desktop-pc-listening-music_482257-125510.jpg",
|
||||
imageAlt: "Intelligence Concept",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/examining-annual-report_1098-21565.jpg",
|
||||
imageAlt: "Study Workspace",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-colleagues_171337-17066.jpg",
|
||||
imageAlt: "Collaborative Dash",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-coding-tablet-programming-artificial-intelligence_482257-91097.jpg",
|
||||
imageAlt: "Knowledge Transmission",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/education-information-school-ideas-concept_53876-120603.jpg", imageAlt: "Educational Platform" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-students-learning-together_23-2149127112.jpg", imageAlt: "Virtual Classroom" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/employee-home-working-with-ai-neural-networks-desktop-pc-listening-music_482257-125510.jpg", imageAlt: "Intelligence Concept" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/examining-annual-report_1098-21565.jpg", imageAlt: "Study Workspace" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-colleagues_171337-17066.jpg", imageAlt: "Collaborative Dash" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-coding-tablet-programming-artificial-intelligence_482257-91097.jpg", imageAlt: "Knowledge Transmission" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,30 +81,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Mobile Learning",
|
||||
description: "Learn anywhere, anytime with our cross-platform mobile app.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2150171445.jpg",
|
||||
buttonIcon: "Smartphone",
|
||||
},
|
||||
{
|
||||
title: "Progress Analytics",
|
||||
description: "Track your achievements and optimize your learning retention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-132196.jpg",
|
||||
buttonIcon: "PieChart",
|
||||
},
|
||||
{
|
||||
title: "Resource Library",
|
||||
description: "Access thousands of expertly curated study materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coworkers-looking-stock-market-statistics-tablet-developing-business-project-women-analyzing-sales-investment-growth-with-financial-graphics-digital-device-close-up_482257-35450.jpg",
|
||||
buttonIcon: "Book",
|
||||
},
|
||||
{
|
||||
title: "Automated Alerts",
|
||||
description: "Stay ahead of your coursework with real-time deadline notifications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-nomad-working-remotly-their-project_23-2149241865.jpg",
|
||||
buttonIcon: "Bell",
|
||||
},
|
||||
{ title: "Mobile Learning", description: "Learn anywhere, anytime with our cross-platform mobile app.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-smartphone_23-2150171445.jpg", buttonIcon: Smartphone },
|
||||
{ title: "Progress Analytics", description: "Track your achievements and optimize your learning retention.", imageSrc: "http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-132196.jpg", buttonIcon: PieChart },
|
||||
{ title: "Resource Library", description: "Access thousands of expertly curated study materials.", imageSrc: "http://img.b2bpic.net/free-photo/coworkers-looking-stock-market-statistics-tablet-developing-business-project-women-analyzing-sales-investment-growth-with-financial-graphics-digital-device-close-up_482257-35450.jpg", buttonIcon: Book },
|
||||
{ title: "Automated Alerts", description: "Stay ahead of your coursework with real-time deadline notifications.", imageSrc: "http://img.b2bpic.net/free-photo/digital-nomad-working-remotly-their-project_23-2149241865.jpg", buttonIcon: Bell },
|
||||
]}
|
||||
title="Key Platform Capabilities"
|
||||
description="Powerful tools designed to accelerate your educational journey."
|
||||
@@ -160,42 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Science Fundamentals",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scholar-paying-attention-online-class-webinar-via-video-conferencing_482257-123192.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Coding Mastery",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-teens-young-people-doing-activities-together-celebrating-world-youth-skills-day_23-2151478230.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Literature",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6868.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Statistics for Success",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-grey-table_176420-4563.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "History & Archaeology",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-book-bible-with-pencil-background-living-room-reading-book-cozy-environment_169016-3161.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Language & Communication",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-headphones-waves-hands-laptop-joins-online-chat-connects-remote-course_1258-201877.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Science Fundamentals", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/scholar-paying-attention-online-class-webinar-via-video-conferencing_482257-123192.jpg" },
|
||||
{ id: "p2", name: "Coding Mastery", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-teens-young-people-doing-activities-together-celebrating-world-youth-skills-day_23-2151478230.jpg" },
|
||||
{ id: "p3", name: "Modern Literature", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6868.jpg" },
|
||||
{ id: "p4", name: "Statistics for Success", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/school-supplies-grey-table_176420-4563.jpg" },
|
||||
{ id: "p5", name: "History & Archaeology", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/open-book-bible-with-pencil-background-living-room-reading-book-cozy-environment_169016-3161.jpg" },
|
||||
{ id: "p6", name: "Language & Communication", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-woman-headphones-waves-hands-laptop-joins-online-chat-connects-remote-course_1258-201877.jpg" },
|
||||
]}
|
||||
title="Trending Courses"
|
||||
description="Explore our top-rated academic modules."
|
||||
@@ -208,51 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Student",
|
||||
price: "$29/mo",
|
||||
features: [
|
||||
"Basic Access",
|
||||
"Community Forum",
|
||||
"Mobile App",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Pro",
|
||||
price: "$59/mo",
|
||||
features: [
|
||||
"Full Access",
|
||||
"Expert Tutoring",
|
||||
"Offline Study",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
name: "Enterprise",
|
||||
price: "$199/mo",
|
||||
features: [
|
||||
"Custom Modules",
|
||||
"Dedicated Lead",
|
||||
"Team Analytics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", name: "Student", price: "$29/mo", features: ["Basic Access", "Community Forum", "Mobile App"], buttons: [{ text: "Start Now" }] },
|
||||
{ id: "pro", name: "Pro", price: "$59/mo", features: ["Full Access", "Expert Tutoring", "Offline Study"], buttons: [{ text: "Upgrade" }] },
|
||||
{ id: "ent", name: "Enterprise", price: "$199/mo", features: ["Custom Modules", "Dedicated Lead", "Team Analytics"], buttons: [{ text: "Contact Us" }] },
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose a plan that fits your academic goals perfectly."
|
||||
@@ -265,21 +131,9 @@ export default function LandingPage() {
|
||||
title="Platform Impact"
|
||||
tag="Stats That Matter"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
description: "Active Students",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2K+",
|
||||
description: "Certified Courses",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "Success Rate",
|
||||
},
|
||||
{ id: "m1", value: "50K+", description: "Active Students" },
|
||||
{ id: "m2", value: "2K+", description: "Certified Courses" },
|
||||
{ id: "m3", value: "98%", description: "Success Rate" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -291,68 +145,17 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Dev",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-space-text_185193-110165.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Analyst",
|
||||
company: "Finance Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-office_23-2149229055.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
role: "Student",
|
||||
company: "Edu Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-studies-online-listens-educational-lecture-with-smartphone-headphones-walks-outdoors-carries-notepads-dressed-casual-clothes_273609-55644.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Manager",
|
||||
company: "Work Flow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-team-engineers-working-high-tech-server-hub_482257-123947.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
role: "Architect",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college_23-2149038477.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Prof Adams",
|
||||
role: "Teacher",
|
||||
company: "Public Univ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-124683.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "Dev", company: "Tech Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-space-text_185193-110165.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Analyst", company: "Finance Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-working-office_23-2149229055.jpg" },
|
||||
{ id: "3", name: "Emily P.", role: "Student", company: "Edu Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-studies-online-listens-educational-lecture-with-smartphone-headphones-walks-outdoors-carries-notepads-dressed-casual-clothes_273609-55644.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Manager", company: "Work Flow", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-team-engineers-working-high-tech-server-hub_482257-123947.jpg" },
|
||||
{ id: "5", name: "Chloe T.", role: "Architect", company: "Design Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college_23-2149038477.jpg" },
|
||||
{ id: "6", name: "Prof Adams", role: "Teacher", company: "Public Univ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-124683.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "100k+",
|
||||
label: "Happy Learners",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Partner Univs",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "100k+", label: "Happy Learners" },
|
||||
{ value: "150+", label: "Partner Univs" },
|
||||
]}
|
||||
title="Voices of Achievement"
|
||||
description="Hear from students who have transformed their careers."
|
||||
@@ -364,21 +167,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I enroll?",
|
||||
content: "Simply click the sign-up button and fill out your profile.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are courses accredited?",
|
||||
content: "Yes, all our professional certificates are industry accredited.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do I get a certificate?",
|
||||
content: "You will receive a certificate after completing each course module.",
|
||||
},
|
||||
{ id: "f1", title: "How do I enroll?", content: "Simply click the sign-up button and fill out your profile." },
|
||||
{ id: "f2", title: "Are courses accredited?", content: "Yes, all our professional certificates are industry accredited." },
|
||||
{ id: "f3", title: "Do I get a certificate?", content: "You will receive a certificate after completing each course module." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to help you get started on your journey."
|
||||
@@ -389,9 +180,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Join Us"
|
||||
title="Start Your Learning Journey"
|
||||
description="Sign up for updates on new courses and academic opportunities."
|
||||
|
||||
Reference in New Issue
Block a user