Merge version_1_1781476027387 into main #2
@@ -8,32 +8,25 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Home",
|
||||
"href": "#home"
|
||||
"name": "Home", "href": "#home"
|
||||
},
|
||||
{
|
||||
"name": "Courses",
|
||||
"href": "#courses"
|
||||
"name": "Courses", "href": "#courses"
|
||||
},
|
||||
{
|
||||
"name": "Pricing",
|
||||
"href": "#pricing"
|
||||
"name": "Pricing", "href": "#pricing"
|
||||
},
|
||||
{
|
||||
"name": "Contact",
|
||||
"href": "#contact"
|
||||
"name": "Contact", "href": "#contact"
|
||||
},
|
||||
{
|
||||
"name": "Features",
|
||||
"href": "#features"
|
||||
"name": "Features", "href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
"name": "Metrics", "href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "About",
|
||||
"href": "#about"
|
||||
"name": "About", "href": "#about"
|
||||
}
|
||||
];
|
||||
|
||||
@@ -43,10 +36,9 @@ export default function Layout() {
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="EduPlatform"
|
||||
logoImageSrc="https://img.b2bpic.net/free-photo/compass-geometric-icon-drawing-work_53876-144357.jpg"
|
||||
ctaButton={{
|
||||
text: "Get Started",
|
||||
href: "/auth",
|
||||
}}
|
||||
text: "Get Started", href: "/auth"}}
|
||||
navItems={navItems} />
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
@@ -58,59 +50,38 @@ export default function Layout() {
|
||||
brand="EduPlatform"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Courses",
|
||||
href: "#courses",
|
||||
},
|
||||
label: "Courses", href: "#courses"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
],
|
||||
copyright="© 2024 EduPlatform. All rights reserved."
|
||||
links={[
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
|
||||
@@ -19,14 +19,10 @@ export default function HomePage() {
|
||||
brand="Master Your Future with Elite Education"
|
||||
description="Unlock high-quality courses designed for success. Join thousands of students achieving their academic and professional goals today."
|
||||
primaryButton={{
|
||||
text: "Start Learning",
|
||||
href: "/auth",
|
||||
}}
|
||||
text: "Start Learning", href: "/auth"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Courses",
|
||||
href: "#courses",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-red-background-back-school-concept_169016-39383.jpg?_wi=1"
|
||||
text: "Explore Courses", href: "#courses"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-red-background-back-school-concept_169016-39383.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -39,56 +35,25 @@ export default function HomePage() {
|
||||
description="Powerful tools and intuitive design, creating an unmatched learning environment."
|
||||
features={[
|
||||
{
|
||||
title: "Analytics Dashboard",
|
||||
description: "Track every lesson and gain insights.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/compass-geometric-icon-drawing-work_53876-144357.jpg",
|
||||
imageAlt: "modern education brand logo",
|
||||
title: "Analytics Dashboard", description: "Track every lesson and gain insights.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Learning Progress", description: "Seamlessly track your daily goals.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: "CheckCircle", label: "Completed", value: "120+"},
|
||||
{
|
||||
icon: "Clock", label: "Hours", value: "500+"},
|
||||
{
|
||||
icon: "TrendingUp", label: "Score", value: "98%"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Learning Progress",
|
||||
description: "Seamlessly track your daily goals.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
title: "Interactive Content", description: "Engage with lessons through live chat.", bentoComponent: "chat-marquee", aiIcon: "GraduationCap", userIcon: "User", exchanges: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Completed",
|
||||
value: "120+",
|
||||
},
|
||||
userMessage: "How to approach this lesson?", aiResponse: "Focus on the key terminology first."},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Hours",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Score",
|
||||
value: "98%",
|
||||
},
|
||||
userMessage: "Is there a quiz?", aiResponse: "Yes, available after this chapter."},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-headphones-red-background-back-school-concept_169016-39383.jpg?_wi=2",
|
||||
imageAlt: "modern education brand logo",
|
||||
},
|
||||
{
|
||||
title: "Interactive Content",
|
||||
description: "Engage with lessons through live chat.",
|
||||
bentoComponent: "chat-marquee",
|
||||
aiIcon: GraduationCap,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "How to approach this lesson?",
|
||||
aiResponse: "Focus on the key terminology first.",
|
||||
},
|
||||
{
|
||||
userMessage: "Is there a quiz?",
|
||||
aiResponse: "Yes, available after this chapter.",
|
||||
},
|
||||
],
|
||||
placeholder: "Ask a tutor...",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=i4eqyy&_wi=1",
|
||||
imageAlt: "modern education brand logo",
|
||||
},
|
||||
placeholder: "Ask a tutor..."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -102,28 +67,16 @@ export default function HomePage() {
|
||||
description="Our ecosystem drives real-world results."
|
||||
metrics={[
|
||||
{
|
||||
value: "15,000+",
|
||||
title: "Active Students",
|
||||
features: [
|
||||
"Verified Enrollment",
|
||||
"High Retention Rate",
|
||||
],
|
||||
value: "15,000+", title: "Active Students", features: [
|
||||
"Verified Enrollment", "High Retention Rate"],
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Expert Instructors",
|
||||
features: [
|
||||
"Industry Leading",
|
||||
"Detailed Feedback",
|
||||
],
|
||||
value: "200+", title: "Expert Instructors", features: [
|
||||
"Industry Leading", "Detailed Feedback"],
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Success Rate",
|
||||
features: [
|
||||
"Exam Readiness",
|
||||
"Performance Analytics",
|
||||
],
|
||||
value: "95%", title: "Success Rate", features: [
|
||||
"Exam Readiness", "Performance Analytics"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -138,22 +91,13 @@ export default function HomePage() {
|
||||
description="We empower learners through a streamlined digital interface designed for modern needs."
|
||||
items={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Content",
|
||||
description: "Protect your learning with advanced encryption.",
|
||||
},
|
||||
icon: "Shield", title: "Secure Content", description: "Protect your learning with advanced encryption."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "High Performance",
|
||||
description: "Fast streaming for every device.",
|
||||
},
|
||||
icon: "Zap", title: "High Performance", description: "Fast streaming for every device."},
|
||||
{
|
||||
icon: BookOpen,
|
||||
title: "Complete Library",
|
||||
description: "Curated materials at your fingertips.",
|
||||
},
|
||||
icon: "BookOpen", title: "Complete Library", description: "Curated materials at your fingertips."},
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=i4eqyy&_wi=2"
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=i4eqyy"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -166,47 +110,19 @@ export default function HomePage() {
|
||||
description="Dive deep into subjects curated by industry experts."
|
||||
items={[
|
||||
{
|
||||
title: "Software Engineering",
|
||||
description: "Build high-scale systems.",
|
||||
href: "/courses/dev",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg",
|
||||
},
|
||||
title: "Software Engineering", description: "Build high-scale systems.", href: "/courses/dev", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-computer_23-2151966696.jpg"},
|
||||
{
|
||||
title: "UI/UX Design",
|
||||
description: "Master user-centric design.",
|
||||
href: "/courses/design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-teenage-girl-enjoying-mandatory-literature-book-library_482257-127852.jpg",
|
||||
},
|
||||
title: "UI/UX Design", description: "Master user-centric design.", href: "/courses/design", imageSrc: "http://img.b2bpic.net/free-photo/surprised-teenage-girl-enjoying-mandatory-literature-book-library_482257-127852.jpg"},
|
||||
{
|
||||
title: "Digital Marketing",
|
||||
description: "Scale brand awareness.",
|
||||
href: "/courses/marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-laptop-shelf_23-2147768836.jpg",
|
||||
},
|
||||
title: "Digital Marketing", description: "Scale brand awareness.", href: "/courses/marketing", imageSrc: "http://img.b2bpic.net/free-photo/opened-notebook-near-laptop-shelf_23-2147768836.jpg"},
|
||||
{
|
||||
title: "Data Science",
|
||||
description: "Unlock data-driven insights.",
|
||||
href: "/courses/data",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=v1gqnm",
|
||||
},
|
||||
title: "Data Science", description: "Unlock data-driven insights.", href: "/courses/data", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=v1gqnm"},
|
||||
{
|
||||
title: "Cyber Security",
|
||||
description: "Protect digital infrastructure.",
|
||||
href: "/courses/security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-holding-textbooks-texting-mates-phone-close-up-studio-background_482257-97642.jpg",
|
||||
},
|
||||
title: "Cyber Security", description: "Protect digital infrastructure.", href: "/courses/security", imageSrc: "http://img.b2bpic.net/free-photo/student-holding-textbooks-texting-mates-phone-close-up-studio-background_482257-97642.jpg"},
|
||||
{
|
||||
title: "Machine Learning",
|
||||
description: "Learn predictive modeling.",
|
||||
href: "/courses/ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/voice-call-communication-connect-concept_53876-122688.jpg",
|
||||
},
|
||||
title: "Machine Learning", description: "Learn predictive modeling.", href: "/courses/ml", imageSrc: "http://img.b2bpic.net/free-photo/voice-call-communication-connect-concept_53876-122688.jpg"},
|
||||
{
|
||||
title: "Language Learning",
|
||||
description: "Fluency in weeks.",
|
||||
href: "/courses/language",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg",
|
||||
},
|
||||
title: "Language Learning", description: "Fluency in weeks.", href: "/courses/language", imageSrc: "http://img.b2bpic.net/free-photo/back-view-young-business-man-talking-phone-sitting-his-office-diagrams-monitor_482257-34736.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -220,48 +136,22 @@ export default function HomePage() {
|
||||
description="Choose the perfect plan to fuel your personal growth."
|
||||
plans={[
|
||||
{
|
||||
tag: "Essential",
|
||||
price: "$19",
|
||||
description: "Basic access to standard courses.",
|
||||
features: [
|
||||
"Video Lessons",
|
||||
"Downloadable Materials",
|
||||
"Email Support",
|
||||
],
|
||||
tag: "Essential", price: "$19", description: "Basic access to standard courses.", features: [
|
||||
"Video Lessons", "Downloadable Materials", "Email Support"],
|
||||
primaryButton: {
|
||||
text: "Choose Basic",
|
||||
href: "/auth",
|
||||
},
|
||||
text: "Choose Basic", href: "/auth"},
|
||||
},
|
||||
{
|
||||
tag: "Premium",
|
||||
price: "$49",
|
||||
description: "Total platform access and certification.",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Personalized Exams",
|
||||
"Priority Support",
|
||||
"Certificate",
|
||||
],
|
||||
tag: "Premium", price: "$49", description: "Total platform access and certification.", features: [
|
||||
"Everything in Basic", "Personalized Exams", "Priority Support", "Certificate"],
|
||||
primaryButton: {
|
||||
text: "Go Premium",
|
||||
href: "/auth",
|
||||
},
|
||||
text: "Go Premium", href: "/auth"},
|
||||
},
|
||||
{
|
||||
tag: "Pro",
|
||||
price: "$99",
|
||||
description: "Full ecosystem for professional growth.",
|
||||
features: [
|
||||
"Everything in Premium",
|
||||
"Live Mentoring",
|
||||
"Career Coaching",
|
||||
"Dashboard Access",
|
||||
],
|
||||
tag: "Pro", price: "$99", description: "Full ecosystem for professional growth.", features: [
|
||||
"Everything in Premium", "Live Mentoring", "Career Coaching", "Dashboard Access"],
|
||||
primaryButton: {
|
||||
text: "Join Pro",
|
||||
href: "/auth",
|
||||
},
|
||||
text: "Join Pro", href: "/auth"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -276,40 +166,20 @@ export default function HomePage() {
|
||||
description="Join thousands of successful graduates who changed their career paths."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sara Ahmed",
|
||||
role: "Software Developer",
|
||||
quote: "The platform provided clear, actionable insights for my career.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/net-professional-businesswoman-sitting-checking_1262-2730.jpg",
|
||||
},
|
||||
name: "Sara Ahmed", role: "Software Developer", quote: "The platform provided clear, actionable insights for my career.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/net-professional-businesswoman-sitting-checking_1262-2730.jpg"},
|
||||
{
|
||||
name: "Omar Khalil",
|
||||
role: "UI Designer",
|
||||
quote: "Excellent content and very smooth user experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg",
|
||||
},
|
||||
name: "Omar Khalil", role: "UI Designer", quote: "Excellent content and very smooth user experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-smiling-standing-near-business-centre_176420-16777.jpg"},
|
||||
{
|
||||
name: "Layla Hassan",
|
||||
role: "Marketing Specialist",
|
||||
quote: "The exam system helped me master the material quickly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg",
|
||||
},
|
||||
name: "Layla Hassan", role: "Marketing Specialist", quote: "The exam system helped me master the material quickly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg"},
|
||||
{
|
||||
name: "Ahmed Noor",
|
||||
role: "Data Analyst",
|
||||
quote: "The personalized dashboard made learning effortless.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg",
|
||||
},
|
||||
name: "Ahmed Noor", role: "Data Analyst", quote: "The personalized dashboard made learning effortless.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-delighted-hipster-male-student-with-crisp-hair_176532-8157.jpg"},
|
||||
{
|
||||
name: "Fatima Zahra",
|
||||
role: "Project Manager",
|
||||
quote: "The best platform I've encountered for Arabic speakers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-with-backpack-coming-into-classroom_23-2147659089.jpg",
|
||||
},
|
||||
name: "Fatima Zahra", role: "Project Manager", quote: "The best platform I've encountered for Arabic speakers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-with-backpack-coming-into-classroom_23-2147659089.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -323,17 +193,11 @@ export default function HomePage() {
|
||||
description="Got questions about our platform? We've got answers."
|
||||
items={[
|
||||
{
|
||||
question: "Can I access content offline?",
|
||||
answer: "Yes, you can download course materials for offline study.",
|
||||
},
|
||||
question: "Can I access content offline?", answer: "Yes, you can download course materials for offline study."},
|
||||
{
|
||||
question: "Do you offer certificates?",
|
||||
answer: "All premium courses offer verifiable completion certificates.",
|
||||
},
|
||||
question: "Do you offer certificates?", answer: "All premium courses offer verifiable completion certificates."},
|
||||
{
|
||||
question: "Is there a money-back guarantee?",
|
||||
answer: "We offer a 7-day money-back guarantee on all subscriptions.",
|
||||
},
|
||||
question: "Is there a money-back guarantee?", answer: "We offer a 7-day money-back guarantee on all subscriptions."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg"
|
||||
/>
|
||||
@@ -346,13 +210,9 @@ export default function HomePage() {
|
||||
tag="Start Today"
|
||||
text="Join the elite cohort of learners and shape your future."
|
||||
primaryButton={{
|
||||
text: "Register Now",
|
||||
href: "/auth",
|
||||
}}
|
||||
text: "Register Now", href: "/auth"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support",
|
||||
href: "/support",
|
||||
}}
|
||||
text: "Contact Support", href: "/support"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user