Expertise Data - Copy this React, Tailwind Component to your project

Use next js, tailwind css, framer motion and shadcn and do the following: Generate a page for a lawyer website, the component name is experties. the component should mention a lawyers expertise. there should be a total of 8 experties, aligned as 4 in a column making a total of 2 columns. each experty should appear after the previous one. use animation and beutiful UI. the component should be responsive on mobile, tablet and largeer screens