src/pages/About.jsx

import { Container, Typography, Box, Link } from '@mui/material';
import { styled } from '@mui/system';

const Section = styled('section')(({ theme }) => ({
  marginBottom: theme.spacing(6),
}));

const About = () => {
  return (
    <Container maxWidth="md" sx={{ py: 4 }}>
      <Section>
        <Typography variant="h3" component="h1" gutterBottom sx={{ fontWeight: 700 }}>
          About EnlightenQalb
        </Typography>
        <Typography variant="body1" paragraph>
          EnlightenQalb (Enlighten the Heart) is a project that brings the timeless wisdom of 
          Imam Al-Ghazali to the modern age through advanced semantic search technology.
        </Typography>
      </Section>

      <Section>
        <Typography variant="h4" component="h2" gutterBottom sx={{ fontWeight: 600 }}>
          The Technology
        </Typography>
        <Typography variant="body1" paragraph>
          Our platform uses state-of-the-art sentence embedding models (UAE-Large and BGE-Large) 
          to find the most relevant passages from Al-Ghazali's "The Alchemy of Happiness" 
          in response to your spiritual queries.
        </Typography>
        <Typography variant="body1" paragraph>
          The backend employs cosine similarity to match your questions with the most appropriate 
          sections of the text, providing you with direct access to the Imam's guidance.
        </Typography>
      </Section>

      <Section>
        <Typography variant="h4" component="h2" gutterBottom sx={{ fontWeight: 600 }}>
          The Book
        </Typography>
        <Typography variant="body1" paragraph>
          "The Alchemy of Happiness" (Kimiya-yi Sa'ādat) is a Persian work by the famous 
          Islamic theologian and philosopher Imam Abu Hamid al-Ghazali. The book emphasizes 
          the importance of observing the ritual requirements of Islam and the actions that 
          would lead to happiness in the afterlife.
        </Typography>
      </Section>

      <Section>
        <Typography variant="h4" component="h2" gutterBottom sx={{ fontWeight: 600 }}>
          The Team
        </Typography>
        <Typography variant="body1" paragraph>
          EnlightenQalb is developed by HumbleBeeAI, a team passionate about making classical 
          Islamic knowledge more accessible through modern technology.
        </Typography>
      </Section>

      <Box sx={{ mt: 4 }}>
        <Typography variant="body2">
          For more information about the technical implementation, visit our{' '}
          <Link href="https://github.com/humblebeeintel/gazzoliy-therapy" target="_blank">
            GitHub repository
          </Link>.
        </Typography>
      </Box>
    </Container>
  );
};

export default About;