import React from 'react';
import { Container, Typography, Box, Paper, Divider } from '@mui/material';
import SEOHelmet from '../../../components/common/SEOHelmet';

export const TermsConditionsPage: React.FC = () => {
  return (
    <Container maxWidth="md" sx={{ py: 8 }}>
      <SEOHelmet
        title="Terms & Conditions | Mani Candles"
        description="Read the terms of service governing retail shopping, B2B wholesale transactions, custom candle builder policies, and dispute resolution."
      />
      <Box sx={{ mb: 6, textAlign: 'center' }}>
        <Typography variant="overline" color="primary" sx={{ letterSpacing: '0.15em', fontWeight: 600 }}>
          Legal & Compliance
        </Typography>
        <Typography variant="h2" sx={{ mt: 1, color: 'secondary.main' }}>
          Terms & Conditions
        </Typography>
        <Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}>
          Last Updated: July 5, 2026
        </Typography>
      </Box>

      <Paper variant="outlined" sx={{ p: { xs: 3, md: 5 }, borderRadius: 3, backgroundColor: '#FFFFFF', border: '1px solid #E6DFD5' }}>
        <Typography variant="h5" sx={{ color: 'secondary.main', mb: 2, fontWeight: 500 }}>
          1. Terms of Use
        </Typography>
        <Typography variant="body1" color="text.secondary" component="p" sx={{ mb: 4 }}>
          By accessing and browsing this website, or utilizing our interactive custom candle customized workspace, you agree to comply with our Terms & Conditions. These terms apply to all visitors, B2C retail shoppers, and B2B corporate buyers.
        </Typography>

        <Divider sx={{ my: 4, borderColor: '#E6DFD5' }} />

        <Typography variant="h5" sx={{ color: 'secondary.main', mb: 2, fontWeight: 500 }}>
          2. Custom Candle Builder & Intellectual Property
        </Typography>
        <Typography variant="body1" color="text.secondary" component="p">
          When you use our Custom Candle Builder to input personalized text, upload branding files, or specify fragrance names:
        </Typography>
        <Typography variant="body2" color="text.secondary" component="div" sx={{ pl: 2, mb: 4 }}>
          <ul>
            <li>You warrant that you own or have the proper license for any brand logos or text uploaded.</li>
            <li>We reserve the right to refuse printing any labels containing hate speech, copyrighted brands, or offensive phrasing.</li>
            <li>Customized orders cannot be cancelled or refunded once wax pouring and printing have begun.</li>
          </ul>
        </Typography>

        <Divider sx={{ my: 4, borderColor: '#E6DFD5' }} />

        <Typography variant="h5" sx={{ color: 'secondary.main', mb: 2, fontWeight: 500 }}>
          3. B2B Wholesale Accounts
        </Typography>
        <Typography variant="body1" color="text.secondary" component="p" sx={{ mb: 4 }}>
          Our B2B prices are reserved strictly for registered businesses with a valid GSTIN number in India. All corporate quotes are valid for 30 calendar days. Bulk shipments are dispatched only upon receipt of 100% advance payments unless credit terms have been formally approved in writing.
        </Typography>

        <Divider sx={{ my: 4, borderColor: '#E6DFD5' }} />

        <Typography variant="h5" sx={{ color: 'secondary.main', mb: 2, fontWeight: 500 }}>
          4. Jurisdiction
        </Typography>
        <Typography variant="body1" color="text.secondary" sx={{ lineHeight: 1.6 }}>
          These terms shall be governed by and construed in accordance with the laws of India. Any disputes arising out of your purchases or use of this website shall be subject to the exclusive jurisdiction of the courts located in Ernakulam, Kerala, India.
        </Typography>
      </Paper>
    </Container>
  );
};

export default TermsConditionsPage;
