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"}} />