<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>resekoll.se — Domain For Sale</title>
    <link rel="stylesheet" href="/assets/tailwind.min.css?v=1787952134">
    <link rel="stylesheet" href="/assets/altcha.css">
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
    <link rel="icon" href="/favicon.png" sizes="32x32" type="image/png">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <script nonce="7b5978c8993c27bfc6beb1796f0435f751fdbce8" src="/assets/altcha.min.js" type="module" async defer></script>
    <script nonce="7b5978c8993c27bfc6beb1796f0435f751fdbce8" async src="https://www.googletagmanager.com/gtag/js?id=G-CSNTFCN6BW"></script>
    <script nonce="7b5978c8993c27bfc6beb1796f0435f751fdbce8">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-CSNTFCN6BW');
    </script>
</head>
<body class="min-h-screen bg-brand-black font-brand text-white antialiased">

    <div class="flex min-h-screen flex-col items-center justify-center px-4 py-16">

        <div class="w-full max-w-xl text-center">

            <p class="mb-4 text-xs font-bold uppercase tracking-[0.3em] text-brand-accent">Premium Domain</p>

            <h1 class="mb-2 text-5xl font-bold tracking-tight text-white sm:text-6xl">resekoll.se</h1>

            <p class="mt-3 text-xl text-neutral-300">is for sale</p>

            <div class="mx-auto mb-10 mt-6 h-px w-16 bg-brand-primary"></div>

            <p class="mx-auto max-w-md text-lg leading-relaxed text-neutral-400">
                Submit your interest below and we'll get back to you.
            </p>
        </div>

        <div class="mt-12 w-full max-w-md">

            
                        <form method="post" action="/forsale" class="space-y-5">

                <div>
                    <label for="name" class="mb-1.5 block text-sm font-bold text-neutral-300">Name <span class="text-red-400">*</span></label>
                    <input type="text" id="name" name="name" required
                        value=""
                        class="block w-full rounded-xl border border-neutral-700 bg-neutral-900 px-4 py-3 text-white placeholder-neutral-500 outline-none transition focus:border-brand-primary focus:ring-2 focus:ring-brand-accent/30"
                        placeholder="Your name">
                </div>

                <div>
                    <label for="email" class="mb-1.5 block text-sm font-bold text-neutral-300">Email <span class="text-red-400">*</span></label>
                    <input type="email" id="email" name="email" required
                        value=""
                        class="block w-full rounded-xl border border-neutral-700 bg-neutral-900 px-4 py-3 text-white placeholder-neutral-500 outline-none transition focus:border-brand-primary focus:ring-2 focus:ring-brand-accent/30"
                        placeholder="you@example.com">
                </div>

                <div>
                    <label for="offer" class="mb-1.5 block text-sm font-bold text-neutral-300">Offer <span class="text-red-400">*</span> <span class="font-normal text-neutral-500">(min 2000 EUR)</span></label>
                    <div class="flex rounded-xl border border-neutral-700 bg-neutral-900 transition focus-within:border-brand-primary focus-within:ring-2 focus-within:ring-brand-accent/30">
                        <span class="inline-flex items-center rounded-l-xl border-r border-neutral-700 bg-neutral-800 px-4 text-sm font-bold text-neutral-400">EUR</span>
                        <input type="number" id="offer" name="offer" min="2000" step="1" required
                            value=""
                            class="block w-full rounded-r-xl bg-transparent px-4 py-3 text-white placeholder-neutral-500 outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
                            placeholder="2000">
                    </div>
                </div>

                <div>
                    <label for="message" class="mb-1.5 block text-sm font-bold text-neutral-300">Message <span class="font-normal text-neutral-500">(optional)</span></label>
                    <textarea id="message" name="message" rows="3"
                        class="block w-full rounded-xl border border-neutral-700 bg-neutral-900 px-4 py-3 text-white placeholder-neutral-500 outline-none transition focus:border-brand-primary focus:ring-2 focus:ring-brand-accent/30"
                        placeholder="Tell us about your plans for this domain…"></textarea>
                </div>

                <input type="text" name="website" class="hidden" tabindex="-1" autocomplete="off" aria-hidden="true">

                <altcha-widget challengeurl="/altcha/challenge" auto="onload" hidelogo hidefooter refetchonexpire></altcha-widget>

                <button type="submit"
                    class="w-full rounded-xl bg-brand-primary px-6 py-3.5 text-sm font-bold text-white transition-all duration-200 hover:bg-brand-accent hover:shadow-lg hover:shadow-brand-accent/20">
                    Submit Inquiry
                </button>
            </form>
                    </div>

        <footer class="mt-16 text-center text-xs text-neutral-600">
            Brokered by <a href="https://diveo.se" class="text-neutral-500 underline decoration-neutral-700 underline-offset-4 transition hover:text-brand-accent">Diveo</a>
        </footer>
    </div>

</body>
</html>
