@extends('layouts.main-layout')

@section('head-end')

<link rel="stylesheet" href="{{ mix('css/final/rules-page.css') }}?u={{ env('APP_ASSET_TIMESTAMP') }}">

@endsection

@section('content')
<section class="section" id="section-1">
    <div class="container-fluid h-100" style="background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/home/rules.jpg)">
        <div class="container h-100">
            <div class="d-flex justify-content-center align-items-center h-100">
                <h1 class="mb-0 text-white">
                    <b>
                        Auction rules
                    </b>
                </h1>
            </div>
        </div>
    </div>
</section>
<section class="section" id="section-2">
    <div class="container h-100">
        <div class="d-flex justify-content-center align-items-center h-100">
            <div class="row">
                <div class="col-lg-12 order-lg-1 order-2">
                    <h2 class="mt-lg-0 mt-3">
                        <b>
                            How to participate in the Domains.io domain name release programme
                        </b>
                    </h2>
                    <p class="mt-3">
                        The Domains.io service empowers you to determine the order in which premium names are released (which occurs in batches) and to obtain names based on the highest offer.
                    </p>
                    <h5 class="mt-4">
                        <b>
                            To be involved in the Domains.io process participants:
                        </b>
                    </h5>
                    <div class="row mt-4">
                        <div class="col-lg-4">
                            <div class="card">
                                <div class="card-body">
                                    <div>
                                        <h4 class="mb-0 d-flex justify-content-between align-items-center">
                                            <b>
                                                Register Account
                                            </b>
                                            <span class="material-symbols-outlined">
                                                how_to_reg
                                            </span>
                                        </h4>
                                        <p class="mb-0 mt-2">
                                            <small>
                                                Must be registered on the Domains.io system – and login to your account.
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mt-lg-0 mt-2">
                            <div class="card">
                                <div class="card-body">
                                    <div>
                                        <h4 class="mb-0 d-flex justify-content-between align-items-center">
                                            <b>
                                                Complete Profile
                                            </b>
                                            <span class="material-symbols-outlined">
                                                checklist
                                            </span>
                                        </h4>
                                        <p class="mb-0 mt-2">
                                            <small>
                                                Must complete their correct contact data including an email account which is regularly monitored.
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 mt-lg-0 mt-2">
                            <div class="card">
                                <div class="card-body">
                                    <div>
                                        <h4 class="mb-0 d-flex justify-content-between align-items-center">
                                            <b>
                                                Bid On Domains
                                            </b>
                                            <span class="material-symbols-outlined">
                                                price_check
                                            </span>
                                        </h4>
                                        <p class="mb-0 mt-2">
                                            <small>
                                                Must specify the name(s) of interest for purchasing along with the highest and best offer price. 
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="btn-divido-div mt-4">
                        <div class="btn btn-divido">
                            <a href="{{route('dashboard')}}">
                                Get Started Now
                            </a>
                        </div>
                    </div>
                </div>
                {{-- <div class="col-lg-6 second-col order-lg-2 order-1">
                    <img src="/images/home/auction.jpg" alt="Divido domain auction participation" class="section-2-img">
                </div> --}}
            </div>
        </div>
    </div>
</section>
<section class="section" id="section-3">
    <div class="container-fluid">
        <div class="container h-100">
            <div class="d-flex flex-column h-100">
                <div class="row w-100 mt-4">
                    <div class="col-lg-6 mt-lg-0">
                        <h2 class="text-white">
                            <b>
                                How the Premium Domain Auction works
                            </b>
                        </h2>
                        <p class="mb-0 text-white">
                            Join our Premium Domain Auction to secure distinctive domains enhancing your online presence. Simple, transparent bidding for top-tier names. Elevate your digital identity today.
                        </p>
                        <div class="btn btn-divido mt-4">
                            <a href="{{route('dashboard')}}">
                                Start an Auction Now!
                            </a>
                        </div>
                        <div class="mt-4">
                            <img src="/images/home/auction.jpg" alt="Divido domain auction participation" class="section-2-img">
                        </div>
                    </div>
                    <div class="col-lg-6 mt-lg-0 mt-4">
                        <div class="row ">
                            <div class="col-lg-6">
                                <div class="card first-card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 text-start">
                                                <h3>
                                                    Step 1
                                                </h3>
                                            </div>
                                        </div>
                                        <p class="text-start">
                                            Names drawing the most interest or highest bids will get priority in auction slot allocations per batch.
                                        </p>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 text-start">
                                                <h3>
                                                    Step 2
                                                </h3>
                                            </div>
                                        </div>
                                        <p class="text-start">
                                            Registered interested parties will be emailed by Domains.io about the auction date for specific names.
                                        </p>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 text-start">
                                                <h3>
                                                    Step 3
                                                </h3>
                                            </div>
                                        </div>
                                        <p class="text-start">
                                            Each domain name will be listed and open for bids on the live auction page for interested users.
                                        </p>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 text-start">
                                                <h3>
                                                    Step 4
                                                </h3>
                                            </div>
                                        </div>
                                        <p class="text-start">
                                            New bids must be at least 5% higher than the existing highest bid for a specific name.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 mt-lg-0 mt-4">
                                <div class="card first-card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 text-start">
                                                <h3>
                                                    Step 5
                                                </h3>
                                            </div>
                                        </div>
                                        <p class="text-start">
                                            Each auction will span one week, concluding precisely at 2 PM UTC on the designated end date.
                                        </p>
                                    </div>
                                </div>
                                <div class="card big-card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 text-start">
                                                <h3>
                                                    Step 6
                                                </h3>
                                            </div>
                                        </div>
                                        <p class="text-start">
                                            {{-- To expedite the sale of that specific name, once the initial 1Step  day auction window for a given name has elapsed, for every 24 hours following the initial 1Step  days, a bid will only be accepted by Divido if the offer bid price for a given name is increased by at least an additional 5% above the then current price. --}}
                                            The auction closes if the final bid stands for 24 hours; any last-day bid extends it by another 24 hours.
                                        </p>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-12 text-start">
                                                <h3>
                                                    Step 7
                                                </h3>
                                            </div>
                                        </div>
                                        <p class="text-start">
                                            Winners will receive an invoice at auction close. All bids are binding, per Domains.io's Terms of Use.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="section" id="section-4">
    <div class="container">
        <div class="d-flex h-100 flex-column">
            <h2 class="text-start mb-0">
                <b>
                    Transaction completion with the highest bidder works as follows:
                </b>
            </h2>
            <div class="row mt-4">
                <div class="col-lg-12 ">
                    <img src="/images/home/auction-2.jpg" alt="Divido auction rules" class="section-4-img">
                </div>
                <div class="col-lg-12">
                    <div class="row">
                        <div class="col-lg-6 mt-lg-3 mt-4">
                            <div class="card">
                                <div class="card-body">
                                    <div>
                                        <h3>
                                            01
                                        </h3>
                                        <p class="mb-0 mt-2">
                                            <small>
                                                Once the auction is closed the winner will receive an email requesting payment by Bank Transfer.
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-lg-3 mt-4">
                            <div class="card">
                                <div class="card-body">
                                    <div>
                                        <h3>
                                            02
                                        </h3>
                                        <p class="mb-0 mt-2">
                                            <small>
                                                Payment is due within 48 hours of auction close; upon payment, Domains.io releases the AUTH Code for the buyer to initiate domain transfer.
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-lg-3 mt-4">
                            <div class="card">
                                <div class="card-body">
                                    <div>
                                        <h3>
                                            03
                                        </h3>
                                        <p class="mb-0 mt-2">
                                            <small>
                                                Post-transfer, all name-related issues like renewals follow the new Registrar's standard practices; registrants should direct management queries to them, not Domains.io.
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mt-lg-3 mt-4">
                            <div class="card">
                                <div class="card-body">
                                    <div>
                                        <h3>
                                            04
                                        </h3>
                                        <p class="mb-0 mt-2">
                                            <small>
                                                Once transferred away from us it can be renewed and managed by any registry approved Registrar of your choice.
                                            </small>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mt-4">
                        <h5>
                            <b>
                                Additional value is built in for the winning offer.
                            </b>
                        </h5>
                        <p>
                            Each name that is released through Domains.io that name is currently valid until 30th April 2027 and can be renewed as soon as it is transferred away from us to the registrar of the buyer's choice.
                        </p>
                    </div>
            </div>
        </div>
    </div>
</section>
@endsection