Hugging Face's logo

Spaces:
HumbleBeeAI
/
enlighten-qalb
Running

App Files Community
enlighten-qalb
File size: 2,251 Bytes 
3299552
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
import React from 'react';
import { Box, Typography, Link, Divider, IconButton } from '@mui/material';
import { GitHub, Twitter, Book } from '@mui/icons-material';
import styled from '@emotion/styled';

const FooterContainer = styled(Box)(({ theme }) => ({
  padding: theme.spacing(4),
  backgroundColor: theme.palette.background.paper,
  marginTop: 'auto',
}));

const Footer = () => {
  return (
    <FooterContainer component="footer">
      <Divider sx={{ mb: 3 }} />
      <Box
        display="flex"
        flexDirection={{ xs: 'column', md: 'row' }}
        justifyContent="space-between"
        alignItems="center"
        gap={2}
      >
        <Box>
          <Typography variant="h6" color="primary" gutterBottom>
            EnlightenQalb
          </Typography>
          <Typography variant="body2" color="textSecondary">
            Exploring the wisdom of Al-Ghazali through modern AI
          </Typography>
        </Box>

        <Box display="flex" gap={2}>
          <IconButton 
            aria-label="GitHub" 
            href="https://github.com/humblebeeintel" 
            target="_blank"
            rel="noopener"
          >
            <GitHub />
          </IconButton>
          <IconButton 
            aria-label="Twitter" 
            href="https://twitter.com/your-handle" 
            target="_blank"
            rel="noopener"
          >
            <Twitter />
          </IconButton>
          <IconButton 
            aria-label="Original Text" 
            href="https://www.goodreads.com/book/show/27167514-the-alchemy-of-happiness" 
            target="_blank"
            rel="noopener"
          >
            <Book />
          </IconButton>
        </Box>

        <Box textAlign={{ xs: 'center', md: 'right' }}>
          <Typography variant="caption" display="block" color="textSecondary">
            © {new Date().getFullYear()} EnlightenQalb
          </Typography>
          <Typography variant="caption" display="block" color="textSecondary">
            <Link href="/privacy" color="inherit">Privacy Policy</Link> | {' '}
            <Link href="/terms" color="inherit">Terms</Link>
          </Typography>
        </Box>
      </Box>
    </FooterContainer>
  );
};

export default Footer;