{% extends "base.html" %}

{% block title %}PunktFri — Din domæneaftale. Ingen mellemled.{% endblock %}

{% block content %}

<!-- 1. Hero -->
<section class="hero">
    <div class="hero-inner">
        <h1>Punkt<span class="accent">Fri</span></h1>
        <p class="tagline">Din domæneaftale. Ingen mellemled. Ingen markup.</p>
        <p class="intro">
            Punktum dk tvinger fra 2026 alle .dk-domæneejere til at bruge en kommerciel forhandler.
            Det rammer dig, der kører egne navneservere og aldrig har haft brug for hjælp.
            Vi undersøger, om vi kan gøre noget ved det — på vores egne præmisser.
        </p>
        <a href="#tilmeld" class="hero-cta">Tilmeld din interesse →</a>
    </div>
</section>

<!-- 2. Problemet -->
<section class="section">
    <div class="section-inner">
        <h2>Problemet</h2>
        <p>
            Punktum dk ændrer reglerne. Fra 2026 kan du ikke længere administrere dit .dk-domæne direkte
            — du skal have en akkrediteret forhandler som mellemled. Uanset om du har brug for det eller ej.
        </p>
        <ul class="problem-list">
            <li><strong>1. juli 2026:</strong> Nye .dk-domæner kræver en forhandler. Ingen direkte registrering mere.</li>
            <li><strong>1. juli 2028:</strong> Alle eksisterende .dk-domæner skal overføres til en forhandler.</li>
            <li><strong>Selvhostere rammes direkte:</strong> Kører du egne navneservere og har altid klaret dig selv hos Punktum dk, skal du nu have et administrativt mellemled — mod din vilje.</li>
            <li><strong>Prisstigningen er reel:</strong> Kommercielle forhandlere opkræver typisk 90–150 kr/år per domæne. Du betalte ~50 kr direkte. Det er dobbelt til tredobbelt pris for et lag, du ikke har bedt om.</li>
            <li><strong>Ingen teknisk gevinst:</strong> Du mister ikke kontrol over dine navneservere — men du tvinges alligevel til at betale en forhandler for at "hjælpe" dig.</li>
        </ul>
    </div>
</section>

<!-- 3. Hvem er PunktFri for? -->
<section class="section">
    <div class="section-inner">
        <h2>Er det noget for dig?</h2>
        <p>PunktFri er tænkt til en meget specifik gruppe. Vær ærlig med dig selv.</p>
        <div class="target-grid">
            <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</li>
                </ul>
            </div>
            <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 et tyndt administrativt lag mod Punktum dk</li>
                    <li>Du er ligeglad med support, panels og features</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 4. Idéen bag PunktFri -->
<section class="section">
    <div class="section-inner">
        <h2>Idéen bag PunktFri <span class="status-badge">Under undersøgelse</span></h2>
        <p>
            PunktFri er på nuværende tidspunkt en idé — ikke en organisation.
            Vi undersøger, om det er muligt og realistisk at etablere følgende:
        </p>
        <ul class="idea-items">
            <li>En non-profit forening, der ansøger om akkreditering som registrator hos Punktum dk</li>
            <li>Kostprismodel — ingen markup, ingen upsell, ingen abonnementsservice, du ikke har bedt om</li>
            <li>Demokratisk struktur — medlemmerne bestemmer, ikke investorer eller kommercielle interesser</li>
            <li>Du beholder dine egne navneservere fuldstændigt — vi rører ikke din infrastruktur</li>
            <li>Minimal administration: vi håndterer kun det formelle forhold til Punktum dk på dine vegne</li>
        </ul>
        <p style="margin-top: 1.25rem; font-size: 0.875rem; color: #6b7280;">
            Intet er besluttet endnu. Denne side er til for at afdække, om der er nok interesse til,
            at det kan bære sig — juridisk, økonomisk og praktisk.
        </p>
    </div>
</section>

<!-- 5. Hvad PunktFri IKKE er -->
<section class="section">
    <div class="section-inner">
        <h2>Hvad PunktFri ikke er</h2>
        <p>For at undgå enhver tvivl:</p>
        <ul class="not-list">
            <li>En hostingudbyder</li>
            <li>En DNS-udbyder</li>
            <li>En supportlinje</li>
            <li>En forretning</li>
            <li>Et panel med features</li>
            <li>Noget du betaler for nu</li>
        </ul>
    </div>
</section>

<!-- 6. Signup -->
<section class="section form-section" id="tilmeld">
    <div class="section-inner">
        <h2>Er du interesseret?</h2>
        <p class="lead">Tilmeld dig som interesseret — det forpligter dig til ingenting.</p>
        <p class="founding-note">De første, der tilmelder sig, er med til at afgøre, om idéen er levedygtig — og får direkte indflydelse på, hvordan foreningen eventuelt formes.</p>
        <p class="disclaimer">
            Vi bruger dine oplysninger til at vurdere, om der er tilstrækkelig interesse til at gå videre.
            Ingen spam, ingen salg, ingen automatiske abonnementer. Kun en enkelt opdatering, når vi ved mere.
        </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 style="color:#ef4444">*</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 style="color:#ef4444">*</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 style="color:#ef4444">*</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 style="color:#ef4444">*</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 style="color:#475569; font-weight:400">(valgfrit)</span></label>
                <textarea id="kommentar" name="kommentar" placeholder="Har du tanker om modellen, bekymringer, eller noget vi bør tænke over?"></textarea>
            </div>

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

{% endblock %}