Merge version_1 into main #1
647
src/app/page.tsx
647
src/app/page.tsx
@@ -28,477 +28,200 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Mentors",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="EduPlatform"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Courses", id: "catalog" },
|
||||
{ name: "Mentors", id: "team" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="EduPlatform"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Master Your Future with Expert-Led Courses"
|
||||
description="Join thousands of learners in our online platform to gain skills that move your career forward. Experience learning that fits your lifestyle."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-does-her-homework-while-sitting-with-books-laptop_169016-39144.jpg",
|
||||
imageAlt: "Learning 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-polyamorous-couple-home-sitting-couch-using-tablet_23-2149656525.jpg",
|
||||
imageAlt: "Learning 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-scholar-celebrating-some-good-news-feeling-pleased-with-progress_482257-126249.jpg",
|
||||
imageAlt: "Learning 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-laptop-notebook-writing-from-view-wooden-background_482257-35217.jpg",
|
||||
imageAlt: "Learning 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-lifestyle-blogger-recording-video-herself-making-notes-writing-journal_1258-254181.jpg",
|
||||
imageAlt: "Learning 5",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-globe-with-academic-cap-laptop_23-2148756555.jpg",
|
||||
imageAlt: "Learning 7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-lamp_23-2148592325.jpg",
|
||||
imageAlt: "Learning 8",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interesting-work_1098-14858.jpg",
|
||||
imageAlt: "Learning 9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-businessman-with-mockup-screen-analyzing-financial-data_482257-119116.jpg",
|
||||
imageAlt: "Learning 10",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-tablet_1170-82.jpg",
|
||||
imageAlt: "Learning 11",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Learning Now",
|
||||
href: "#catalog",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smart-young-student-with-laptop-books_23-2148550731.jpg",
|
||||
alt: "Student 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-glasses-front-laptop_169016-36094.jpg",
|
||||
alt: "Student 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teenage-girl-does-her-homework-while-sitting-with-books-laptop_169016-39280.jpg",
|
||||
alt: "Student 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-works-pc-school_641386-995.jpg",
|
||||
alt: "Student 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worried-student-hiding-notebook-sitting_1262-15348.jpg",
|
||||
alt: "Student 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy learners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/online-education-icons_1284-4393.jpg",
|
||||
alt: "Brand 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/20-online-learning-line-icon-pack-like-result-mail-note-letter-search_1142-25590.jpg",
|
||||
alt: "Brand 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/book-computer-white-background_1200-253.jpg",
|
||||
alt: "Brand 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/e-learning-icon-flat_98292-6705.jpg",
|
||||
alt: "Brand 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/3d-realistic-globe-with-musical-elements_23-2151500680.jpg",
|
||||
alt: "Brand 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Master Your Future with Expert-Led Courses"
|
||||
description="Join thousands of learners in our online platform to gain skills that move your career forward. Experience learning that fits your lifestyle."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-does-her-homework-while-sitting-with-books-laptop_169016-39144.jpg", imageAlt: "Learning 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-polyamorous-couple-home-sitting-couch-using-tablet_23-2149656525.jpg", imageAlt: "Learning 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-scholar-celebrating-some-good-news-feeling-pleased-with-progress_482257-126249.jpg", imageAlt: "Learning 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-laptop-notebook-writing-from-view-wooden-background_482257-35217.jpg", imageAlt: "Learning 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-lifestyle-blogger-recording-video-herself-making-notes-writing-journal_1258-254181.jpg", imageAlt: "Learning 5" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-globe-with-academic-cap-laptop_23-2148756555.jpg", imageAlt: "Learning 7" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/nice-organised-workspace-with-lamp_23-2148592325.jpg", imageAlt: "Learning 8" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/interesting-work_1098-14858.jpg", imageAlt: "Learning 9" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/african-american-businessman-with-mockup-screen-analyzing-financial-data_482257-119116.jpg", imageAlt: "Learning 10" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workers-looking-tablet_1170-82.jpg", imageAlt: "Learning 11" }
|
||||
]}
|
||||
buttons={[{ text: "Start Learning Now", href: "#catalog" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smart-young-student-with-laptop-books_23-2148550731.jpg", alt: "Student 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-young-woman-glasses-front-laptop_169016-36094.jpg", alt: "Student 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/teenage-girl-does-her-homework-while-sitting-with-books-laptop_169016-39280.jpg", alt: "Student 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-works-pc-school_641386-995.jpg", alt: "Student 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worried-student-hiding-notebook-sitting_1262-15348.jpg", alt: "Student 5" }
|
||||
]}
|
||||
avatarText="Join 10,000+ happy learners"
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/online-education-icons_1284-4393.jpg", alt: "Brand 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/20-online-learning-line-icon-pack-like-result-mail-note-letter-search_1142-25590.jpg", alt: "Brand 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/book-computer-white-background_1200-253.jpg", alt: "Brand 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-vector/e-learning-icon-flat_98292-6705.jpg", alt: "Brand 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/3d-realistic-globe-with-musical-elements_23-2151500680.jpg", alt: "Brand 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Flexible Scheduling",
|
||||
description: "Learn at your own pace with anytime, anywhere access to all your course materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg",
|
||||
imageAlt: "Flexible",
|
||||
},
|
||||
{
|
||||
title: "Expert Feedback",
|
||||
description: "Get direct support from industry experts who care about your professional growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-satisfaction-rating-laptop_53876-94855.jpg",
|
||||
imageAlt: "Feedback",
|
||||
},
|
||||
{
|
||||
title: "Lifetime Access",
|
||||
description: "Buy once and keep your course content forever, including all future updates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/med-school-student-takes-personal-notes-from-anatomy-research-papers_482257-117781.jpg",
|
||||
imageAlt: "Lifetime",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Platform?"
|
||||
description="Designed for working professionals and ambitious learners, our platform delivers real results."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Flexible Scheduling", description: "Learn at your own pace with anytime, anywhere access to all your course materials.", imageSrc: "http://img.b2bpic.net/free-vector/20-online-learning-flat-color-icon-presentation-vector-icons-illustration_1142-15564.jpg", imageAlt: "Flexible" },
|
||||
{ title: "Expert Feedback", description: "Get direct support from industry experts who care about your professional growth.", imageSrc: "http://img.b2bpic.net/free-photo/online-satisfaction-rating-laptop_53876-94855.jpg", imageAlt: "Feedback" },
|
||||
{ title: "Lifetime Access", description: "Buy once and keep your course content forever, including all future updates.", imageSrc: "http://img.b2bpic.net/free-photo/med-school-student-takes-personal-notes-from-anatomy-research-papers_482257-117781.jpg", imageAlt: "Lifetime" }
|
||||
]}
|
||||
title="Why Choose Our Platform?"
|
||||
description="Designed for working professionals and ambitious learners, our platform delivers real results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
brand: "Tech",
|
||||
name: "Advanced Web Development",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21627.jpg",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
brand: "Design",
|
||||
name: "UI/UX Mastery Course",
|
||||
price: "$149",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104502.jpg",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
brand: "Data",
|
||||
name: "Data Science Fundamentals",
|
||||
price: "$249",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
brand: "Tech",
|
||||
name: "AI Foundations & ML",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheerful-caucasian-woman-setting-vr-headset_74855-4245.jpg",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
brand: "Marketing",
|
||||
name: "Digital Marketing Strategy",
|
||||
price: "$129",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-student-boy-sitting-desk-with-school-tools-holding-book-his-thumb-up-yellow_141793-74786.jpg",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
brand: "Tech",
|
||||
name: "Mobile App Development",
|
||||
price: "$189",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hello-adult-man-seen-from-talking-online-video-call-his-smartphone-using-his-laptop_662251-2058.jpg",
|
||||
},
|
||||
]}
|
||||
title="Explore Our Top-Rated Courses"
|
||||
description="Unlock your potential with our collection of high-impact courses curated by leaders in the industry."
|
||||
/>
|
||||
</div>
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "c1", brand: "Tech", name: "Advanced Web Development", price: "$199", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21627.jpg" },
|
||||
{ id: "c2", brand: "Design", name: "UI/UX Mastery Course", price: "$149", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104502.jpg" },
|
||||
{ id: "c3", brand: "Data", name: "Data Science Fundamentals", price: "$249", rating: 4, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background_1048-8572.jpg" },
|
||||
{ id: "c4", brand: "Tech", name: "AI Foundations & ML", price: "$299", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cheerful-caucasian-woman-setting-vr-headset_74855-4245.jpg" },
|
||||
{ id: "c5", brand: "Marketing", name: "Digital Marketing Strategy", price: "$129", rating: 4, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/thinking-young-student-boy-sitting-desk-with-school-tools-holding-book-his-thumb-up-yellow_141793-74786.jpg" },
|
||||
{ id: "c6", brand: "Tech", name: "Mobile App Development", price: "$189", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/hello-adult-man-seen-from-talking-online-video-call-his-smartphone-using-his-laptop_662251-2058.jpg" }
|
||||
]}
|
||||
title="Explore Our Top-Rated Courses"
|
||||
description="Unlock your potential with our collection of high-impact courses curated by leaders in the industry."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Jane Doe",
|
||||
role: "Senior Engineer",
|
||||
description: "Expert in full-stack web and mobile development with 10+ years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "John Smith",
|
||||
role: "Product Designer",
|
||||
description: "Helping designers create intuitive and beautiful user experiences every day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Alice Wang",
|
||||
role: "Data Scientist",
|
||||
description: "Loves analyzing complex data to uncover simple solutions for business growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teacher-doing-english-lesson-online-his-students_23-2148963006.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Bob Johnson",
|
||||
role: "Growth Strategist",
|
||||
description: "Master of marketing strategies that scale businesses and brands rapidly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-remote-employee-wearing-headphones-home-office_482257-119011.jpg",
|
||||
},
|
||||
]}
|
||||
title="Meet Our Mentors"
|
||||
description="Learn from the brightest minds in tech, design, and business."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "m1", name: "Jane Doe", role: "Senior Engineer", description: "Expert in full-stack web and mobile development with 10+ years experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" },
|
||||
{ id: "m2", name: "John Smith", role: "Product Designer", description: "Helping designers create intuitive and beautiful user experiences every day.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg" },
|
||||
{ id: "m3", name: "Alice Wang", role: "Data Scientist", description: "Loves analyzing complex data to uncover simple solutions for business growth.", imageSrc: "http://img.b2bpic.net/free-photo/teacher-doing-english-lesson-online-his-students_23-2148963006.jpg" },
|
||||
{ id: "m4", name: "Bob Johnson", role: "Growth Strategist", description: "Master of marketing strategies that scale businesses and brands rapidly.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-remote-employee-wearing-headphones-home-office_482257-119011.jpg" }
|
||||
]}
|
||||
title="Meet Our Mentors"
|
||||
description="Learn from the brightest minds in tech, design, and business."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Michael S.",
|
||||
handle: "@mikes",
|
||||
testimonial: "This platform literally changed my career path.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-is-working-laptop-girl-with-laptop-emotion-concept_169016-65454.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah L.",
|
||||
handle: "@sarahl",
|
||||
testimonial: "I loved the UI/UX course. The feedback was game-changing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-stands-with-digital-tablet-her-hands-outside_169016-25043.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David K.",
|
||||
handle: "@dkdev",
|
||||
testimonial: "The Data Science content was easy to follow.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-book-outside_23-2148396313.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emma R.",
|
||||
handle: "@emmar",
|
||||
testimonial: "Great community and support. I feel more confident.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-young-woman-with-tablet-background-building_169016-24125.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James B.",
|
||||
handle: "@jamesb",
|
||||
testimonial: "Top-notch instructors who make topics simple.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-teenager-boy-holds-tablet-pc-grey-background_613910-1990.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Student Success Stories"
|
||||
description="Don't just take our word for it—hear from the students who have transformed their careers with us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Michael S.", handle: "@mikes", testimonial: "This platform literally changed my career path.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-is-working-laptop-girl-with-laptop-emotion-concept_169016-65454.jpg" },
|
||||
{ id: "t2", name: "Sarah L.", handle: "@sarahl", testimonial: "I loved the UI/UX course. The feedback was game-changing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-stands-with-digital-tablet-her-hands-outside_169016-25043.jpg" },
|
||||
{ id: "t3", name: "David K.", handle: "@dkdev", testimonial: "The Data Science content was easy to follow.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-book-outside_23-2148396313.jpg" },
|
||||
{ id: "t4", name: "Emma R.", handle: "@emmar", testimonial: "Great community and support. I feel more confident.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-young-woman-with-tablet-background-building_169016-24125.jpg" },
|
||||
{ id: "t5", name: "James B.", handle: "@jamesb", testimonial: "Top-notch instructors who make topics simple.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-teenager-boy-holds-tablet-pc-grey-background_613910-1990.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Student Success Stories"
|
||||
description="Don't just take our word for it—hear from the students who have transformed their careers with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact in Numbers"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "s1",
|
||||
value: "10k+",
|
||||
description: "Students enrolled worldwide",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
value: "500+",
|
||||
description: "Courses currently active",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
value: "95%",
|
||||
description: "Job placement satisfaction",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact in Numbers"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{ id: "s1", value: "10k+", description: "Students enrolled worldwide" },
|
||||
{ id: "s2", value: "500+", description: "Courses currently active" },
|
||||
{ id: "s3", value: "95%", description: "Job placement satisfaction" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I get lifetime access?",
|
||||
content: "Yes, once you purchase a course, you keep it in your account forever.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I get a refund?",
|
||||
content: "We offer a 30-day money-back guarantee.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there certificates?",
|
||||
content: "Yes, every course includes a verifiable certificate.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Still have questions? Check out our helpful answers to common student queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contact-us-communication-support-service-assistance-concept_53876-128103.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I get lifetime access?", content: "Yes, once you purchase a course, you keep it in your account forever." },
|
||||
{ id: "q2", title: "Can I get a refund?", content: "We offer a 30-day money-back guarantee." },
|
||||
{ id: "q3", title: "Are there certificates?", content: "Yes, every course includes a verifiable certificate." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Still have questions? Check out our helpful answers to common student queries."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/contact-us-communication-support-service-assistance-concept_53876-128103.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Have questions about our course catalog or need personalized advice? Reach out today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help you",
|
||||
rows: 4,
|
||||
}}
|
||||
buttonText="Send Message"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spiral-notepad-eyeglasses-earphone-keyboard-black-background_23-2148052539.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Have questions about our course catalog or need personalized advice? Reach out today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
{ name: "subject", type: "text", placeholder: "Subject" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us how we can help you", rows: 4 }}
|
||||
buttonText="Send Message"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spiral-notepad-eyeglasses-earphone-keyboard-black-background_23-2148052539.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Courses",
|
||||
items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "UI/UX Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Data Science",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="EduPlatform"
|
||||
copyrightText="© 2025 | EduPlatform Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Courses", items: [
|
||||
{ label: "Web Development", href: "#" },
|
||||
{ label: "UI/UX Design", href: "#" },
|
||||
{ label: "Data Science", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="EduPlatform"
|
||||
copyrightText="© 2025 | EduPlatform Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user