import type { Metadata } from "next";
import Link from "next/link";
import { AlertCircle, ArrowLeft } from "lucide-react";

export const metadata: Metadata = {
  title: "Disclaimer — DriveHub",
  description:
    "DriveHub disclaimer. Important information about the accuracy of car prices and data.",
  robots: { index: true, follow: true },
};

const LAST_UPDATED = "June 2026";

function Section({ title, children }: { title: string; children: React.ReactNode }) {
  return (
    <section className="mb-8">
      <h2 className="text-lg font-black text-gray-900 mb-3">{title}</h2>
      <div className="text-gray-600 leading-relaxed space-y-3">{children}</div>
    </section>
  );
}

export default function DisclaimerPage() {
  return (
    <div className="min-h-screen bg-[#f6f8fc]">
      {/* Hero */}
      <div className="bg-gradient-to-br from-[#0f172a] via-[#172554] to-[#0f766e] py-14">
        <div className="max-w-3xl mx-auto px-4 text-center">
          <div className="w-14 h-14 rounded-2xl bg-white/10 border border-white/20 flex items-center justify-center mx-auto mb-4">
            <AlertCircle className="w-7 h-7 text-cyan-300" />
          </div>
          <h1 className="text-3xl md:text-4xl font-black text-white mb-2">
            Disclaimer
          </h1>
          <p className="text-blue-200 text-sm">Last updated: {LAST_UPDATED}</p>
        </div>
      </div>

      {/* Content */}
      <div className="max-w-3xl mx-auto px-4 py-12">
        <div className="bg-white rounded-[28px] shadow-sm border border-gray-100 p-8 md:p-10">

          {/* Prominent notice */}
          <div className="mb-8 rounded-2xl bg-amber-50 border border-amber-200 px-5 py-4">
            <p className="text-sm font-semibold text-amber-800 leading-relaxed">
              All prices shown on DriveHub are <strong>ex-showroom (indicative)</strong>.
              Actual on-road prices vary based on city, state taxes, registration,
              insurance, and dealer charges. Always confirm prices with an authorised
              dealership before making any purchase decision.
            </p>
          </div>

          <Section title="1. Information Accuracy">
            <p>
              DriveHub strives to provide accurate, up-to-date car specifications,
              prices, and features. However, car manufacturers update their models,
              variants, and pricing frequently. DriveHub cannot guarantee that all
              information is current or error-free at any given time.
            </p>
            <p>
              Information on this platform is for <strong>informational and
              research purposes only</strong> and should not be relied upon as the
              sole basis for any purchase decision.
            </p>
          </Section>

          <Section title="2. Pricing Disclaimer">
            <p>
              Prices displayed are ex-showroom prices sourced from publicly available
              data and may not reflect the latest manufacturer changes.
              On-road prices — which include registration, road tax, insurance,
              handling, and other charges — will be higher and vary by location.
            </p>
            <p>
              DriveHub is not responsible for any discrepancy between prices shown
              on this platform and prices quoted by dealerships.
            </p>
          </Section>

          <Section title="3. Reviews and Recommendations">
            <p>
              Editorial reviews, expert scores, ratings, and recommendation content
              on DriveHub reflect the opinion of our editorial team at the time of
              writing. These opinions do not constitute professional financial,
              investment, or consumer advice.
            </p>
            <p>
              Car suitability for any individual depends on personal requirements,
              budget, and circumstances. DriveHub recommends verifying all claims
              through test drives and direct dealership consultation.
            </p>
          </Section>

          <Section title="4. Third-Party Links and Dealerships">
            <p>
              DriveHub may connect you with authorised dealerships to fulfil pricing
              enquiries. DriveHub does not control, endorse, or take responsibility
              for the actions, offers, or practices of any dealership or third party.
            </p>
          </Section>

          <Section title="5. Mileage and Performance Claims">
            <p>
              Fuel efficiency (mileage) figures are based on manufacturer-claimed
              ARAI or WLTP test cycle values. Real-world mileage varies based on
              driving conditions, traffic, driving style, vehicle load, road
              conditions, and maintenance.
            </p>
          </Section>

          <Section title="6. Safety Ratings">
            <p>
              Safety ratings displayed are from published Global NCAP or BNVSAP
              tests. Ratings are specific to tested configurations and may not
              apply to all market variants. We do not conduct independent safety
              testing.
            </p>
          </Section>

          <Section title="7. Limitation of Liability">
            <p>
              DriveHub, its directors, employees, and affiliates shall not be liable
              for any loss or damage arising from reliance on information published
              on this platform, including but not limited to financial loss, purchase
              dissatisfaction, or damage from inaccurate data.
            </p>
          </Section>

          <Section title="8. Contact">
            <p>
              For questions about this Disclaimer, contact us at{" "}
              <a
                href="mailto:legal@drivehub.in"
                className="text-blue-600 hover:underline"
              >
                legal@drivehub.in
              </a>
              .
            </p>
          </Section>
        </div>

        <div className="mt-8 text-center">
          <Link
            href="/"
            className="inline-flex items-center gap-2 text-sm text-gray-500 hover:text-blue-600 transition-colors"
          >
            <ArrowLeft className="w-4 h-4" />
            Back to DriveHub
          </Link>
        </div>

        <div className="mt-6 flex flex-wrap justify-center gap-4 text-xs text-gray-400">
          <Link href="/privacy" className="hover:text-blue-600 transition-colors">
            Privacy Policy
          </Link>
          <Link href="/terms" className="hover:text-blue-600 transition-colors">
            Terms of Service
          </Link>
          <Link href="/cookies" className="hover:text-blue-600 transition-colors">
            Cookie Policy
          </Link>
        </div>
      </div>
    </div>
  );
}