diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 5b9a3b0..115180a 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -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() {
@@ -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: "#"},
]}
/>
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 49a5d8d..ce67b77 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -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"
/>
@@ -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..."},
]}
/>
@@ -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"
/>
@@ -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"},
]}
/>
@@ -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"},
]}
/>
@@ -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"}}
/>