Merge version_2 into main #1
295
src/app/page.tsx
295
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Courses",
|
||||
id: "products",
|
||||
},
|
||||
name: "Courses", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="EduCentre"
|
||||
/>
|
||||
@@ -59,39 +51,23 @@ export default function LandingPage() {
|
||||
description="Your premier education centre for lifelong learning, professional development, and academic success."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enroll Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Enroll Now", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3259.jpg",
|
||||
imageAlt: "education background modern school",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3259.jpg", imageAlt: "education background modern school"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3188.jpg",
|
||||
imageAlt: "education background modern school",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3188.jpg", imageAlt: "education background modern school"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19430.jpg",
|
||||
imageAlt: "education background modern school",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-walking-outdoors-looking-aside_171337-19430.jpg", imageAlt: "education background modern school"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3260.jpg",
|
||||
imageAlt: "education background modern school",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-dwelling_1127-3260.jpg", imageAlt: "education background modern school"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-building_23-2148107104.jpg",
|
||||
imageAlt: "education background modern school",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-building_23-2148107104.jpg", imageAlt: "education background modern school"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257236.jpg",
|
||||
imageAlt: "education background modern school",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-learning-study-group_23-2149257236.jpg", imageAlt: "education background modern school"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,38 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Personalized Learning",
|
||||
author: "Expert Team",
|
||||
description: "Custom pathways designed for every individual student needs.",
|
||||
tags: [
|
||||
"Tailored",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-kids-using-vr-headsets-having-fun_74855-16426.jpg",
|
||||
},
|
||||
id: "1", title: "Personalized Learning", author: "Expert Team", description: "Custom pathways designed for every individual student needs.", tags: [
|
||||
"Tailored", "Growth"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-kids-using-vr-headsets-having-fun_74855-16426.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert Educators",
|
||||
author: "Industry Leaders",
|
||||
description: "Learn from the best in the field of education.",
|
||||
tags: [
|
||||
"Mentors",
|
||||
"Expertise",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-disinfecting-their-hands-classroom_23-2148925450.jpg",
|
||||
},
|
||||
id: "2", title: "Expert Educators", author: "Industry Leaders", description: "Learn from the best in the field of education.", tags: [
|
||||
"Mentors", "Expertise"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-disinfecting-their-hands-classroom_23-2148925450.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Modern Facilities",
|
||||
author: "Infrastructure",
|
||||
description: "Cutting-edge tools and space for your development.",
|
||||
tags: [
|
||||
"Facilities",
|
||||
"Tech",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-stationery-apple-laid-random-way_23-2147847408.jpg",
|
||||
},
|
||||
id: "3", title: "Modern Facilities", author: "Infrastructure", description: "Cutting-edge tools and space for your development.", tags: [
|
||||
"Facilities", "Tech"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-stationery-apple-laid-random-way_23-2147847408.jpg"},
|
||||
]}
|
||||
title="Why Choose EduCentre"
|
||||
description="We provide tools for your lifelong success."
|
||||
@@ -161,31 +116,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "2000+",
|
||||
title: "Graduates",
|
||||
items: [
|
||||
"Success Stories",
|
||||
"Ready for Workforce",
|
||||
],
|
||||
id: "1", value: "2000+", title: "Graduates", items: [
|
||||
"Success Stories", "Ready for Workforce"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "150+",
|
||||
title: "Courses",
|
||||
items: [
|
||||
"Diverse Curriculum",
|
||||
"Skill Building",
|
||||
],
|
||||
id: "2", value: "150+", title: "Courses", items: [
|
||||
"Diverse Curriculum", "Skill Building"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Quality Assurance",
|
||||
"Happy Learners",
|
||||
],
|
||||
id: "3", value: "98%", title: "Satisfaction", items: [
|
||||
"Quality Assurance", "Happy Learners"],
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -201,41 +141,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Intro to Data Science",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-paint-near-coffee_23-2147823733.jpg",
|
||||
},
|
||||
id: "1", name: "Intro to Data Science", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/paper-paint-near-coffee_23-2147823733.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Graphic Design Pro",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/duotone-modern-school-bartending-certificate-template_742173-5133.jpg",
|
||||
},
|
||||
id: "2", name: "Graphic Design Pro", price: "$699", imageSrc: "http://img.b2bpic.net/free-vector/duotone-modern-school-bartending-certificate-template_742173-5133.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cloud Computing 101",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/science-study-chemical-test-tube-experiment-laboratory-graphic_53876-123986.jpg",
|
||||
},
|
||||
id: "3", name: "Cloud Computing 101", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/science-study-chemical-test-tube-experiment-laboratory-graphic_53876-123986.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Digital Marketing",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-painting-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30104.jpg",
|
||||
},
|
||||
id: "4", name: "Digital Marketing", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-painting-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30104.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Biology Advanced",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-microscope-notebook_23-2148785091.jpg",
|
||||
},
|
||||
id: "5", name: "Biology Advanced", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/top-view-microscope-notebook_23-2148785091.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Language Proficiency",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-cubes-with-educate-inscription_23-2148030931.jpg",
|
||||
},
|
||||
id: "6", name: "Language Proficiency", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/wooden-cubes-with-educate-inscription_23-2148030931.jpg"},
|
||||
]}
|
||||
title="Our Courses"
|
||||
description="Discover a wide range of programs tailored for every career and skill path."
|
||||
@@ -249,54 +165,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Beginner",
|
||||
price: "$99",
|
||||
subtitle: "Single Course Access",
|
||||
features: [
|
||||
"Full course access",
|
||||
"Community access",
|
||||
"Standard support",
|
||||
],
|
||||
id: "basic", badge: "Beginner", price: "$99", subtitle: "Single Course Access", features: [
|
||||
"Full course access", "Community access", "Standard support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Start Learning",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Learning", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$299",
|
||||
subtitle: "Full Membership",
|
||||
features: [
|
||||
"All courses",
|
||||
"1-on-1 mentorship",
|
||||
"Career support",
|
||||
],
|
||||
id: "pro", badge: "Professional", price: "$299", subtitle: "Full Membership", features: [
|
||||
"All courses", "1-on-1 mentorship", "Career support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade Now", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Advanced",
|
||||
price: "$499",
|
||||
subtitle: "Academic Partner",
|
||||
features: [
|
||||
"All courses",
|
||||
"Certificate programs",
|
||||
"Priority support",
|
||||
],
|
||||
id: "enterprise", badge: "Advanced", price: "$499", subtitle: "Academic Partner", features: [
|
||||
"All courses", "Certificate programs", "Priority support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -313,45 +202,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Graduate",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-yellow-blue-background_23-2148203818.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Graduate", company: "Tech Corp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-yellow-blue-background_23-2148203818.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Professional",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Professional", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149915909.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Student", company: "University", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-smiling-wearing-headphones-university-campus_839833-11696.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert B.",
|
||||
role: "Senior Developer",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-learning-with-laptop_23-2149204730.jpg",
|
||||
},
|
||||
id: "4", name: "Robert B.", role: "Senior Developer", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-learning-with-laptop_23-2149204730.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Graphic Artist",
|
||||
company: "Media Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-biting-bronze-medal_23-2149351769.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", role: "Graphic Artist", company: "Media Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-biting-bronze-medal_23-2149351769.jpg"},
|
||||
]}
|
||||
title="Our Community"
|
||||
description="What our students say about us."
|
||||
@@ -362,11 +226,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Enroll Today"
|
||||
description="Start your journey with us today. Reach out if you have questions."
|
||||
variant: "animated-grid"}}
|
||||
tag="Contact Us"
|
||||
title="Visit or Reach Out"
|
||||
description="Located at 123 Education Lane, Learning City. We are open Monday to Friday, 9:00 AM - 6:00 PM. Have questions? Send us a message below!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-rest-room-with-sofa-coffee-table_1262-3580.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -378,50 +241,22 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Courses",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{ label: "123 Education Lane, Learning City" },
|
||||
{ label: "info@educentre.com" },
|
||||
{ label: "+1 (555) 123-4567" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Mon - Fri: 9am - 6pm" },
|
||||
{ label: "Sat: By Appointment" },
|
||||
{ label: "Sun: Closed" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -431,4 +266,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user