import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";

export const metadata = {
  title: "Terms & Conditions | Lynkedup Technologies",
  description: "Our terms of service.",
};

export default function TermsPage() {
  return (
    <>
      <Header />

      {/* HERO SECTION */}
      <section
        className="ux-project-hero"
        style={{
          backgroundImage: "url('/assets/brandback.png')",
          backgroundSize: "cover",
          backgroundPosition: "center",
          backgroundRepeat: "no-repeat",
          padding: "180px 0 120px",
          position: "relative",
        }}
      >
        <div className="overlay"></div>

        <div className="container position-relative">
          <div className="ux-project-content text-center">
            <p className="mini-title" data-aos="fade-down" data-aos-duration="700">LEGAL</p>

            <h1 className="ux-project-title" data-aos="fade-up" data-aos-delay="100">Terms & Conditions</h1>

            <p className="ux-project-subtitle" data-aos="fade-up" data-aos-delay="200">
              Please read these terms carefully before using our
              services, digital platforms, products, or engaging
              with Lynkedup Technologies.
            </p>
          </div>
        </div>
      </section>

      {/* TERMS SECTION */}
      <section className="terms-section">
        <div className="container">
          <div className="terms-wrapper">

            <div className="terms-card" data-aos="fade-up">
              <h2>1. Acceptance Of Terms</h2>

              <p>
                By accessing, browsing, or using Lynkedup Technologies’
                website, products, or services, you acknowledge that
                you have read, understood, and agreed to be bound by
                these Terms & Conditions.
              </p>

              <p>
                If you do not agree with any part of these terms,
                please discontinue the use of our website and services
                immediately.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>2. Services & Engagement</h2>

              <p>
                Lynkedup Technologies provides digital strategy,
                branding, UI/UX design, web development, software
                solutions, and related consulting services.
              </p>

              <p>
                All project timelines, deliverables, and commercial
                terms are mutually agreed upon before the commencement
                of any engagement.
              </p>

              <p>
                We reserve the right to refuse service, terminate
                projects, or modify scope in cases involving misuse,
                delayed communication, or policy violations.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>3. Intellectual Property</h2>

              <p>
                All content, graphics, branding assets, source code,
                layouts, visuals, and materials created by Lynkedup Technologies remain intellectual property unless
                explicitly transferred through written agreement.
              </p>

              <p>
                Clients may not reproduce, resell, redistribute, or
                reuse proprietary assets without prior written
                permission.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>4. Payment Terms</h2>

              <p>
                Payments must be completed according to the agreed
                project milestones or invoice schedule.
              </p>

              <p>
                Delayed payments may result in paused work, restricted
                access to deliverables, or project suspension until all
                outstanding balances are cleared.
              </p>

              <p>
                All advance payments and deposits are non-refundable
                unless otherwise stated in writing.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>5. Client Responsibilities</h2>

              <p>
                Clients are responsible for providing accurate project
                requirements, approvals, assets, and timely feedback.
              </p>

              <p>
                Delays caused by missing content, communication gaps,
                or repeated scope changes may affect project timelines
                and additional costs may apply.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>6. Limitation Of Liability</h2>

              <p>
                Lynkedup Technologies shall not be held liable for any
                indirect, incidental, special, or consequential damages
                arising from the use or inability to use our services,
                products, or platforms.
              </p>

              <p>
                We do not guarantee uninterrupted functionality,
                third-party integrations, or error-free digital
                experiences under all circumstances.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>7. Privacy & Data Usage</h2>

              <p>
                We respect client confidentiality and handle data in
                accordance with our privacy practices.
              </p>

              <p>
                Any sensitive information shared during project
                collaboration will not be disclosed to unauthorized
                third parties without consent unless legally required.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>8. Changes To Terms</h2>

              <p>
                Lynkedup Technologies reserves the right to update,
                revise, or modify these Terms & Conditions at any time
                without prior notice.
              </p>

              <p>
                Continued use of our services after updates implies
                acceptance of the revised terms.
              </p>
            </div>

            <div className="terms-card" data-aos="fade-up">
              <h2>9. Contact Information</h2>

              <p>
                If you have any questions regarding these Terms &
                Conditions, feel free to contact our team through the
                official communication channels available on our
                website.
              </p>
            </div>

          </div>
        </div>
      </section>

      <Footer />

      {/* PAGE CSS */}
    
    </>
  );
}