{% extends "base.html" %}

{% block title %}PunktFri — Selvhosternes registrar{% endblock %}

{% block content %}

<!-- 1. Hero -->
<section class="hero">
    <div class="hero-inner">
        <h1>Punkt<span class="accent">Fri</span></h1>
        <p class="tagline">Selvhosternes registrar. Bygget af jer. Kostpris.</p>
        <p class="intro">
            Fra 2026 kræver Punktum dk en akkrediteret registrator for alle .dk-domæner.
            Vi bygger præcis det, selvhostere har manglet: et ikke-kommercielt, teknisk kompetent alternativ
            — til kostpris, med demokratisk styring og nul indblanding i din infrastruktur.
        </p>
        <a href="#tilmeld" class="hero-cta">Tilmeld din interesse →</a>
    </div>
</section>

<!-- 2. For dig -->
<section class="section">
    <div class="section-inner">
        <h2>Det er dig vi bygger det til</h2>
        <p>
            Du kender dine navneservere. Du har klaret domæneadministrationen selv i årevis.
            Du har ikke brug for hosting, support eller et panel fyldt med features, du aldrig ville bruge.
            Det eneste du mangler er et tyndt, kompetent administrativt lag mod Punktum dk — og det er præcis hvad PunktFri er.
        </p>
        <div class="target-grid">
            <div class="target-box is-for">
                <h3>For dig, hvis</h3>
                <ul>
                    <li>Du kører egne navneservere (BIND, PowerDNS, Knot osv.)</li>
                    <li>Du har administreret direkte hos Punktum dk i årevis</li>
                    <li>Du vil beholde fuld kontrol over din infrastruktur</li>
                    <li>Du bare har brug for det formelle lag mod Punktum dk</li>
                    <li>Du er ligeglad med panels, features og support</li>
                </ul>
            </div>
            <div class="target-box not-for">
                <h3>Ikke for dig, hvis</h3>
                <ul>
                    <li>Du vil have webhosting</li>
                    <li>Du vil have DNS-hosting</li>
                    <li>Du har brug for support på "min hjemmeside virker ikke"</li>
                    <li>Du ikke ved hvad en navneserver er</li>
                    <li>Du leder efter den billigste registrar med flest features</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 3. Hvad vi bygger -->
<section class="section">
    <div class="section-inner">
        <h2>Hvad vi bygger <span class="status-badge">Under etablering</span></h2>
        <p>
            Vi er selvhostere, der tager sagen i egne hænder. PunktFri etableres som en
            non-profit forening og ansøger om akkreditering som registrator hos Punktum dk.
            Det er et præcist stykke arbejde — juridisk, teknisk og organisatorisk. Vi ved hvad vi laver.
        </p>
        <ul class="idea-items">
            <li>Non-profit forening med åben, demokratisk struktur — medlemmerne bestemmer, ikke investorer</li>
            <li>Akkrediteret registrator hos Punktum dk — vi håndterer det formelle på dine vegne</li>
            <li>Kostprismodel — ingen markup, ingen upsell, ingen abonnementsservice du ikke har bedt om</li>
            <li>Nul kontakt med din infrastruktur — dine navneservere, dine zoner, din kontrol</li>
            <li>Minimal administration: det ene lag du har brug for, og intet andet</li>
        </ul>
        <p class="section-note">
            Tilmeldingerne her bruges til at vurdere, om der er tilstrækkelig interesse til at gå videre
            — juridisk, økonomisk og praktisk. Intet er besluttet endnu.
        </p>
    </div>
</section>

<!-- 4. Baggrunden -->
<section class="section">
    <div class="section-inner">
        <h2>Baggrunden</h2>
        <p>
            Punktum dk ændrer reglerne for .dk-domæner. Fra 2026 kræves en akkrediteret registrator
            for alle domæner — også dem der har kørt perfekt i årevis uden hjælp fra nogen.
        </p>
        <ul class="problem-list">
            <li><strong>1. juli 2026:</strong> Nye .dk-domæner kræver en registrator. Direkte registrering udgår.</li>
            <li><strong>1. juli 2028:</strong> Alle eksisterende .dk-domæner skal overføres til en registrator.</li>
            <li><strong>Selvhostere berøres administrativt:</strong> Intet ændrer sig teknisk — dine navneservere kører videre. Men der skal nu være et formelt mellemled til Punktum dk.</li>
            <li><strong>Kommercielle alternativer er dyre:</strong> Typisk 90–150 kr/år per domæne for et lag, der ikke tilfører teknisk værdi for selvhostere. PunktFri sigter mod kostpris.</li>
        </ul>
    </div>
</section>

<!-- 5. Hvad PunktFri ikke er -->
<section class="section">
    <div class="section-inner">
        <h2>Scope: det vi gør — og det vi ikke gør</h2>
        <p>PunktFri er snævert fokuseret. Vi gør ét ting godt:</p>
        <ul class="not-list">
            <li>Registratorrollen mod Punktum dk</li>
        </ul>
        <p style="margin-top: 1.25rem;">Vi gør ikke:</p>
        <ul class="not-list">
            <li>Hosting</li>
            <li>DNS-hosting</li>
            <li>Support</li>
            <li>Panels eller dashboards</li>
            <li>Kommercielle produkter</li>
        </ul>
    </div>
</section>

<!-- 6. Signup -->
<section class="section form-section" id="tilmeld">
    <div class="section-inner">
        <h2>Er du med?</h2>
        <p class="lead">Tilmeld dig som interesseret — ingen forpligtelse, ingen faktura.</p>
        <p class="founding-note">De første tilmeldte er med til at forme, hvordan foreningen etableres — og får direkte indflydelse på vedtægter, model og struktur.</p>
        <p class="disclaimer">
            Vi bruger dine oplysninger til at vurdere om interessen er tilstrækkelig til at gå videre.
            Kun én opdatering når vi ved mere. Ingen spam, ingen salg.
        </p>

        {% if error %}
        <div class="error-msg">{{ error }}</div>
        {% endif %}

        <form class="signup-form" method="post" action="/">
            <div class="form-group">
                <label for="navn">Navn <span class="required">*</span></label>
                <input type="text" id="navn" name="navn" required autocomplete="name" placeholder="Dit navn">
            </div>

            <div class="form-group">
                <label for="email">E-mail <span class="required">*</span></label>
                <input type="email" id="email" name="email" required autocomplete="email" placeholder="du@eksempel.dk">
            </div>

            <div class="form-group">
                <label for="domaener">
                    Antal .dk-domæner du administrerer <span class="required">*</span>
                </label>
                <input type="number" id="domaener" name="domaener" required min="1" placeholder="fx 3">
                <span class="hint">Inkludér alle domæner, du selv holder styr på</span>
            </div>

            <div class="form-group">
                <label>Kører du egne navneservere? <span class="required">*</span></label>
                <div class="radio-group">
                    <label>
                        <input type="radio" name="egne_ns" value="ja" required>
                        Ja
                    </label>
                    <label>
                        <input type="radio" name="egne_ns" value="nej">
                        Nej
                    </label>
                </div>
            </div>

            <div class="form-group">
                <label for="kommentar">Kommentarer eller spørgsmål <span class="optional">(valgfrit)</span></label>
                <textarea id="kommentar" name="kommentar" placeholder="Tanker om modellen, bekymringer, eller noget vi bør tænke over?"></textarea>
            </div>

            <button type="submit" class="submit-btn">Ja, jeg er med</button>
        </form>
    </div>
</section>

{% endblock %}