import data from '@/data/data' ; import DashboardCard from '@/components/dashboardCard' ; const HomeSecondSection = ( ) => ( < section className = "mb-16 md:mb-32" > < h2 className = "text-center text-3xl font-bold" > Discover Our Current < br / > Trends < /h2> < div className = "flex flex-wrap mt-12" > { data . slice ( 3 , 6 ) . map ( ( dash ) => ( < DashboardCard key = { dash . id } data = { dash } className = "pb-12 w-full md:p-3 md:pb-0 md:w-4/12" / > ) ) } < /div> < /section>); export default HomeSecondSection ;