Merge version_1_1781476027387 into main #4
@@ -1,221 +1,70 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarFloatingLogo from '@/components/ui/NavbarFloatingLogo';
|
||||
import HeroBrand from '@/components/sections/hero/HeroBrand';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import { BookOpen, CheckCircle, Clock, GraduationCap, Shield, TrendingUp, User, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", href: "#home" },
|
||||
{ name: "Features", href: "#features" },
|
||||
{ name: "Metrics", href: "#metrics" },
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Courses", href: "#courses" },
|
||||
{ name: "Pricing", href: "#pricing" },
|
||||
{ name: "Testimonials", href: "#testimonials" },
|
||||
{ name: "FAQ", href: "#faq" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroBrand
|
||||
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"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Courses", href: "#courses"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-red-background-back-school-concept_169016-39383.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ThemeProvider defaultButtonVariant="gradient" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass">
|
||||
<div id="nav" data-section="nav" data-webild-component="NavbarFloatingLogo" data-webild-component-path="@/components/ui/NavbarFloatingLogo">
|
||||
<NavbarFloatingLogo
|
||||
logo="EduPlatform"
|
||||
logoImageSrc="http://img.b2bpic.net/free-photo/compass-geometric-icon-drawing-work_53876-144357.jpg"
|
||||
navItems={navItems}
|
||||
ctaButton={{ text: "Get Started", href: "/auth" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Advanced Ecosystem"
|
||||
title="Built for Student Excellence"
|
||||
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"},
|
||||
{
|
||||
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: "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..."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Trusted Platform"
|
||||
title="Proven Performance"
|
||||
description="Our ecosystem drives real-world results."
|
||||
metrics={[
|
||||
{
|
||||
value: "15,000+", title: "Active Students", features: [
|
||||
"Verified Enrollment", "High Retention Rate"],
|
||||
},
|
||||
{
|
||||
value: "200+", title: "Expert Instructors", features: [
|
||||
"Industry Leading", "Detailed Feedback"],
|
||||
},
|
||||
{
|
||||
value: "95%", title: "Success Rate", features: [
|
||||
"Exam Readiness", "Performance Analytics"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Mission"
|
||||
title="Bridging Potential & Success"
|
||||
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: "Zap", title: "High Performance", description: "Fast streaming for every device."},
|
||||
{
|
||||
icon: "BookOpen", title: "Complete Library", description: "Curated materials at your fingertips."},
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=i4eqyy"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="courses" data-section="courses">
|
||||
<SectionErrorBoundary name="courses">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Curriculum"
|
||||
title="Comprehensive Course Catalog"
|
||||
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: "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: "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: "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"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingCenteredCards
|
||||
tag="Subscription"
|
||||
title="Flexible Learning Plans"
|
||||
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"],
|
||||
primaryButton: {
|
||||
text: "Choose Basic", href: "/auth"},
|
||||
},
|
||||
{
|
||||
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"},
|
||||
},
|
||||
{
|
||||
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"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Testimonials"
|
||||
title="Proven Results"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Help Center"
|
||||
title="Common Questions"
|
||||
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: "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."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Start Today"
|
||||
text="Join the elite cohort of learners and shape your future."
|
||||
primaryButton={{
|
||||
text: "Register Now", href: "/auth"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Support", href: "/support"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
<div id="home" data-section="home" data-webild-component="HeroBrand" data-webild-component-path="@/components/sections/hero/HeroBrand">
|
||||
<HeroBrand 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" }} secondaryButton={{ text: "Explore Courses", href: "#courses" }} imageSrc="http://img.b2bpic.net/free-photo/laptop-headphones-red-background-back-school-concept_169016-39383.jpg" />
|
||||
</div>
|
||||
<div id="features" data-section="features" data-webild-component="FeaturesBento" data-webild-component-path="@/components/sections/features/FeaturesBento">
|
||||
<FeaturesBento tag="Advanced Ecosystem" title="Built for Student Excellence" 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" }, { 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: "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..." }]} />
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics" data-webild-component="MetricsFeatureCards" data-webild-component-path="@/components/sections/metrics/MetricsFeatureCards">
|
||||
<MetricsFeatureCards tag="Trusted Platform" title="Proven Performance" description="Our ecosystem drives real-world results." metrics={[{ value: "15,000+", title: "Active Students", features: ["Verified Enrollment", "High Retention Rate"] }, { value: "200+", title: "Expert Instructors", features: ["Industry Leading", "Detailed Feedback"] }, { value: "95%", title: "Success Rate", features: ["Exam Readiness", "Performance Analytics"] }]} />
|
||||
</div>
|
||||
<div id="about" data-section="about" data-webild-component="AboutFeaturesSplit" data-webild-component-path="@/components/sections/about/AboutFeaturesSplit">
|
||||
<AboutFeaturesSplit tag="Our Mission" title="Bridging Potential & Success" 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: "Zap", title: "High Performance", description: "Fast streaming for every device."}, { icon: "BookOpen", title: "Complete Library", description: "Curated materials at your fingertips."}]} imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=i4eqyy" />
|
||||
</div>
|
||||
<div id="courses" data-section="courses" data-webild-component="FeaturesRevealCardsBento" data-webild-component-path="@/components/sections/features/FeaturesRevealCardsBento">
|
||||
<FeaturesRevealCardsBento tag="Curriculum" title="Comprehensive Course Catalog" 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: "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: "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: "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" }]} />
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing" data-webild-component="PricingCenteredCards" data-webild-component-path="@/components/sections/pricing/PricingCenteredCards">
|
||||
<PricingCenteredCards tag="Subscription" title="Flexible Learning Plans" 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"], primaryButton: { text: "Choose Basic", href: "/auth" } }, { 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" } }, { 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" } }]} />
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials" data-webild-component="TestimonialRatingCards" data-webild-component-path="@/components/sections/testimonial/TestimonialRatingCards">
|
||||
<TestimonialRatingCards tag="Testimonials" title="Proven Results" 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: "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: "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" }]} />
|
||||
</div>
|
||||
<div id="faq" data-section="faq" data-webild-component="FaqSplitMedia" data-webild-component-path="@/components/sections/faq/FaqSplitMedia">
|
||||
<FaqSplitMedia tag="Help Center" title="Common Questions" 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: "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." }]} imageSrc="http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336691.jpg" />
|
||||
</div>
|
||||
<div id="contact" data-section="contact" data-webild-component="ContactCta" data-webild-component-path="@/components/sections/contact/ContactCta">
|
||||
<ContactCta tag="Start Today" text="Join the elite cohort of learners and shape your future." primaryButton={{ text: "Register Now", href: "/auth" }} secondaryButton={{ text: "Contact Support", href: "/support" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer" data-webild-component="FooterSimpleMedia" data-webild-component-path="@/components/sections/footer/FooterSimpleMedia">
|
||||
<FooterSimpleMedia imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-background-with-cyber-dots-network-communications-motion-flow_1048-11865.jpg" brand="EduPlatform" columns={[{ title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Courses", href: "#courses" }] }, { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }, { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }]} copyright="© 2024 EduPlatform. All rights reserved." links={[{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user