{% extends 'layouts/mainMainpage.html.twig' %}
{% block stylesheets %}
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/slick.css') }}"/>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/slick-theme.css') }}"/>
{% endblock %}
{% block javascripts %}
<script type="text/javascript" src="{{ asset('assets/js/slick.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/app/js/popup_ajax.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/app/js/main_page.js?v=1.184') }}"></script>
{% endblock %}
{% block content %}
<section id="intro">
<img src="{{ asset('assets/img/intro/top-bg-1.webp') }}" alt="workoutapp" class="bg-intro-img" />
<img src="{{ asset('assets/img/intro/top-bg-1-line.webp') }}" alt="workoutapp" class="line-intro-img " />
<img src="{{ asset('assets/img/intro/top-right-corner.webp') }}" alt="workoutapp" class="top-bg-intro-img " />
<div class="socialwidget-container socialwidget-container-show2">
<a class="socialwidget-link link-message" href="https://open.kakao.com/o/gulUzixe" target="_blank"><img alt="Message" src="{{ asset('assets/img/socialwidget/ico-kakao.png') }}" class=" "></a>
<a class="socialwidget-link link-twitter" href="https://twitter.com/Workoutapp_io" target="_blank"><img alt="Twitter" src="{{ asset('assets/img/socialwidget/ico-twitter.png') }}" class="lazy"></a>
<a class="socialwidget-link link-telegram" href="https://t.me/workoutapp" target="_blank"><img alt="Telegram" src="{{ asset('assets/img/socialwidget/ico-telegram.png') }}" class="lazy"></a>
<a class="socialwidget-link link-linkedin" href="https://www.linkedin.com/company/workoutappio/" target="_blank"><img alt="Linkedin" src="{{ asset('assets/img/socialwidget/ico-linkedin.png') }}" class="lazy"></a>
<a class="socialwidget-link link-instagram" href="https://www.instagram.com/workoutapp_io/" target="_blank"><img alt="Instagram" src="{{ asset('assets/img/socialwidget/ico-instagram.png') }}" class="lazy"></a>
<a class="socialwidget-link link-discord" href="https://discord.com/invite/wNbqNxgsgn" target="_blank"><img alt="Discord" src="{{ asset('assets/img/socialwidget/ico-discord.png') }}" class="lazy"></a>
<a class="socialwidget-link link-medium" href="http://medium.com/@WorkoutApp" target="_blank"><img alt="Medium" src="{{ asset('assets/img/socialwidget/ico-medium.png') }}" class="lazy"></a>
</div>
<div class="container vh-100">
<div class="row vh-100 align-items-center">
<div class="col-lg-7 g-0 pt-xl-5">
<h1 class="pt-lg-5">
TRAIN TO EARN
<br/>&fan tokens
</h1>
<ul>
<li>Discover a new way to earn <br/>crypto</li>
<li>Train</li>
<li>Get paid</li>
</ul>
<div class="buttons">
<div class="py-5 row">
<div class="col-xl-5 col-6 d-grid">
<a href="{{ path('partnership') }}" class="btn btn-intro">partnership </a>
<span class="shadow"></span>
</div>
<div class="col-xl-5 col-6 d-grid">
<a id="add_to_whitelist" href="#" class="btn btn-intro">Whitelist</a>
<span class="shadow"></span>
</div>
</div>
</div>
</div>
<!-- // left -->
<div class="col-lg-5">
<div class="rightImages">
<h2 class="text-center">WorkoutApp</h2>
<div class="intro-pictures">
<div class="phone">
<span class="shine"></span>
<img src="{{ asset('assets/img/intro/top-phone.webp') }}" alt="workoutapp" class="img-fluid" />
</div>
<div class="girl">
<img src="{{ asset('assets/img/intro/intro-girl.webp') }}" alt="workoutapp" class="img-fluid " />
</div>
<div class="watch">
<img src="{{ asset('assets/img/intro/top-watch.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
</div>
</div>
</div>
<!-- // right images -->
</div>
</div>
</section>
<div id="lock" class="px-5">
<img src="{{ asset('assets/img/intro/lock-bg.webp') }}" alt="workoutapp" class="bg-lock lazy" />
<div class="container">
<div class="row justify-content-end px-lg-5">
<div class="col-lg-5 py-3">
<img data-src="{{ asset('assets/img/intro/lock.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="col-1"></div>
</div>
</div>
</div>
<section id="media">
<div class="container">
<img data-src="{{ asset('assets/img/mediaEarn/hantle.webp') }}" alt="workoutapp" class="bg-center-hantle lazy" />
<img data-src="{{ asset('assets/img/mediaEarn/ekrany.webp') }}" alt="workoutapp" class="bg-center-ekrany lazy" />
<div id="mediaEarn" class="px-5">
<div class="row pb-5 px-lg-5">
<div class="col-lg-5">
<h2>WORKOUT & EARN QUICKLY!</h2>
</div>
</div>
<div class="row justify-content-end">
<div class="col-lg-4">
<div class="text-r">
<h3>JOIN THE REVOLUTION TODAY!</h3>
<p>The application recognizes the type of activity performed on the basis of readings from wearables and the phone, thanks to which no one is limited only to walking or running.</p>
</div>
</div>
</div>
<div class="row g-0">
<div class="col-lg-2"></div>
<div class="col-lg-5 mt-auto">
<h4 class="mb-5 py-5">GET FAN TOKENS TO TRAIN WITH YOUR FAVORITE CELEBRITIES!</h4>
</div>
<div class="col-lg-5">
<div class="mediaCards row">
<div class="col-7">
<img data-src="{{ asset('assets/img/mediaEarn/card1.webp') }}" alt="workoutapp" class="card1 img-fluid lazy" />
<img data-src="{{ asset('assets/img/mediaEarn/card3.webp') }}" alt="workoutapp" class="card3 img-fluid lazy" />
</div>
<img data-src="{{ asset('assets/img/mediaEarn/card2.webp') }}" alt="workoutapp" class="card2 anim-simleFloating lazy" />
</div>
</div>
</div>
<div class="row g-0 justify-content-end">
<div class="col-lg-11 pb-5">
<p class="big px-5">
WorkoutApp combines the latest scientific discoveries with a game-fi approach to make training fun, rewarding and accessible to everyone!
</p>
</div>
</div>
<img data-src="{{ asset('assets/img/mediaEarn/earn-bg-2.webp') }}" alt="workoutapp" class="bg-earn-bottom lazy" />
</div>
</div>
<div id="marketExposure">
<div class="title text-center pt-5">
<h2 class="market-title">
Market exposure
<br/>500 000 000
</h2>
</div>
<div class="container mt-0">
<div class="watches row justify-content-center">
<div class="col-xl-7 col-lg-8">
<img data-src="{{ asset('assets/img/video/video-3-watches.png') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="col-xl-8 col-lg-9">
<p class="watches-info mb-5">
Approximately 500 million users worldwide use wearable devices
offering consumers the ability to track their fitness, monitor their health, and stay connected with friends and family.
</p>
</div>
</div>
</div>
<img data-src="{{ asset('assets/img/bg-market.webp') }}" alt="workoutapp" class="bg-market lazy" />
</div>
<div class="text-center py-3">
<h5 class="compatibile-title">Compatible with watches</h5>
</div>
<div class="logos-slider">
<div id="carouselConst">
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/1.png') }}" alt="workoutapp" class="lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/2.png') }}" alt="workoutapp" class=" azy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/3.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/4.png') }}" alt="workoutapp" class=" lazy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/5.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/6.png') }}" alt="workoutapp" class=" lazy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/7.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/8.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/9.png') }}" alt="workoutapp" class="lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/10.png') }}" alt="workoutapp" class=" azy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/11.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/12.png') }}" alt="workoutapp" class=" lazy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/13.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/1.png') }}" alt="workoutapp" class="lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/2.png') }}" alt="workoutapp" class=" azy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/3.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/4.png') }}" alt="workoutapp" class=" lazy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/5.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/6.png') }}" alt="workoutapp" class=" lazy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/7.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/8.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/9.png') }}" alt="workoutapp" class="lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/10.png') }}" alt="workoutapp" class=" azy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/11.png') }}" alt="workoutapp" class=" lazy" /></span></div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/12.png') }}" alt="workoutapp" class=" lazy" /></span> </div>
<div><span class="logo-slide" ><img src="{{ asset('assets/img/loga/13.png') }}" alt="workoutapp" class=" lazy" /></span></div>
</div>
</div>
<div id="video">
<div class="container">
<div class="row justify-content-end">
<div class="col-lg-9 text-center">
<h3 class="intro">
We create an exceptional WorkoutGym in metaverse and collaborate with coaches around the world to deliver the best training experience.
</h3>
<p class="more py-5">
The fight for an active community will invariably be at the forefront of the values represented by the Team! One of the elements that will allow to expand the community will be the largest activity of WorkoutApp among the competition in the metaverse.
</p>
</div>
</div>
</div>
<img data-src="{{ asset('assets/img/video/video-left.webp') }}" alt="workoutapp" class="video-abs lazy" />
<img data-src="{{ asset('assets/img/video/video-bg-1.webp') }}" alt="workoutapp" class="video-abs-0 lazy" />
</div>
<div id="app">
<img data-src="{{ asset('assets/img/video/video-app.webp') }}" alt="workoutapp" class="bg-pic lazy" />
<img data-src="{{ asset('assets/img/video/video-line.webp') }}" alt="workoutapp" class="top-line lazy" />
<img data-src="{{ asset('assets/img/video/video-bg.png') }}" alt="workoutapp" class="bg-video lazy" />
<div class="container">
<div id="video-screen" class="row justify-content-center">
<div class="col-lg-10">
<div class="videoshadow">
<div id="mainvideo">
<video id="video1" class="lazy-video" loop playsinline controls="controls" style="width:100% !important;"
poster="{{ asset('assets/img/video/main-video.webp') }}">
<source data-src="{{ asset('assets/img/video/mainVideo_x264_001.mp4') }}" type="video/mp4" />
</video>
</div>
</div>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 900" style="position:absolute;">
<defs>
<mask id="imask" >
<image width="1440" height="900" xlink:href="{{ asset('assets/img/video/mask.svg') }}"></image>
</mask>
</defs>
</svg>
</div>
</div>
</div>
<div class="relative ">
<img data-src="{{ asset('assets/img/video/app-phones-bg.webp') }}" alt="workoutapp" class="bg-phones lazy" />
<img data-src="{{ asset('assets/img/video/app-phones-lines.webp') }}" alt="workoutapp" class="bg-phones-lines lazy" />
<div class="px-5">
<div id="phones-info" class="row g-0">
<div class="col-12">
<div class="row justify-content-center">
<div class="col-lg-2 text-end">
<h3>
APPLICATION
<br/><small>FEATURES</small></h3>
</div>
</div>
</div>
<div class="col-lg-4 relative app-phones-left text-end">
<div class="info">
<h5>Step tracking</h5>
<p>Users can track the number of steps they take each day and earn rewards based on their activity levels.</p>
</div>
<div class="info inf2">
<h5>Exercise tracking </h5>
<p>Users can log and track their workouts, including crossfit, tenis, strength training and other forms of physical activity.</p>
</div>
<div class="info inf3">
<h5> Daily challenges</h5>
<p>Users can participate in daily challenges, it will encourage them to be more active and earn additional rewards.</p>
</div>
<div class="info inf4">
<h5>WRT Leagues</h5>
<p>Individual & Team competition Rewards: WRT Tokens, Fan Tokens, NFTs</p>
</div>
</div>
<div class="col-lg-4">
<img data-src="{{ asset('assets/img/video/app-phones2.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="col-lg-4 relative app-phones-right">
<div class="info">
<h5>Community features</h5>
<p>Users can connect with other people in the app and participate in group challenges, join workout groups, and more.</p>
</div>
<div class="info inf2">
<h5> Health metrics</h5>
<p>Users can monitor and track their health metrics, such as heart rate, calories burned, and distance traveled.</p>
</div>
<div class="info inf3">
<h5>Social sharing</h5>
<p>Users can share their progress with friends and family and motivate each other to be more active.</p>
</div>
<div class="info inf4">
<h5>Connected devices</h5>
<p>Integration with wearable fitness devices such as smartwatches and fitness trackers to track physical activity and health metrics.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="workoutapp">
<img data-src="{{ asset('assets/img/app/3-people-bg.webp') }}" alt="workoutapp" class="app-3p-bg lazy" />
<div class="container inh">
<div class="row">
<div class="col-lg-5">
<div class="relative ">
<img data-src="{{ asset('assets/img/app/3-people-1.webp') }}" alt="workoutapp" class="ppl1 lazy" />
<img data-src="{{ asset('assets/img/app/3-people-2.webp') }}" alt="workoutapp" class="ppl2 lazy" />
<img data-src="{{ asset('assets/img/app/3-people-3.webp') }}" alt="workoutapp" class="ppl3 lazy" />
</div>
</div>
<div class="col-lg-7 my-auto">
<p class="big py-5">
The WorkoutApp aims to revolutionize the fitness industry and beyond. We implement the AI powered algorithms to create an inclusive environment enabling people with disabilities to be a part of our earning community.
</p>
<div class="row justify-content-end">
<div class="col-10">
<p class="sm py-5">The Artificial Intelligence recognizes the type of activity and determines the amount of effort that person with disability puts to the training.</p>
</div>
</div>
</div>
</div>
<h4 class="text-center py-3 mb-5">
To make a real difference, part of WorkoutApp profits will be donated to the charity.
</h4>
</div>
</div>
<div id="apptable">
<div class="text-center">
<h2>We are not the first, but we are the best!</h2>
</div>
<div class="container py-4">
<div class="row g-0 backtable">
<div class="col-3"></div>
<div class="col-2"><div class="mask"></div></div>
</div>
<div class="row g-0 table-best table-best-head">
<div class="col-3">
</div>
<div class="col-8">
<div class="row g-0 table-header">
<div class="col-3 text-center my-auto black">
<h4>workoutapp</h4>
</div>
<div class="col-3 text-center my-auto c2">
<h4>STEP’N</h4>
</div>
<div class="col-3 text-center my-auto c3">
<h4>amazy</h4>
</div>
<div class="col-3 text-center my-auto c4">
<h4>defit</h4>
</div>
</div>
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Activites</p>
</div>
<div class="col-2 text-center my-auto">
<p>10</p>
</div>
<div class="col-2 text-center my-auto">
<p>2<p>
</div>
<div class="col-2 text-center my-auto">
<p>2<p>
</div>
<div class="col-2 text-center my-auto">
<p>4<p>
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Sensor Used</p>
</div>
<div class="col-2 text-center my-auto">
<p><small class="sm">accelerometers, gyroscopes, heart rate monitors and GPS</small><p>
</div>
<div class="col-2 text-center my-auto">
<p><small>GPS, pedometer</small><p>
</div>
<div class="col-2 text-center my-auto">
<p><small>GPS, pedometer</small><p>
</div>
<div class="col-2 text-center my-auto">
<p><small class="sm">gyroscopes, heart rate monitors, and GPS</small><p>
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Compete to earn</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<p><small>50%</small><p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Daily challenges</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Token Utility</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Software wallet</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<p><small>50%</small><p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Community features</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>
Community features
<small>(challenges for friends, group training)</small>
</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Metaverse VR Integrations</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Pulse and calorie counter</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Free Loot boxes, spinners
<b>and other gifts</b></p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
</div>
<div class="row g-0 table-best">
<div class="col-3 my-auto">
<p>Virtual Training</p>
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/ok.webp') }}" class="ok" alt="ok" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
<div class="col-2 text-center my-auto">
<img src="{{ asset('assets/img/table/x.webp') }}" class="no" alt="no" />
</div>
</div>
</div>
<!-- // container -->
</div>
</section>
<section id="app-info">
<img data-src="{{ asset('assets/img/table/line.webp') }}" class="how-bg-line lazy" alt="ok" />
<img data-src="{{ asset('assets/img/table/bg-how-tostart.webp') }}" class="how-bg-start lazy" alt="ok" />
<div id="howtostart">
<div class="container">
<h2>how to start? </h2>
<div class="row justify-content-center py-5">
<div class="col-lg-8">
<div class="row">
<div class="col-2 text-center">
<img data-src="{{ asset('assets/img/table/how-left-line.webp') }}" class="entrys-line lazy" alt="ok" />
</div>
<div class="col-10">
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center"><b>1</b> </div>
<div class="col-7">
<span>
DOWNLOAD WORKOUTAPP FROM APP STORE OR GOOGLE PLAYSTORE
</span>
<div class="row" style="margin-right:14%; margin-top:-8px; margin-left:-5%;">
<div class="col-6"><img data-src="{{ asset('assets/img/table/entry-wallet-1.webp') }}" class="img-fluid lazy" alt="phone" /></div>
<div class="col-6"><img data-src="{{ asset('assets/img/table/entry-wallet-2.webp') }}" class="img-fluid lazy" alt="phone" /></div>
</div>
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center"><b>2</b> </div>
<div class="col-7">
<span>
SIGN-UP FOR WORKOUTAPP YOU WILL BE ASKED TO PROVIDE YOUR EMAIL ADDRESS
</span>
</div>
<div class="col-3">
<img data-src="{{ asset('assets/img/table/entry-phone.webp') }}" class="img-fluid phone lazy" alt="phone" />
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center"><b>3</b> </div>
<div class="col-7">
<span>
ALLOW ACCESS TO YOUR LOCATION & SYNCHRONISE YOUR WORKOUTAPP WITH YOUR WEARABLE DEVICE
</span>
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center"><b>4</b> </div>
<div class="col-7">
<span>
CONNECT YOUR WALLET (<strong class="orange">METAMASK</strong> OR <strong class="blue">TRUSTWALLET</strong>)
</span>
</div>
<div class="col-3">
<img data-src="{{ asset('assets/img/table/entry-wallet.webp') }}" class="img-fluid wallet lazy" alt="phone" />
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center"><b>5</b> </div>
<div class="col-7">
<span>
PURCHASE OR WIN YOUR UNIQUE NFT SPORT ATTRIBUTE
</span>
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center"><b>6</b> </div>
<div class="col-7">
<span>
ENJOY EARNING AND A NEW, BETTER LIFESTYLE
</span>
</div>
<div class="col-3">
<img data-src="{{ asset('assets/img/table/entry-tokens.webp') }}" class="img-fluid tokens lazy" alt="phone" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- // row -->
</div>
</div>
<div id="howtoearn">
<img data-src="{{ asset('assets/img/table/bg-earn.webp') }}" class="bg-earn lazy" alt="ok" />
<div class="container">
<h2>HOW TO EARN</h2>
<div class="row">
<div class="col-8">
<p class="big">When you get your unique sport attribute - NFT, you can start training right away!</p>
</div>
</div>
</div>
<div class="px-5">
<div class="row py-5">
<div class="col-2"></div>
<div class="col-3">
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center my-auto"><b>1</b> </div>
<div class="col-10 my-auto">
<span>
<strong>NFT</strong> The time you can train and earn depends on the level of your NFT. Tip: To train longer, harder and earn more WRT get a higher level of the NFT.
</span>
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center my-auto"><b>2</b> </div>
<div class="col-10 my-auto">
<span>
<strong>Durability</strong> Don’t worry about your NFT lifetime, WRT NFTs are immortal!
</span>
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center my-auto"><b>3</b> </div>
<div class="col-10 my-auto">
<span>
<strong>Stamina</strong> For each training you need Stami na in your inventory, the longer the training, the more Stamina will be needed.
</span>
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center my-auto"><b>4</b> </div>
<div class="col-10 my-auto">
<span>
<strong>Bonuses</strong> Gain levels in the application to increase your earning power and if you HODL WRT you will earn extra tokens to the training!
</span>
</div>
</div>
</div>
<div class="entry">
<div class="row g-1">
<div class="col-2 text-center my-auto"><b>5</b> </div>
<div class="col-10 my-auto">
<span>
<strong>Passive income</strong> You can rent your NFT to other users and they will share the training reward with you 50/50! So your NFT pays off by itself!
</span>
</div>
</div>
</div>
</div>
<div class="col-6 text-center">
<video id="eanrvideo" class="lazy-video" autoplay muted loop playsinline style="width:100% !important;" poster="{{ asset('assets/img/video/howtoearn-video.webp') }}">
<source data-src="{{ asset('assets/img/video/howToEarn_x264.mp4') }}" type="video/mp4">
</video>
</div>
</div>
<div class="row justify-content-end" style="margin-top:-20vh; padding-left:8vw;">
<div class="col-7 ">
<div class="row mx-3">
<div class="col-4 text-end my-auto">
<p class="big text-right py-1 ">And you can repeat those steps every day!</p>
</div>
<div class="col-6">
<h3>
Train
<br/>earn
<br/>repeat!
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="tokenomics">
<img data-src="{{ asset('assets/img/tokenomics/cards-bg-0.webp') }}" class="bg-cards-0 lazy" alt="bg" />
<img data-src="{{ asset('assets/img/tokenomics/cards-bg.webp') }}" class="bg-cards lazy" alt="bg" />
<div class="container">
<div class="usable-title mb-5">
<img data-src="{{ asset('assets/img/tokenomics/fan.webp') }}" alt="workoutapp" class=" lazy"/>
<h2 class="usable-title-text">
<span>Usable</span>
<span>Tokens</span>
</h2>
</div>
<div class="card-list">
<div class="row g-0">
<div class="card-col col">
<div class="card-fan">
<div class="card-fan-pic">
<img data-src="{{ asset('assets/img/cards/1.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="card-fan-description">
<h5>CONNECT & TRAIN</h5>
<p>
WRT Fan Tokens holders will have access to the premium groups, allowing them to connect with their favourite athlete.
</p>
</div>
</div>
</div>
<div class="card-col col">
<div class="card-fan">
<div class="card-fan-pic">
<img data-src="{{ asset('assets/img/cards/2.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="card-fan-description">
<h5>CONNECT & TRAIN</h5>
<p>
WRT Fan Tokens holders will have access to the premium groups, allowing them to connect with their favourite athlete.
</p>
</div>
</div>
</div>
<div class="col-active card-col col active">
<div class="card-fan ">
<div class="card-fan-pic">
<img data-src="{{ asset('assets/img/cards/3.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="card-fan-description">
<h5>CONNECT & TRAIN</h5>
<p>
WRT Fan Tokens holders will have access to the premium groups, allowing them to connect with their favourite athlete.
</p>
</div>
</div>
</div>
<div class="card-col col">
<div class="card-fan">
<div class="card-fan-pic">
<img data-src="{{ asset('assets/img/cards/4.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="card-fan-description">
<h5>CONNECT & TRAIN</h5>
<p>
WRT Fan Tokens holders will have access to the premium groups, allowing them to connect with their favourite athlete.
</p>
</div>
</div>
</div>
<div class="card-col col">
<div class="card-fan">
<div class="card-fan-pic">
<img data-src="{{ asset('assets/img/cards/5.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="card-fan-description">
<h5>CONNECT & TRAIN</h5>
<p>
WRT Fan Tokens holders will have access to the premium groups, allowing them to connect with their favourite athlete.
</p>
</div>
</div>
</div>
<div class="card-col col">
<div class="card-fan">
<div class="card-fan-pic">
<img data-src="{{ asset('assets/img/cards/6.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</div>
<div class="card-fan-description">
<h5>CONNECT & TRAIN</h5>
<p>
WRT Fan Tokens holders will have access to the premium groups, allowing them to connect with their favourite athlete.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-4">
<div class="box-bg vote-box">
<div class="inner">
<h4>Right to vote</h4>
<p>
Users with a qualifying amount of tokens can take part in voting regarding the development of the application and the entire project.
</p>
<img data-src="{{ asset('assets/img/tokenomics/vote.webp') }}" alt="workoutapp" class="img-fluid anim-simleFloating lazy" />
</div>
</div>
</div>
</div>
<div class="row justify-content-end">
<div class="col-lg-4">
<div class="box-bg vs-box">
<div class="inner">
<h4> Tournaments </h4>
<p>
Create your own dream team with your friends and challenge your competitors!
</p>
<img data-src="{{ asset('assets/img/tokenomics/vs.webp') }}" alt="workoutapp" class="img-fluid vs anim-simleFloating lazy" />
<img data-src="{{ asset('assets/img/tokenomics/vs1.webp') }}" alt="workoutapp" class="img-fluid vs1 lazy" />
<img data-src="{{ asset('assets/img/tokenomics/vs2.webp') }}" alt="workoutapp" class="img-fluid vs2 lazy" />
</div>
</div>
</div>
</div>
<div class="row ">
<div class="col-lg-2"></div>
<div class="col-lg-5 relative">
<h2 class="big-title">400M pro athletes </h2>
<div class="box-bg wrt-box">
<div class="inner">
<img data-src="{{ asset('assets/img/tokenomics/box.webp') }}" alt="workoutapp" class="img-fluid anim-simleFloating lazy" />
<p>
WRT Fan Tokens can be found in
</p>
<h4>Loot Boxes or Spinners </h4>
</div>
</div>
</div>
</div>
</div>
<div class="tok-circle">
<img data-src="{{ asset('assets/img/tokenomics/tok-bg-1.webp') }}" class="bg-tok1 lazy" alt="bg" />
<img data-src="{{ asset('assets/img/tokenomics/tok-bg-2.webp') }}" class="bg-tok2 lazy" alt="bg" />
<div class="container" style="z-index:5;">
<div class="title row justify-content-center pt-5 pb-3 text-center">
<div class="col-7 text-center">
<h3 class="tokenomics-title">Tokenomics</h3>
</div>
</div>
<div class="px-lg-5">
<div class="relative py-3 text-white row">
<div class="light-tokenomics col-lg-6">
<div class="circle">
<div class="circle-percents"></div>
<div class="circle-token"></div>
</div>
<div class="text-center">
<a href="{{ path('economy') }}" class="tok-btn">
<img data-src="{{ asset('assets/img/tokenomics/button.webp') }}" alt="workoutapp" class="img-fluid lazy" />
</a>
</div>
</div>
<div class="col-lg-6">
<div class="tokenomics-legend pt-3">
<div class="row">
<div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t1.webp') }}" alt="workoutapp"></div>
<div class="col-8 my-auto"><span class="color-1">30% Train2Earn</span></div>
</div>
<div class="row"><div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t2.webp') }}" alt="workoutapp"></div><div class="col-8 my-auto"><span class="color-2">20% Liquidity</span></div></div>
<div class="row"><div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t3.webp') }}" alt="workoutapp"></div><div class="col-8 my-auto"><span class="color-3">15% Marketing</span></div></div>
<div class="row"><div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t4.webp') }}" alt="workoutapp"></div><div class="col-8 my-auto"><span class="color-4">10% Development in Metaverse</span></div></div>
<div class="row"><div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t5.webp') }}" alt="workoutapp"></div><div class="col-8 my-auto"><span class="color-5">10% Public Sale</span></div></div>
<div class="row"><div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t6.webp') }}" alt="workoutapp"></div><div class="col-8 my-auto"><span class="color-6">10% Team</span></div></div>
<div class="row"><div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t7.webp') }}" alt="workoutapp"></div><div class="col-8 my-auto"><span class="color-7">3% Advisors</span></div></div>
<div class="row"><div class="col-4 text-end"><img src="{{ asset('assets/img/tokenomics/t8.webp') }}" alt="workoutapp"></div><div class="col-8 my-auto"><span class="color-8">2% Private Sale</span></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="nft">
<div id="ai">
<div class="container py-5">
<div class="text-center row justify-content-center">
<div class="col-lg-9">
<h6 class="ai-text">
<b>AI algorithms</b> are the foundation of the activities recognition.
AI counteracts cheating and provides <b>antibot system</b> so that only the real performance is rewarded.
</h6>
</div>
</div>
</div>
<img data-src="{{ asset('assets/img/ai-robot.webp') }}" alt="ai" class="robot lazy" >
</div>
<div id="sportVideos" class="px-5 mx-5">
<div class="activevideo">
<div class="row relative">
<div class="col-3 text-end">
<h3>
There are many categories of sports to choose from
</h3>
</div>
<div class="col-2">
<ul>
<li><a href="#" class="sports sports-walking active">walking</a></li>
<li><a href="#" class="sports sports-crossfit">CrossFit</a></li>
<li><a href="#" class="sports sports-running">running</a></li>
<li><a href="#" class="sports sports-cycling">Cycling</a></li>
<li><a href="#" class="sports sports-tennis">Tennis</a></li>
<li><a href="#" class="sports sports-swimming">Swimming</a></li>
<li><a href="#" class="sports sports-yoga">Yoga/pilates</a></li>
<li><a href="#" class="sports sports-general">General workout</a></li>
<li><a href="#" class="sports sports-interval">interval training</a></li>
<li><a href="#" class="sports sports-strength">Strength training</a></li>
</ul>
</div>
</div>
<div id="back">
<video id="sports" class="lazy-video" autoplay muted loop playsinline style="width:100% !important;" poster="{{ asset('assets/img/video/sports/walking-big.webp') }}">
<source data-src="{{ asset('assets/img/video/sports/walking2_x264.mp4" type="video/mp4') }}">
</video>
</div>
</div>
<div class="bottomvideos row g-0 ">
<div class="col sports sports-walking active"> <img src="{{ asset('assets/img/video/sports/walking.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-crossfit"> <img src="{{ asset('assets/img/video/sports/crossfit.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-running"> <img src="{{ asset('assets/img/video/sports/running.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-cycling"> <img src="{{ asset('assets/img/video/sports/cycling.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-tennis"> <img src="{{ asset('assets/img/video/sports/tennis.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-swimming"> <img src="{{ asset('assets/img/video/sports/swimming.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-yoga"> <img src="{{ asset('assets/img/video/sports/yoga.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-general"> <img src="{{ asset('assets/img/video/sports/general.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-interval"> <img src="{{ asset('assets/img/video/sports/interval.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
<div class="col sports sports-strength"> <img src="{{ asset('assets/img/video/sports/strength.webp') }}" class="img-fluid sportmovie" alt="sport" /> </div>
</div>
</div>
<div class="container">
<div class="nft-rent-bg">
<div class="row">
<div class="col-lg-7">
<h3 class="nft-title-rent">
NFT rent
</h3>
<h4 class="nft-subtitle mb-4">
The remarkable feature of the WorkoutApp is renting your NFTs!
</h4>
<div class="row py-3">
<div class="col-lg-6">
<p>You do not have to buy NFT to start training and earning. You can use ones from the users open pool!</p>
</div>
<div class="col-lg-6">
<p>You can buy unique NFT and earn by lending it. Get 50% of someone’s reward just for the rent.</p>
</div>
</div>
<p class="nft-info py-4">
To praise WRT HODLERS there will be extraordinary earning mechanics. The more WRT you hold the higher the rewards for the training
</p>
</div>
<div class="col-lg-5">
<div class="portal">
<img data-src="{{ asset('assets/img/nft/stamina-1.webp') }}" class="anim-simleFloating img-fluid lazy" alt="stamina" />
</div>
</div>
</div>
</div>
</div>
<div class="nft-slider" style="height:110vh;">
<img data-src="{{ asset('assets/img/nft/nft-bg.png') }}" class="nft-bg lazy" alt="nft" />
<img data-src="{{ asset('assets/img/nft/nft-fala.png') }}" class="nft-bg-line lazy" alt="nft" />
<div class="nft-pictures">
<div class="nft-menu">
<div id="slider-nav">
<div><span class="btn-nav">walking</span></div>
<div> <span class="btn-nav">CrossFit</span></div>
<div> <span class="btn-nav">running</span></div>
<div> <span class="btn-nav">Cycling</span></div>
<div> <span class="btn-nav">Tennis</span></div>
<div> <span class="btn-nav">Swimming</span></div>
<div> <span class="btn-nav">Yoga/pilates</span></div>
<div> <span class="btn-nav">General workout</span></div>
<div> <span class="btn-nav">interval training</span></div>
<div><span class="btn-nav">Strength training</span></div>
</div>
</div>
<div class="px-5 mx-5">
<div id="slider-for">
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/walking_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/walking_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/walking_5.png') }}" style="max-width: 140%;
left: -20%;
top: -5%;" alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/walking_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/walking_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/crossfit_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/crossfit_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/crossfit_5.png') }}" style="max-width:125%; left:-10%; top:1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/crossfit_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/crossfit_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/running_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/running_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/running_5.png') }}" style="max-width:125%; left:-10%; top:1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/running_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/running_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/cycling_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/cycling_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/cycling_5.png') }}" style="max-width:125%; left:-10%; top:1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/cycling_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/cycling_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/tennis_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/tennis_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/tennis_5.png') }}" style="max-width: 165%;
left: -30%;
top: -10%;" alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/tennis_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/tennis_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/swimming_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/swimming_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/swimming_5.png') }}" style="max-width: 135%;
left: -20%;
top: 1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/swimming_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/swimming_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/yoga_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/yoga_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/yoga_5.png') }}" style="max-width:125%; left:-10%; top:1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/yoga_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/yoga_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/general_workout_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/general_workout_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/general_workout_5.png') }}" style="max-width:125%; left:-10%; top:1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/general_workout_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/general_workout_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/interval_training_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/interval_training_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/interval_training_5.png') }}" style="max-width:125%; left:-10%; top:1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/interval_training.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/interval_training_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
<div>
<div class="row">
<div class="col lvl lvl3"><img src="{{ asset('assets/img/nft/cards/strenght_training_3.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl4"><img src="{{ asset('assets/img/nft/cards/strenght_training_4.png') }}" style=" " alt="walking" /></div>
<div class="col lvl lvl5"><img src="{{ asset('assets/img/nft/cards/strenght_training_5.png') }}" style="max-width:125%; left:-10%; top:1%; " alt="walking" /></div>
<div class="col lvl lvl1"><img src="{{ asset('assets/img/nft/cards/strenght_training_1.png') }}" class="img-fluid" alt="walking" /></div>
<div class="col lvl lvl2"><img src="{{ asset('assets/img/nft/cards/strenght_training_2.png') }}" class="img-fluid" alt="walking" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="roadmap">
<img data-src="{{ asset('assets/img/road/bg-road.webp') }}" class="bg-road lazy" alt="road" />
<div class="relative px-5">
<div class="text-center py-5">
<h2>ROADMAP</h2>
</div>
<div id="map" class=" ">
<div class="txt">
<div class="q" style="left:54%; top:0.2%;">
<h4><b>1q</b>2023</h4>
<ul class="done">
<li>The idea of creating the WorkoutApp</li>
<li>Gathering a team</li>
<li>Market research</li>
<li>Development of a marketing strategy</li>
<li>CEO’s initial funding deposit</li>
</ul>
</div>
<div class="q" style="left:5%; top:7.8%;">
<h4><b>2q</b>2023</h4>
<ul class="done">
<li>Creation of a website v1</li>
<li>1st round of private sale</li>
<li>Establishing contacts with partner</li>
</ul>
</div>
<div class="q" style="left:62.5%; top:17.4%;">
<h4><b>3q</b>2023</h4>
<ul class="done">
<li>Building and engaging the community</li>
<li>Collaboration with athletes</li>
<li>Consultations with partners and experts</li>
<li>Marketing strategy adjustments</li>
<li>Definition of WorkoutApp requirements
</li>
</ul>
</div>
<div class="q" style="left:1%; top:23.8%;">
<h4><b>4q</b>2023</h4>
<ul class="done">
<li>Further application development</li>
<li>Cooperation with sports brands</li>
<li>Refining the tokenomics</li>
<li>2nd round of private sale
</li>
</ul>
</div>
<div class="q" style="left:50%; top:32.1%;">
<h4><b>1q</b>2024</h4>
<ul class="done">
<li>Presentation of the NFT collection</li>
<li>Creation of an MVP</li>
<li>Application tests</li>
<li>Application optimizing</li>
<li>Creation of a website v2
</li>
</ul>
</div>
<div class="q" style="left:7.6%; top:42.5%;">
<h4><b>2q</b>2024</h4>
<ul>
<li>Refining the remuneration algorithms</li>
<li>Audit</li>
<li>Beta application introduction</li>
<li>Presale</li>
<li>Top sports star announcement</li>
<li>Start of staking</li>
<li>Application introduction</li>
<li>Partnership with a charitable foundation</li>
<li>Airdrop event
</li>
</ul>
</div>
<div class="q" style="left:58%; top:54.1%;">
<h4><b>3q</b>2024</h4>
<ul>
<li>Listing on Tier 1 CEX & DEX</li>
<li>Introduction of Workout Wallet</li>
<li>Fan Token Event</li>
<li>Announcement of the WRT league main sponsor</li>
<li>Classification of the most active users</li>
<li>Launch of the unique NFT collection</li>
<li>Enable token swapping in the application</li>
<li>Launch of the NFT lendin
</li>
</ul>
</div>
<div class="q" style="left:2.4%; top:69%;">
<h4><b>4q</b>2024</h4>
<ul>
<li>Introduction of WorkoutApp Crypto League</li>
<li>Creation of the training platform with the world’s top trainers</li>
<li>Introduction of the Train to Earn economy for the people with disabilities</li>
<li>Partnerships with gyms in the real world</li>
<li>Organization of WorkoutApp.io competitions</li>
<li>Land purchase in the Metaverse for the first WorkoutGym
</li>
</ul>
</div>
<div class="q" style="left:14.9%; top:94.6%;">
<h4><b>1q</b>2025</h4>
<ul>
<li>Work on integration with existing Metaverses</li>
<li>Introduction of VR personal training</li>
<li>Integration with the most popular Meta-worlds</li>
<li>Creating own WorkoutGym network in the most popular Metaverse
</li>
</ul>
</div>
</div>
<div class="row g-0">
<div class="col-2"></div>
<div class="col-5">
<img data-src="{{ asset('assets/img/road/road-1.webp') }}" class="img-fluid lazy" alt="road" />
</div>
</div>
</div>
</div>
</section>
<section id="team">
<div class="container">
<div class="relative">
<div class="title pb-3 text-center">
<h3 class="team-title">team</h3>
</div>
<div class="row g-3 px-2 justify-content-center">
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3">
<img alt="workoutapp" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-1.webp') }}" />
</div>
<h5>CEO & Founder</h5>
<h6>Witold Witkowski, MBA</h6>
<p>entrepreneur, strong crypto-believer, investor and academic</p>
</div>
</div>
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3"><img alt="" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-2b.webp') }}" >
</div><h5>COO & Co-Founder</h5><h6>Łukasz Konczak</h6>
<p>athlete, entrepreneur, crypto-enthusiast and trainer</p>
</div>
</div>
</div>
<!-- // row -->
<div class="row g-3 px-2 pb-5 justify-content-center">
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3"><img alt="" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-3.webp') }}" >
</div><h5>NFT CONCEPT ARTIST</h5><h6>FILIP DRYWA</h6>
<p>graphic designer, architect, cgi expert</p>
</div>
</div>
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3"><img alt="" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-4.webp') }}" >
</div><h5>HEAD OF PARTNERSHIPS</h5><h6>OLA RUTKOWSKA</h6>
<p>experienced leader and head of sales in number of mncs</p>
</div>
</div>
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3"><img alt="" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-5.webp') }}" >
</div><h5>CMO</h5><h6>Jakub Gesiak</h6>
<p>marketing consultant, crypto devotee, head of sm</p>
</div>
</div>
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3"><img alt="" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-6a.webp') }}" >
</div><h5>UX DESIGNER</h5><h6>PATRYCJA KULInSKA</h6>
<p>Web and application designer</p>
</div>
</div>
</div>
<div class="text-center py-3 mt-5">
<h6 class="more-title">+16 more</h6>
</div>
<div class="title row justify-content-center pt-5 pb-3 text-center">
<div class="col-7 text-center">
<h5 class="advisors-title">advisors</h5>
</div>
</div>
<div class="row g-3 px-2 justify-content-center">
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3"><img alt="" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-7.webp') }}" >
</div><h6 class="adv">PhD Piotr Kasprzak</h6>
<p>consultant, financial mathematician and tax expert</p>
</div>
</div>
<div class="col-lg-3 col-5">
<div class="team text-center">
<div class="team-pic mb-3"><img alt="" class="img-fluid lazy" data-src="{{ asset('assets/img/team/team-8a.webp') }}" >
</div><h6 class="adv">MARCIN KASICA</h6>
<p>PL National Tennis Champion</p>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block bottom_javascripts %}
<script type="text/javascript">
WHITELIST_POPUP_AJAX_URL = '{{ path('index_whitelist_popup') }}';
$('body').on('hidden.bs.modal', '.modal', function () {
$('video').trigger('pause');
});
</script>
{% endblock %}