import Link from 'next/link'

export default function HomeCommunitySection() {
    return (
        <>

            <div className="team10-section-area  sp1">
                <div className="container">
                    <div className="row">
                        <div className="col-lg-12 m-auto">
                            <div className="heading2 space-margin60">
                                {/* <h5><img src="/assets/img/icons/sub-logo1.svg" alt="" />our speaker</h5>
                                <div className="space20" /> */}
                                <h2>Community</h2>
                            </div>
                        </div>
                    </div>
                    <div className="row gx-5">

                        <div className="col-lg-10">
                            <div className="row">
                                <div className="col-lg-4 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                            <img src="/assets/img/home/community/recipes.webp" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="/community/recipes">Recipes</Link>
                                            {/* <div className="space16" /> */}
                                            {/* <p>AI Research Lead</p> */}
                                        </div>
                                    </div>
                                </div>
                                <div className="col-lg-4 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                            <img src="/assets/img/home/community/cricket.webp" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="community/cricket-club">Cricket Club</Link>
                                            {/* <div className="space16" /> */}
                                            {/* <p>Cybersecurity Expert</p> */}
                                        </div>
                                    </div>
                                </div>
                                <div className="col-lg-4 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                             <img src="/assets/img/home/community/badminton.webp" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="/community/badminton-club">Badminton Club</Link>
                                            {/* <div className="space16" /> */}
                                            {/* <p>Branding</p> */}
                                        </div>
                                    </div>
                                </div>
                                <div className="col-lg-4 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                            <img src="/assets/img/home/community/business-directory.webp" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="/community/business-directory">Business Directory</Link>
                                            {/* <div className="space16" /> */}
                                            {/* <p>Quantum Technologies</p> */}
                                        </div>
                                    </div>
                                </div>
                                <div className="col-lg-4 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                             <img src="/assets/img/home/community/tamil-school.webp" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="/community/tamil-school">Tamil School</Link>
                                            {/* <div className="space16" /> */}
                                            {/* <p>GreenTech Innovations</p> */}
                                        </div>
                                    </div>
                                </div>
                                <div className="col-lg-4 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                              <img src="/assets/img/home/community/relief-fund.webp" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="/community/global-relief-fund">Global Relief Fund</Link>
                                            {/* <div className="space16" />
                                            <p>Head of User Experience</p> */}
                                        </div>
                                    </div>
                                </div>
                                {/* <div className="col-lg-3 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                            <img src="/assets/img/all-images/team/team-img43.png" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="/speakers-single">Dennis Callis</Link>
                                            <div className="space16" />
                                            <p>GreenTech Innovations</p>
                                        </div>
                                    </div>
                                </div>
                                <div className="col-lg-3 col-md-6">
                                    <div className="team10-widget-boxarea2">
                                        <div className="img1 image-anime">
                                            <img src="/assets/img/all-images/team/team-img44.png" alt="" />
                                        </div>
                                        <div className="text-area">
                                            <Link href="/speakers-single">Chris Glasser</Link>
                                            <div className="space16" />
                                            <p>Head of User Experience</p>
                                        </div>
                                    </div>
                                </div> */}
                            </div>
                        </div>

                        <div className='col-2'>
                            <div className="memory-boxarea pl-3">
                                <div className="img1" data-aos="zoom-in" data-aos-duration={1000} >
                                    <img src="/assets/img/home/ad-banner/TCA-Web-Banner-Large.jpg" alt="" style={{height:"830px"}} />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </>
    )
}