import Link from 'next/link';

export default function Villkor() {
  return (
    <div className="container mx-auto px-4 py-12">
      <div className="max-w-4xl mx-auto p-8 rounded-2xl border border-[var(--border-color)] bg-[var(--card-bg)] shadow-lg">

        <header className="text-center mb-12 pb-8 border-b border-[var(--border-color)]">
          <h1 className="text-3xl md:text-4xl font-bold mb-4 text-[var(--text-color)] font-['Montserrat']">Köpvillkor</h1>
          <p className="text-[var(--text-secondary)]">Senast uppdaterad: {new Date().toLocaleDateString('sv-SE')}</p>
        </header>

        <div className="space-y-10 text-[var(--text-color)]">

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Priser och betalning</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Alla priser anges inklusive 25% moms. Det totala priset inkluderar alla avgifter.
            </p>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Vi erbjuder trygg och enkel betalning via kort eller Swish.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Beställning</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Möjligheten att lägga beställningar direkt via webbshoppen lanseras inom kort.
              Just nu tar vi emot beställningar manuellt via telefon <a href="tel:0700342324" className="text-blue-600 hover:underline">070-034 23 24</a>,
              mejl <a href="mailto:info@nordicstorium.se" className="text-blue-600 hover:underline">info@nordicstorium.se</a> eller via vår chatt här på hemsidan.
            </p>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Har du frågor om specifika produkter eller vill ha en offert? Tveka inte att kontakta oss!
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Hämta varorna själv</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Varorna kan hämtas på vårt lager eller i butiken. Vi kontaktar dig när dina varor finns klara för upphämtning. Legitimering krävs.
            </p>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Det går även bra att komma till oss och titta på varorna före beställning.
              Ring gärna innan ni kommer om ni vill se en specifik vara, så kan vi förbereda den.
            </p>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)] text-center">
              <strong className="text-[var(--text-color)]">Skarprättarvägen 30 i Järfälla - Öppet alla dagar 09:00 - 22:00</strong>
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Transport och Leverans</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              <strong className="text-[var(--text-color)]">Fri frakt inom Stockholm!</strong> Vi erbjuder kostnadsfri hemleverans till adresser i Stockholm och närliggande områden.
            </p>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Leverans sker med våra egna bilar. Avlastning sker normalt vid tomtgräns eller port.
              Inbärning och montering ingår ej men kan ofta ordnas mot en extra kostnad – kontakta oss för prisuppgift.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Leverans utanför Stockholm</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              För leveranser utanför Stockholmsområdet anlitar vi fraktbolag (vanligtvis Postnord).
              Då tillkommer fraktkostnad enligt gällande taxa.
            </p>
            <ul className="list-disc pl-5 space-y-2 text-[var(--text-secondary)]">
              <li>Mottagaren måste vara anträffbar under normal arbetstid för leverans.</li>
              <li>Vid retur på grund av felaktiga uppgifter eller ej mottagen vara debiteras faktiska fraktkostnader.</li>
              <li>Kontrollera alltid godset vid mottagandet. Synliga skador ska anmälas direkt till chauffören.</li>
            </ul>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Reservationer</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Då vi säljer begagnade varor eller konkurslager reserverar vi oss för slutförsäljning.
              Produkternas skick och färgnyanser kan ibland skilja sig något från bilderna, även om vi alltid försöker beskriva varorna så korrekt som möjligt.
              Vid tveksamheter är ni alltid välkomna att inspektera varan på plats.
            </p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Ångerrätt & Öppet köp</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Som privatkund har du enligt distansavtalslagen 14 dagars ångerrätt vid köp på distans.
              Vid retur står du som kund för fraktkostnaden (t.o.r) och varan ska återlämnas i samma skick som den levererades.
            </p>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">Ångerrätten gäller ej för företagskunder eller kundanpassade beställningsvaror.</p>
          </section>

          <section>
            <h2 className="text-2xl font-bold mb-4 text-[var(--accent-color)] font-['Montserrat']">Garantier & Reklamation</h2>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Vi lämnar 6 månaders garanti på begagnade varor. Detta täcker funktionsfel men ej normalt slitage eller skönhetsfel som fanns vid köpet.
              Elektriska produkter (t.ex. höj- & sänkbara skrivbord) funktionestestas alltid innan leverans.
            </p>
            <p className="mb-4 leading-relaxed text-[var(--text-secondary)]">
              Vid problem, kontakta oss omgående så hjälper vi dig!
            </p>
          </section>

        </div>

        <footer className="mt-12 pt-8 border-t border-[var(--border-color)] text-center">
          <Link href="/" className="inline-block px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors duration-300">
            Tillbaka till startsidan
          </Link>
        </footer>

      </div>
    </div>
  );
}