// import custom components
import HeroTypedMentors from 'components/marketing/common/hero-sections/HeroTypedMentors';

// import required data files
import MentorListData from 'data/marketing/mentor/MentorListData';

export const Hero1Example = () => {
    return <HeroTypedMentors
        title='Learn a new skill, launch a project, land your dream career.'
        typedBefore='1-on-1'
        typedArray={['Javascript', 'Startup', 'React', 'Marketing', 'Branding']}
        typedAfter='Mentorship'
        tags={['Frontend', 'Devops', 'UI/UX designer', 'Data Science', 'Full Stack', 'Backend', 'Data Analyst']}
        marqueeData={MentorListData}
    />
}

// import custom components
import HeroEducationRightImage from "components/marketing/common/hero-sections/HeroEducationRightImage";

export const Hero2Example = () => {
    return <HeroEducationRightImage
        headingPart1='Learn today’s most in-'
        headingPart2='demand-skills'
        description='Classes & Courses website template to start creating your stunning website. All templates are fully customizable.'
        bulletArray={['No credit card required', 'Customer service 24/7', 'No setup fee', 'Cancel any time']}
        buttonText='Explore Online Courses'
        buttonLink='#'
    />
}

// import custom components
import HeroAcademy from "components/marketing/common/hero-sections/HeroAcademy";

export const Hero3Example = () => {
    return <HeroAcademy
        bulletArray={['Most trusted education platform']}
        title='Grow your skills and advance career'
        description='Start, switch, or advance your career with more than 5,000 courses, Professional Certificates, and degrees from world-class universities and companies.'
        buttonText='Join Free Now'
        buttonLink='#'
        youTubeVideoID='JRzWRZahOVU' />
}

// import custom components
import HeroFindJobs from "components/marketing/common/hero-sections/HeroFindJobs";

export const Hero4Example = () => {
    return <HeroFindJobs
        title='Find your dream job that you love to do.'
        description='The largest remote work community in the world. Sign up and post a job or create your developer profile.'
        totalJobs={30642}
        totalCompanies={5717}
    />
}

// import custom components
import HeroGradient from 'components/marketing/common/hero-sections/HeroGradient';

// import required data files
import LogoList2 from 'data/marketing/clientlogos/LogoList2';

export const Hero5Example = () => {
    return <HeroGradient
        title='Modern web apps shipped faster'
        bulletArray={['Simple to use, beautiful UI design', 'Complete complex project with ease', 'An intuitive admin app for developers']}
        buttonText='Get started for Free'
        buttonLink='#'
        hrefText='Questions? Talk to an expert'
        hrefLink='#'
        logos={LogoList2}
    />
}

// import custom components
import HeroFormCenter from "components/marketing/common/hero-sections/HeroFormCenter";

export const Hero6Example = () => {
    return <HeroFormCenter
        badgeText='<span class="fw-bold">Beta-v2.0.0 </span> - Just shipped version'
        title='Request Access for Product'
        description='Geeks is a customizable, Bootstrap based UI Kits and Templates for Developers.'
        promotionalText='Rated 5 Stars <span class="text-muted">by over</span> <span class="text-primary"> 100+ Users</span>'
    />
}

// import custom components
import HeroFormRight from "components/marketing/common/hero-sections/HeroFormRight";

export const Hero7Example = () => {
    return <HeroFormRight
        title='Become a Vanilla JavaScript Developer'
        description='In this tutorial, we are going to learn about JavaScript (Vanilla JS) - for building incredible, powerful JavaScript applications.'
        hours={4}
        videos={12}
        enrolled={10234}
        buttonText='Watch Preview'
        buttonLink='#'
    />
}

// import custom components
import HeroTypedCourses from "components/marketing/common/hero-sections/HeroTypedCourses";

export const Hero8Example = () => {
    return <HeroTypedCourses
        typedBefore='Build Better'
        typedArray={['Skills', 'Products', 'Teams', 'Future']}
        description='Build skills with courses Join Geeks to watch, play, learn, make, and discover, uscipit esi viimentum laoreet non et odio.'
        bulletArray={['30,000 online courses', 'Expert instruction', 'Lifetime access']}
        buttonText1='View Plans'
        buttonLink1='#'
        buttonText2='Try for Free'
        buttonLink2='#'
    />
}

// import custom components
import HeroHeaderDefault from "components/marketing/pages/courses/course-index/HeroHeaderDefault";

export const Hero9Example = () => {
    return <HeroHeaderDefault
        title='Welcome to Geeks UI Learning Application'
        description='Hand-picked Instructor and expertly crafted courses, designed for the modern students and entrepreneur.'
        buttonText1='Browse Courses'
        buttonLink1='/marketing/courses/course-filter-page/'
        buttonText2='Are You Instructor?'
        buttonLink2='/authentication/sign-in/'
    />
}