Team

// import node module libraries
import Link from 'next/link';
import { Col, Row, Container, Image } from 'react-bootstrap';

// import widget/custom components
import { GKTippy } from 'widgets';

// import data files
import OurTeamData from 'data/about/AboutusOurTeamData';

export const Team1Example = () => {
    return (
        <section className="py-lg-16 py-10 bg-white">
            <Container>
                <Row>
                    <Col md={6} sm={12} className="offset-right-md-6 mb-10">
                        <h2 className="display-4 mb-3 fw-bold">Our Team</h2>
                        <p className="lead mb-5">Want to work with some of the best global talent and build a tool  used by all the companies you know and love? Join the Geeks team   and help shape the future of design. </p>
                        <Link href="#" className="btn btn-primary"> Openings </Link>
                    </Col>
                </Row>
                <Row>
                    {OurTeamData.map((item, index) => (
                        <Col md={2} sm={3} key={index} className="col-3">
                            <div className="p-xl-5 p-lg-3 mb-3 mb-lg-0">
                                <GKTippy
                                    content={<span>
                                        <span className="fs-4">{item.name} </span> <br />
                                        <span className="fs-4 fw-light">{item.designation} </span>
                                    </span>} >
                                    <Image src={item.image} alt="" className="imgtooltip img-fluid rounded-circle" />
                                </GKTippy>
                            </div>
                        </Col>
                    ))}
                </Row>
            </Container>
        </section>
    );
}

// import node module libraries
import Link from 'next/link';
import { Col, Row, Container } from 'react-bootstrap';

// import widget/custom components
import { InstructorCard, SectionHeadingCenter } from 'widgets';

// import data files
import { InstructorsList } from 'data/courses/LandingCoursesData';

export const Team2Example = () => {
    const title = 'Classes Taught by Industry Expert';
    const subtitle = 'World-class Instructors';
    const description = 'Geeks teachers are icons, experts, and industry rock stars excited to share their experience, wisdom, and trusted tools with you.';
    return (
        <section className="py-8 py-lg-16 bg-light-gradient-top bg-white">
            <Container>
                <SectionHeadingCenter title={title} description={description} subtitle={subtitle} />
                <Row>
                    {InstructorsList.map((item, index) => (
                        <Col key={index} xl={3} lg={4} md={6} sm={12} className='d-xl-block' >
                            <InstructorCard item={item} />
                        </Col>
                    ))}
                </Row>
                <Row>
                    <Col md={12} className="mt-3 text-center">
                        <Link href="#" className="btn btn-primary"> See All Instructors </Link>
                    </Col>
                </Row>
            </Container>
        </section>
    );
}