TamilCulturalAssociation/components/home/HomeCommunitySection.tsx
2025-07-11 19:12:29 +05:30

136 lines
7.9 KiB
TypeScript

import Link from 'next/link'
export default function HomeCommunitySection() {
return (
<>
<div className="team10-section-area sp4">
<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>
</>
)
}