"use client";

import { InformationCircleIcon } from "@heroicons/react/24/outline";

export function InternetImportantNotes() {
  return (
    <section className="bg-card rounded-xl border border-border shadow-[var(--cp-shadow-1)] p-5">
      <div className="flex items-start gap-3 mb-4">
        <InformationCircleIcon className="h-5 w-5 text-info flex-shrink-0 mt-0.5" />
        <div>
          <h3 className="font-semibold text-foreground">Important notes & fees</h3>
          <p className="text-sm text-muted-foreground mt-1">
            A few things to keep in mind when selecting your internet service.
          </p>
        </div>
      </div>

      <ul className="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-3 text-sm text-muted-foreground">
        <li className="flex items-start gap-2">
          <span className="text-foreground font-medium">•</span>
          <span>
            <span className="text-foreground font-medium">Same speeds across tiers</span>
            —Silver, Gold, and Platinum all provide the same connection speed. The difference is in
            equipment and support level.
          </span>
        </li>
        <li className="flex items-start gap-2">
          <span className="text-foreground font-medium">•</span>
          <span>
            <span className="text-foreground font-medium">Flexible installation payment</span>
            —The ¥22,800 setup fee can be paid upfront or spread across 12 or 24 monthly
            installments.
          </span>
        </li>
        <li className="flex items-start gap-2">
          <span className="text-foreground font-medium">•</span>
          <span>
            <span className="text-foreground font-medium">Home phone available</span>
            —Hikari Denwa (IP phone) can be added to Gold or Platinum plans for ¥450/month +
            one-time setup (¥1,000–¥3,000).
          </span>
        </li>
        <li className="flex items-start gap-2">
          <span className="text-foreground font-medium">•</span>
          <span>
            <span className="text-foreground font-medium">On-site help if needed</span>
            —Our technicians can visit your home for setup or troubleshooting (¥15,000 per visit).
          </span>
        </li>
      </ul>

      <p className="text-xs text-muted-foreground mt-4 pt-3 border-t border-border">
        All prices shown exclude 10% consumption tax. Final pricing confirmed after address
        verification.
      </p>
    </section>
  );
}
