{% extends "base.html" %}
{% load static %}
{% load i18n %}
  {% block title %}
   <title>tixsell for content creators with NFT subscriptions</title>
   <meta name="description" content="Exhib.fans is an NFT based subscriptions platform for content creator like onlyfans. The exclusive content can be viewed only by purchasing an NFT. No bank account or credit card required.">

  {% endblock %}


{% block content %}
	  <!-- start banner area -->
    <div class="slider-one rn-section-gapTop">
        <div class="container">
            <div class="row row-reverce-sm align-items-center">
                <div class="col-lg-5 col-md-6 col-sm-12 mt_sm--50">
					<h1  data-sal-delay="200" data-sal="slide-down" data-sal-duration="400">EXHIB.fans an NFT subscription platform</h1>

                    <h2 class="title" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">For content creators</h2>
                    <h3 class="title" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">Fans only access with NFTs subscription</h3>
					<h4 class="title" data-sal-delay="100" data-sal="slide-down" data-sal-duration="1200">Private club 🚀 on Polygon blockchain & web 3.0.</h4>
                    <p class="slide-disc" data-sal-delay="300" data-sal="slide-up" data-sal-duration="800">Anonymous: No email, credit card or bank account required!<br>
                        Only a <a href="https://www.metamask.io" target="_blank">Metamask wallet</a> </p>

                    <div class="button-group">
                        <a class="btn btn-large btn-primary" href="/faq" data-sal-delay="400" data-sal="slide-up" data-sal-duration="800">Learn more</a>
                       <!-- <a class="btn btn-large btn-primary-alta" href="create.html" data-sal-delay="500" data-sal="slide-up" data-sal-duration="800">Create</a> -->

                    </div>

                </div>
                <div class="col-lg-5 col-md-6 col-sm-12 offset-lg-1">
                    <div class="slider-thumbnail">
                        <img src="{% static 'assets/images/icons/rocket.png'%}" alt="Slider Images">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End banner area -->

  <div class="forget-password-area rn-section-gapTop">
        <div class="container">
            <div class="row g-5">
                <div class="offset-2 col-lg-8">
                    <div class="form-wrapper-one">
                        <form action="/dapp/claim/" method="post">
                             {% csrf_token %}
                        <div class="mb-5" style="display: inline-flex;">
                            <input type="text"  value="https://" readonly aria-label="protocol">
                            <input type="text" autofocus
                               name="{{ form.domainName.name }}"
                               id="{{ form.domainName.id_for_label }}"
                               {% if form.domainName.value != None %}value="{{ form.domainName.value|stringformat:'s' }}"{% endif %}
                               maxlength="{{ form.domainName.field.max_length }}"
                               {% if form.domainName.field.required %}required{% endif %}>
                             <input type="text"  value=".exhib.fans" readonly aria-label="exhib.fans">
                              <button style="margin-left: 20px;" class="btn btn-large btn-primary" disabled type="submit">CLAIM</button>
                        </div>
                        <div >
                              <p style="font-size: 13px" ><i><b>Please choose wisely club domain can't be modified later</b></i> </p>
                             <p style="font-size: 20px;color:white" ><i><b>Beta available before summer 2022 (still in development). </b></i> </p>
                          <p>In the meantime you can purchase <a href="https://nftmarketplace.exhib.fans/" target="_blank">an Exhib.fans NFT membership card</a>, which will be required to create your own club</p>
                          <!--  <input type="checkbox" class="rn-check-box-input" id="exampleCheck1">
                            <label class="rn-check-box-label" for="exampleCheck1">I agree to the <a href="/privacy">privacy policy</a> </label>
                            -->
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- start service area -->
    <div class="rn-service-area rn-section-gapTop">
        <div class="container">
            <div class="row">
                <div class="col-12 mb--50">
                    <h3 class="title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">Monetize your content and earn more. </h3>
                     <h4 class="title" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">Our fees are only 10% per fan subscription.</h4>
                </div>
            </div>
            <div class="row g-5">
                <!-- start single service -->
                <div class="col-xxl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div data-sal="slide-up" data-sal-delay="150" data-sal-duration="800" class="rn-service-one color-shape-7">
                        <div class="inner">
                            <div class="icon">
                                <img src="{% static 'assets/images/icons/shape-7.png'%}" alt="Shape">
                            </div>
                            <div class="subtitle">Step-01</div>
                            <div class="content">
                                <h4 class="title"><a href="#">Set up your wallet</a></h4>
                                <p class="description">Connect your <a href="https://www.metamask.io" target="_blank">Metamask wallet</a>, have some <a href="https://www.moonpay.com/buy/matic" target="_blank">MATIC</a> in it and you are ready
                                to receive your members payments. <a href="/faq">Learn more about it</a> </p>
                                <a class="read-more-button" href="/faq"><i class="feather-arrow-right"></i></a>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- End single service -->
                <!-- start single service -->
                <div class="col-xxl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div data-sal="slide-up" data-sal-delay="200" data-sal-duration="800" class="rn-service-one color-shape-1">
                        <div class="inner">
                            <div class="icon">
                                <img src="{% static 'assets/images/icons/shape-1.png'%}" alt="Shape">
                            </div>
                            <div class="subtitle">Step-02</div>
                            <div class="content">
                                <h4 class="title"><a href="#">Create your private club</a></h4>
                                <p class="description">Choose a unique domain, a name and a description for your club. Upload a logo and/or a cover.</p>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- End single service -->
                <!-- start single service -->
                <div class="col-xxl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div data-sal="slide-up" data-sal-delay="250" data-sal-duration="800" class="rn-service-one color-shape-5">
                        <div class="inner">
                            <div class="icon">
                                <img src="{% static 'assets/images/icons/shape-5.png'%}" alt="Shape">
                            </div>
                            <div class="subtitle">Step-03</div>
                            <div class="content">
                                <h4 class="title"><a href="#">Configure your NFTs subscriptions and design your membership card</a></h4>
                                <p class="description">You can create as many NFT subscriptions as you want. You can choose the subscription period (daily, monthly, six months or yearly) and the price (can be free).</p>
                                <p class="description">While configuring your subscriptions, you will be able to choose a logo, and some configuration colors to generate a unique and valuable NFT membership card.</p>

                            </div>
                        </div>

                    </div>
                </div>
                <!-- End single service -->
                <!-- start single service -->
                <div class="col-xxl-3 col-lg-4 col-md-6 col-sm-6 col-12">
                    <div data-sal="slide-up" data-sal-delay="300" data-sal-duration="800" class="rn-service-one color-shape-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="{% static 'assets/images/icons/shape-6.png'%}" alt="Shape">
                            </div>
                            <div class="subtitle">Step-04</div>
                            <div class="content">
                                 <h4 class="title"><a href="#">Your club is ready !</a></h4>
                                <p class="description">You can share your domain name with your fans to encourage them to subscribe to your content.</p>
                                <p>You can now post new content: text,pdf, images (video will come later) </p>

                            </div>
                        </div>

                    </div>
                </div>
                <!-- End single service -->
            </div>

            </div>
        </div>
    </div>
    <!-- End service area -->

    <div class="rn-upcoming-area rn-section-gap">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <!-- start Table Title -->
                    <div class="table-title-area d-flex">
                        <h3>Our Roadmap</h3>
                    </div>
                    <!-- End Table Title -->

                    <!-- table area Start -->


                    <!-- table End -->
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <!-- start Table Title -->
                    <div class="table-title-area d-flex">
                        <i data-feather="calendar"></i>
                        <h3>July - August 2022</h3>
                    </div>
                    <!-- End Table Title -->

                    <!-- table area Start -->

                    <div class="box-table table-responsive">
                        <table class="table upcoming-projects">
                            <thead>
                                <tr>
                                    <th>
                                        <span>Launch our dApp in beta version with full functionalities</span>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="color-light">
                                    <td><span>Members will be able to claim their club domain name (<a href="https://nftmarketplace.exhib.fans/" target="_blank">An Exhib.fans NFT membership card</a> is required to do so).</span></td>
                                </tr>
                                <tr class="color-light">
                                    <td><span>Members will be able to create their club (<a href="https://nftmarketplace.exhib.fans/" target="_blank">An Exhib.fans NFT membership card</a> is required to do so).</span></td>
                                </tr>
                                <tr class="color-light">
                                    <td><span>Members will be able to create their club subscriptions</span></td>
                                </tr>
                                  <tr class="color-light">
                                    <td><span>Fans will be able to subscribe to a club</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <!-- table End -->
                </div>
            </div>
 <div class="row mt--20">
                <div class="col-12">
                    <!-- start Table Title -->
                    <div class="table-title-area d-flex">
                        <i data-feather="calendar"></i>
                        <h3> September 2022</h3>
                    </div>
                    <!-- End Table Title -->

                    <!-- table area Start -->

                    <div class="box-table table-responsive">
                        <table class="table upcoming-projects">
                            <thead>
                                <tr>
                                    <th>
                                        <span>Launch our dApp in official version. (No more beta)</span>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                    <!-- table End -->
                </div>
            </div>
        </div>
    </div>

{% endblock %}