"use client";

import HeroSection from "@/components/HeroSection";

export const termsAndConditionsContent = [
  {
    id: "about",
    title: "About Lodging System",
    content:
      "Lodging System provides hospitality management software and related digital solutions designed for hotels, motels, small hotels, alternative accommodations, and property groups.",
    list: [
      "Property management tools",
      "Reservation management",
      "Guest communication features",
      "Payment integrations",
      "Channel management",
      "Operational automation",
      "Reporting and analytics",
      "Demo scheduling and consultation services",
    ],
  },

  {
    id: "acceptance",
    title: "Acceptance of Terms",
    content:
      "By using our website or submitting information through our forms, you confirm that:",
    list: [
      "You are at least 18 years old",
      "The information you provide is accurate",
      "You are authorized to act on behalf of your business or property",
      "You agree to comply with these Terms & Conditions",
    ],
    footer:
      "If you do not agree with these Terms, please do not use our website or services.",
  },

  {
    id: "demo-requests",
    title: "Demo Requests",
    content:
      "When requesting a demo through our website, we may ask for the following information:",
    list: [
      "Business type",
      "Property or hotel name",
      "Property type",
      "Number of rooms",
      "Country",
      "Contact name",
      "Job role",
      "Email address",
      "Phone number",
      "Preferred language",
    ],
    subContent: "This information is used solely to:",
    subList: [
      "Schedule and personalize demonstrations",
      "Understand your business requirements",
      "Contact you regarding your request",
      "Improve our services and customer experience",
    ],
    footer:
      "Submitting a demo request does not create a binding contract or guarantee service availability.",
  },

  {
    id: "contact-form",
    title: "Contact Form Submissions",
    content: "When contacting us through our website, you may provide:",
    list: ["Name", "Email address", "Subject", "Message or comments"],
    subContent: "You agree not to submit:",
    subList: [
      "False or misleading information",
      "Offensive or unlawful content",
      "Spam or promotional material",
      "Malicious code or harmful attachments",
    ],
    footer:
      "We reserve the right to ignore or remove inappropriate submissions.",
  },

  {
    id: "website-use",
    title: "Use of the Website",
    content:
      "You agree to use our website only for lawful purposes and in a way that does not:",
    list: [
      "Violate any applicable laws or regulations",
      "Harm, disrupt, or interfere with our services",
      "Attempt unauthorized access to systems or data",
      "Copy, scrape, or misuse website content",
      "Impersonate another person or organization",
    ],
    footer: "We may suspend or restrict access if misuse is detected.",
  },

  {
    id: "intellectual-property",
    title: "Intellectual Property",
    content: "All content on this website, including but not limited to:",
    list: [
      "Text",
      "Branding",
      "Logos",
      "Graphics",
      "UI designs",
      "Software elements",
      "Images",
      "Product descriptions",
    ],
    footer:
      "is the property of Lodging System or its licensors and is protected by intellectual property laws. You may not reproduce, distribute, modify, or commercially use any content without prior written permission.",
  },

  {
    id: "third-party",
    title: "Third-Party Integrations",
    content: "Our platform may integrate with third-party services such as:",
    list: [
      "Booking platforms",
      "Payment providers",
      "Communication tools",
      "Analytics services",
      "Hospitality software",
    ],
    subContent: "We are not responsible for:",
    subList: [
      "Third-party service interruptions",
      "External platform policies",
      "Data practices of third-party providers",
      "Compatibility issues caused by external systems",
    ],
    footer:
      "Use of third-party services may also be subject to their own terms and policies.",
  },

  {
    id: "service-availability",
    title: "Service Availability",
    content:
      "We aim to maintain reliable and uninterrupted services; however, we do not guarantee:",
    list: [
      "Continuous website availability",
      "Error-free operation",
      "Uninterrupted access",
      "Compatibility with every device or browser",
    ],
    footer:
      "We may modify, update, suspend, or discontinue parts of the service at any time without prior notice.",
  },

  {
    id: "liability",
    title: "Limitation of Liability",
    content:
      "To the maximum extent permitted by law, Lodging System shall not be liable for:",
    list: [
      "Indirect or consequential damages",
      "Loss of profits or revenue",
      "Business interruption",
      "Data loss",
      "Service delays",
      "Third-party failures",
    ],
    footer: "Your use of the website and services is at your own risk.",
  },

  {
    id: "privacy",
    title: "Privacy",
    content:
      "Your use of our website is also governed by our Privacy Policy. By using our website, you consent to the collection and use of information as described in that policy.",
  },

  {
    id: "data-accuracy",
    title: "Data Accuracy",
    content:
      "You are responsible for ensuring that the information submitted through our forms is accurate and up to date.",
    footer:
      "We are not responsible for issues resulting from incorrect or incomplete information provided by users.",
  },

  {
    id: "changes",
    title: "Changes to These Terms",
    content:
      "We may update these Terms & Conditions from time to time to reflect:",
    list: [
      "Service updates",
      "Legal requirements",
      "Operational changes",
      "Security improvements",
    ],
    footer:
      "Updated versions will be posted on this page with a revised effective date.",
  },

  {
    id: "termination",
    title: "Termination",
    content:
      "We reserve the right to restrict or terminate access to our website or services if:",
    list: [
      "These Terms are violated",
      "Fraudulent activity is detected",
      "Misuse of the platform occurs",
      "Security risks arise",
    ],
  },

  {
    id: "governing-law",
    title: "Governing Law",
    content:
      "These Terms & Conditions shall be governed by and interpreted in accordance with the applicable laws and regulations of the jurisdiction in which Lodging System operates.",
  },

  {
    id: "contact-us",
    title: "Contact Us",
    content:
      "If you have questions regarding these Terms & Conditions, please contact us through our Contact page or official support channels.",
  },
];

export default function TermsConditions() {
  return (
    <div className="">
      <HeroSection
        titleStart=""
        titleHighlight="Terms and Conditions"
        titleEnd=""
        description="Welcome to Lodging System. These Terms & Conditions govern your access to and use of our website, services, software platform, and related features. By accessing or using our website, or interacting with our services, you agree to these Terms."
      />

      <div className="w-full bg-[#F8F8F6] px-[20px] sm:px-[30px] md:px-[60px] lg:px-[110px] xl:px-[135px] py-[40px] lg:py-[80px] xl:py-[100px] flex gap-5">
        <div className="w-full rounded-[14px] md:rounded-[20px] lg:rounded-[28px] bg-white border border-[#E7E4DD] p-4 md:p-5 lg:p-10 flex flex-col gap-10">
          {termsAndConditionsContent.map((section, index) => (
            <div key={section.id} className="flex flex-col gap-3">
              {/* Title */}
              <h2 className="text-lg md:text-2xl font-semibold tracking-tight text-[#6948CD] lg:text-3xl">
                {index + 1}. {section.title}
              </h2>

              {/* Main Content */}
              {section.content && (
                <p className="text-sm sm:text-base leading-[18px] lg:leading-[22px] text-[#525252]">
                  {section.content}
                </p>
              )}

              {/* Main List */}
              {section.list && (
                <ul className="space-y-1">
                  {section.list.map((item, itemIndex) => (
                    <li
                      key={itemIndex}
                      className="flex items-center gap-2 sm:gap-3 text-[#3F3F3F]"
                    >
                      <span className="h-2 w-2 rounded-full bg-[#F29A2E] shrink-0" />

                      <span className="text-sm sm:text-base leading-[18px] lg:leading-[22px]">
                        {item}
                      </span>
                    </li>
                  ))}
                </ul>
              )}

              {/* Sub Content */}
              {section.subContent && (
                <p className="text-sm sm:text-base leading-[18px] lg:leading-[22px] text-[#525252]">
                  {section.subContent}
                </p>
              )}

              {/* Sub List */}
              {section.subList && (
                <ul className="space-y-1">
                  {section.subList.map((item, itemIndex) => (
                    <li
                      key={itemIndex}
                      className="flex items-center gap-2 sm:gap-3 text-[#3F3F3F]"
                    >
                      <span className="h-2 w-2 rounded-full bg-[#8B5CF6] shrink-0" />

                      <span className="text-sm sm:text-base leading-[18px] lg:leading-[22px]">
                        {item}
                      </span>
                    </li>
                  ))}
                </ul>
              )}

              {/* Footer */}
              {section.footer && (
                <p className="text-sm sm:text-base leading-[18px] lg:leading-[22px] text-[#3F3F3F]">
                  {section.footer}
                </p>
              )}
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}