temp/src/Components/PlayGrounds.jsx

import React from "react";
import { Box } from "@mui/material";
import HomepageCard from "./HomepageCard";

const PlayGrounds = () => {
  const cards = [
    {
      title: "PART - A",
      url: "/Playground/PartA",
    },
    {
      title: "PART - C",
      url: "/Playground/PartC",
    },
    {
      title: "ATTENDENCE",
      url: "/Playground/Attendence",
    },
    {
      title: "Part - A Updated",
      url: "/Playground/updated/PartA",
    },
  ];
  return (
    <>
      <Box className="d-flex justify-content-center text-light bg-primary rounded py-3">
        <h1>Welcome to exampaper.vidh.ai</h1>
      </Box>
      <Box className="p-3" style={{ width: "100%" }}>
        {cards.map((card) => (
          <HomepageCard title={card?.title} url={card?.url} />
        ))}
      </Box>
    </>
  );
};

export default PlayGrounds;