added accordion, content

src/pages/projects/Projects.jsx

@@ -1,33 +1,14 @@
 import React from 'react';
-import { Grid } from '@mui/material';
-import ProjectData from 'data/Data';
-import MainCard from 'components/main-card/MainCard';
+import { FreeCodeCampData, JavaData, WebsitesData } from 'data/Data';
+import MainAccordion from 'components/main-accordion/MainAccordion';
 
 const Projects = () => {
 	return (
-		<Grid
-			container
-			direction='row'
-			alignItems='flex-start'
-			justifyContent='baseline'
-			spacing={4}
-			sx={{ my: 1 }}>
-			{ProjectData.map((project) => (
-				<Grid
-					item
-					xs={12}
-					sm={6}
-					md={4}
-					key={project.title}
-					sx={{ alignItems: 'center', justifyContent: 'center' }}>
-					<MainCard
-						imageURL={project.imageURL}
-						title={project.title}
-						description={project.description}
-					/>
-				</Grid>
-			))}
-		</Grid>
+		<>
+			<MainAccordion items={FreeCodeCampData} title='Free Code Camp' />
+			<MainAccordion items={JavaData} title='Java' />
+			<MainAccordion items={WebsitesData} title='Websites' />
+		</>
 	);
 };