frontend/src/components/Intro.jsx

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

const Intro = () => (
  <Box sx={{ textAlign: "center", mb: 8 }}>
    <Box
      sx={{ height: "60px", mb: 4, display: "flex", justifyContent: "center" }}
    >
      <HFLogo />
    </Box>
    <h1>Yourbench Demo</h1>
    <p>
      YourBench is an <b>open-source framework</b> for generating{" "}
      <b>domain-specific benchmarks</b> in a <b>zero-shot</b> manner. It aims to
      keep your large language models on their toes—even as new data sources,
      domains, and knowledge demands evolve.
    </p>
  </Box>
);

export default Intro;