import type { Metadata } from 'next';
import Navbar from '@/components/Navbar';
import Footer from '@/components/Footer';

export const metadata: Metadata = {
  title: 'Terms and Conditions — Bitsia IT Solutions',
  description: 'Terms and Conditions for Bitsia IT Solutions services.',
};

export default function TermsAndConditions() {
  return (
    <>
      <Navbar />
      <main style={{ paddingTop: 90, minHeight: 'calc(100vh - 90px)', backgroundColor: '#fff' }}>
        <div
          style={{
            maxWidth: 860,
            margin: '0 auto',
            padding: '60px 24px 80px',
            color: '#001545',
            fontFamily: "'canada-type-gibson', 'Helvetica Neue', Arial, sans-serif",
          }}
        >
          {/* Header */}
          <div style={{ borderBottom: '3px solid #d85218', paddingBottom: 24, marginBottom: 40 }}>
            <p style={{ fontSize: '0.75em', letterSpacing: '2px', textTransform: 'uppercase', color: '#d85218', marginBottom: 8, fontWeight: 700 }}>
              Legal
            </p>
            <h1 style={{ fontSize: '2.5em', fontWeight: 700, margin: 0, lineHeight: 1.15 }}>
              Terms and Conditions
            </h1>
            <p style={{ marginTop: 12, color: '#555', fontSize: '0.9em' }}>
              Last updated: January 1, 2024
            </p>
          </div>

          {/* Content */}
          <div style={{ lineHeight: 1.8, fontSize: '1em', color: '#333' }}>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>1. Acceptance of Terms</h2>
              <p style={p}>
                By accessing or using the services provided by Bitsia IT Solutions ("Bitsia", "we", "our", or "us"),
                you agree to be bound by these Terms and Conditions. If you do not agree to these terms, please do not
                use our services.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>2. Services</h2>
              <p style={p}>
                Bitsia IT Solutions provides web development, graphic design, internet marketing, mobile application
                development, and related IT consulting services. The specific scope of services for each engagement is
                defined in a separate Statement of Work or project agreement signed by both parties.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>3. Client Responsibilities</h2>
              <p style={p}>
                Clients agree to provide timely feedback, necessary materials, and access required to complete the
                project. Delays caused by the client may result in adjusted timelines and, where applicable, additional
                fees. The client is solely responsible for the accuracy and legality of all content they provide.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>4. Payment Terms</h2>
              <p style={p}>
                Payment terms are specified in the individual project agreement. Unless otherwise agreed in writing,
                invoices are due within 14 days of receipt. Late payments may incur a monthly interest charge of 1.5%
                on the outstanding balance. Bitsia reserves the right to suspend work on a project if payments are
                more than 30 days overdue.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>5. Intellectual Property</h2>
              <p style={p}>
                Upon receipt of full payment, the client is granted ownership of the final deliverables as specified
                in the project agreement. Bitsia retains the right to display the work in its portfolio unless the
                client requests otherwise in writing. All third-party assets (fonts, stock images, plugins) remain
                subject to their respective licenses.
              </p>
              <p style={p}>
                Any proprietary tools, frameworks, or methodologies developed by Bitsia and used in the project
                remain the intellectual property of Bitsia.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>6. Confidentiality</h2>
              <p style={p}>
                Both parties agree to keep confidential all non-public information exchanged during the course of the
                project. This obligation survives termination of the engagement for a period of three (3) years.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>7. Warranties and Disclaimers</h2>
              <p style={p}>
                Bitsia warrants that services will be performed in a professional manner consistent with industry
                standards. We do not warrant that our deliverables will be error-free or uninterrupted after delivery.
                All other warranties, express or implied, are disclaimed to the fullest extent permitted by law.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>8. Limitation of Liability</h2>
              <p style={p}>
                To the maximum extent permitted by applicable law, Bitsia's total liability for any claim arising out
                of or related to our services shall not exceed the total fees paid by the client in the six (6) months
                preceding the claim. In no event shall Bitsia be liable for indirect, incidental, special, or
                consequential damages.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>9. Termination</h2>
              <p style={p}>
                Either party may terminate an engagement with 14 days' written notice. Upon termination, the client
                shall pay for all work completed up to the termination date. Bitsia will deliver all completed work
                product upon receipt of final payment.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>10. Governing Law</h2>
              <p style={p}>
                These Terms and Conditions shall be governed by and construed in accordance with applicable law.
                Any disputes arising under these terms shall be subject to the exclusive jurisdiction of the competent
                courts in the jurisdiction where Bitsia IT Solutions is registered.
              </p>
            </section>

            <section style={{ marginBottom: 40 }}>
              <h2 style={h2}>11. Changes to These Terms</h2>
              <p style={p}>
                Bitsia reserves the right to update these Terms and Conditions at any time. Continued use of our
                services after changes are posted constitutes acceptance of the revised terms. We will make reasonable
                efforts to notify existing clients of material changes.
              </p>
            </section>

            <section style={{ marginBottom: 0 }}>
              <h2 style={h2}>12. Contact</h2>
              <p style={p}>
                For questions regarding these Terms and Conditions, please contact us through the{' '}
                <a href="/#contact-us" style={{ color: '#d85218', textDecoration: 'none', fontWeight: 600 }}>
                  contact form
                </a>{' '}
                on our website.
              </p>
            </section>

          </div>
        </div>
      </main>
      <Footer />
    </>
  );
}

const h2: React.CSSProperties = {
  fontSize: '1.2em',
  fontWeight: 700,
  color: '#001545',
  marginBottom: 10,
  marginTop: 0,
};

const p: React.CSSProperties = {
  marginTop: 0,
  marginBottom: 16,
};