import React from 'react' import type { ReactElement } from 'react' import Head from 'next/head' import Link from 'next/link' import BaseButton from '../components/BaseButton' import SectionFullScreen from '../components/SectionFullScreen' import LayoutGuest from '../layouts/Guest' import { getPageTitle } from '../config' import { useAppSelector } from '../stores/hooks' import { mdiBookOpenPageVariant, mdiAccountGroup, mdiChartLine, mdiGithub, mdiTwitter, mdiLinkedin, } from '@mdi/js' import BaseIcon from '../components/BaseIcon' import PublicCourseList from '../components/Courses/PublicCourseList' export default function Landing() { const textColor = useAppSelector((state) => state.style.linkColor) const title = 'CourseFlow LMS' const features = [ { icon: mdiBookOpenPageVariant, title: 'Interactive Courses', description: 'Engage your learners with rich multimedia content, quizzes, and assignments.', }, { icon: mdiAccountGroup, title: 'User Management', description: 'Easily manage users, roles, and permissions with our flexible system.', }, { icon: mdiChartLine, title: 'Progress Tracking', description: 'Monitor learner progress with detailed analytics and reporting tools.', }, ] const socialLinks = [ { href: 'https://github.com', icon: mdiGithub }, { href: 'https://twitter.com', icon: mdiTwitter }, { href: 'https://linkedin.com', icon: mdiLinkedin }, ] return (
{getPageTitle('Welcome')}

Welcome to {title}

A modern and flexible platform for your online courses.

Why Choose Us?

Everything you need to create and manage your online learning experience.

{features.map((feature, index) => (

{feature.title}

{feature.description}

))}
) } Landing.getLayout = function getLayout(page: ReactElement) { return {page} }