'use client';

import { Section } from '../../components/Section';

export default function TietoaMeistaPage() {
  return (
    <Section variant="white" className="min-h-[60vh]">
      <div className="max-w-[80em] mx-auto">
        <div className="flex flex-col gap-4 mb-10">
          <h1 className="text-4xl md:text-5xl font-black tracking-tight uppercase text-black">Tietoa meistä</h1>
          <p className="text-lg font-medium text-gray-500 max-w-2xl">
            Meiltä löydät kattavasti varusteet ja tarvikkeet varjoliitoharrastukseesi – niin perinteiseen varjoliitoon kuin moottoroituun lentämiseen.
          </p>
        </div>

        <div className="grid grid-cols-1 md:grid-cols-3 gap-4 mb-10">
          <div className="rounded-2xl border border-gray-200 bg-gray-50 p-5">
            <div className="text-xs font-bold uppercase tracking-widest text-gray-400">Asiantuntemus</div>
            <div className="text-lg font-extrabold text-gray-900 mt-2 uppercase">Kokemus kentältä</div>
            <div className="text-md text-gray-500 mt-2 font-medium">Varusteet, huolto ja koulutus samasta paikasta.</div>
          </div>
          <div className="rounded-2xl border border-gray-200 bg-gray-50 p-5">
            <div className="text-xs font-bold uppercase tracking-widest text-gray-400">Palvelu</div>
            <div className="text-lg font-extrabold text-gray-900 mt-2 uppercase">Nopea reagointi</div>
            <div className="text-md text-gray-500 mt-2 font-medium">Autamme valitsemaan sinulle sopivat varusteet.</div>
          </div>
          <div className="rounded-2xl border border-gray-200 bg-gray-50 p-5">
            <div className="text-xs font-bold uppercase tracking-widest text-gray-400">Laatu</div>
            <div className="text-lg font-extrabold text-gray-900 mt-2 uppercase">Luotettavat merkit</div>
            <div className="text-md text-gray-500 mt-2 font-medium">Myymme vain testattuja ja turvallisia tuotteita.</div>
          </div>
        </div>

        <div className="rounded-2xl border border-gray-200 bg-white p-6 md:p-8 shadow-sm space-y-5">
          <h2 className="text-2xl font-black text-gray-900 mb-3 uppercase">Varusteet ja palvelut</h2>
          <p className="text-gray-500 font-medium">
            Tavoitteenamme on, että saat kaiken tarvittavan yhdestä paikasta selkeästi, luotettavasti ja asiantuntevalla palvelulla. Valikoimamme kattaa muun muassa
            siivet, valjaat, kypärät, mittarit, asusteet sekä erilaiset oheistarvikkeet, jotta sekä aloittelija että kokeneempi lentäjä löytää helposti sopivat tuotteet omaan käyttötarkoitukseensa.
          </p>
          <p className="text-gray-500 font-medium">
            Toimimme useiden tunnettujen valmistajien maahantuojana ja edustajana. Valikoimissamme ovat muun muassa Advance, BGD, PHI, Triple Seven, U-Turn, Icaro ja Independence.
            Moottorisiipien osalta edustamme ITV:tä ja BGD:tä. Lisäksi tarjoamme Air Conceptionin ja Vittorazin moottoreiden edustuksen sekä varaosapalvelun Suomessa, jotta huolto ja tarvittavat osat ovat saatavilla nopeasti ja vaivattomasti. Power2Flyn trikepaketit ja paramoottorit löydät myös meiltä.
          </p>
          <p className="text-gray-500 font-medium">
            Kauttamme saat myös varjoliitokoulutusta – tutustu tarjontaan valikosta kohdasta Varjoliitokoulu. Autamme mielellämme myös oikeiden varusteiden valinnassa ja kokonaisuuden suunnittelussa, oli kyseessä ensimmäinen setti, päivitys uuteen kalustoon tai laajempi hankinta.
          </p>
          <p className="text-gray-500 font-medium">
            Jos olet tilaamassa suurempaa kokonaisuutta, pyydä rohkeasti tarjous. Yhteystiedot ja yhteydenottolomake löytyvät Yhteystiedot-sivulta.
          </p>
        </div>
      </div>
    </Section>
  );
}