Files
gsf/resources/views/website/pages/download.blade.php
vedant-chavan 20f55281ef save to codehub
2024-08-09 17:11:41 +05:30

388 lines
18 KiB
PHP

@extends('website.layouts.master')
@section('content')
<?php $currentPage = "download" ?>
<style>
.#ownload-features .img-icon:hover{
background: #DCFF8D !important;
border: 7px solid var(--yellow) !important;
}
</style>
<section class="transform-your ">
<!--<h2 class="container">"Transform Your Health and Fitness with <br> Our Top-Rated App - <span>Download Now!</span> "</h2>-->
<h2 class="container">"FITNESS PROGRAM THAT <br> <span> ACTUALLY WORKS</span>"</h2>
</section>
<section class="getin-sec">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="get-inn">
<!--<h3>GET IN THE BEST SHAPE <br>-->
<!-- OF YOUR LIFE</h3>-->
<!--<p>ed luctus ultricies massa, vel consequat risus molestie et. Nunc sit amet purus a velit-->
<!-- pellentesque scelerisque eu ut turpis. Maecenas </p>-->
<!--<h3>Experience The Transformation First Hand</h3>-->
<h3>Thank you for the little space in your Big Heart and small phone</h3>
<!--<p>Supercharge your fitness journey with GSF. Get access to live workouts and custom nutrition on the GSF app. Download Now!</p>-->
<div class="phone-app">
<a href="https://apps.apple.com/us/app/gsf/id6455990055">
<div class="phone">
<img src="{{asset('public/assets/website/assets/images/download/phone.svg')}}" alt="">
<div class="phone-txt">
<p>Available on the</p>
<h5>App Store</h5>
</div>
</div>
</a>
<a href="">
<div class="phone">
<img src="{{asset('public/assets/website/assets/images/download/playstore.svg')}}" alt="">
<div class="phone-txt">
<p>Android App On</p>
<h5>Google Play</h5>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="right-imgs">
<img src="{{asset('public/assets/website/assets/images/download/dual.png')}}" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="getsetfit meet-our">
<div class="container">
<h2>GetSetFit has Awesome Key <br> <span>Features</span></h2>
<p class='lorem'>
Our mobile app is designed to make fitness accessible to everyone with workouts you can do at your home.
</p>
<!--<div class="row">-->
<!-- <div class="col-md-4">-->
<!-- <div class="left-side common">-->
<!-- <div class="left-img ">-->
<!-- <img src="{{asset('public/assets/website/assets/images/download/left-arrow.png')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Lorem Ipsum</h5>-->
<!-- <p>Lorem Ipsum is simply dummy text of the printing and type esetting industry lorem Ipsum has.</p>-->
<!-- </div>-->
<!-- <div class="left-side common">-->
<!-- <div class="left-img">-->
<!-- <img src="{{asset('public/assets/website/assets/images/download/left-arrow.png')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Lorem Ipsum</h5>-->
<!-- <p>Lorem Ipsum is simply dummy text of the printing and type esetting industry lorem Ipsum has.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-4">-->
<!-- <div class="middle-phone">-->
<!-- <img src="{{asset('public/assets/website/assets/images/download/getsetfit.png')}}" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-4">-->
<!-- <div class="right-side common">-->
<!-- <div class="left-img ">-->
<!-- <img src="{{asset('public/assets/website/assets/images/download/right-arrow.png')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Lorem Ipsum</h5>-->
<!-- <p>Lorem Ipsum is simply dummy text of the printing and type esetting industry lorem Ipsum has.</p>-->
<!-- </div>-->
<!-- <div class="right-side common">-->
<!-- <div class="left-img">-->
<!-- <img src="{{asset('public/assets/website/assets/images/download/right-arrow.png')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Lorem Ipsum</h5>-->
<!-- <p>Lorem Ipsum is simply dummy text of the printing and type esetting industry lorem Ipsum has.</p>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<div class="row" id="download-features">
<div class="col-md-4" style="padding-right: 20px;">
<div class="meet-inner i-1">
<div class="hover-img h-100" style="top: 39%;">
<img class="h-100 training" src="{{asset('public/assets/website/assets/images/meet/groupworkout.png')}}" alt="">
<!--<img class="h-100 training" src="{{asset('public/assets/website/assets/images/meet/weight1.png')}}" alt="">-->
</div>
<div class="img-icon img1-icon me-0">
<img class="img1" src="{{asset('public/assets/website/assets/images/meet/workouts.svg')}}" alt="">
</div>
<h5 style="font-size: 24px; text-align: right;">Group Workouts</h5>
<p style="font-size: 18px; text-align: right;">Pump it up with workout buddies who are just as fitness-savvy as you.</p>
</div>
<div class="meet-inner i-2">
<div class="hover-img h-100" style="top: 39%;">
<img class="h-100 weight" src="{{asset('public/assets/website/assets/images/meet/bioscale.png')}}" alt="">
</div>
<div class="img-icon me-0">
<img class="img2" src="{{asset('public/assets/website/assets/images/meet/weight.svg')}}" alt="">
</div>
<h5 style="font-size: 24px; text-align: right;">Bio Scale</h5>
<p style="font-size: 18px; text-align: right;">Access your body stats with the ultimate tool for precise tracking and optimizing progress.</p>
</div>
<!--<div class="meet-inner i-3">-->
<!-- <div class="hover-img h-100">-->
<!-- <img class="h-100 workouts" src="{{asset('public/assets/website/assets/images/meet/workouts1.png')}}" alt="">-->
<!-- </div>-->
<!-- <div class="img-icon">-->
<!-- <img class="img3" src="{{asset('public/assets/website/assets/images/meet/workouts.svg')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Wellness Wisdom</h5>-->
<!-- <p>Discover the secrets to a healthier you with bite-sized wellness wisdom.</p>-->
<!--</div>-->
<!--<div class="meet-inner i-4">-->
<!-- <div class="hover-img">-->
<!-- <img class=" meal" src="{{asset('public/assets/website/assets/images/meet/meal1.png')}}" alt="">-->
<!-- </div>-->
<!-- <div class="img-icon">-->
<!-- <img class="img4" src="{{asset('public/assets/website/assets/images/meet/meal.svg')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Personalized meal plan</h5>-->
<!-- <p>Nutrition plays a crucial role in training and well--->
<!-- being. so we provide a meal plan tailored to your-->
<!-- food preferences. allergies. and health.</p>-->
<!--</div>-->
</div>
<div class="col-md-4">
</div>
<div class="col-md-4" style="padding-left: 20px;">
<div class="meet-inner i-5">
<div class="hover-img h-100" style="top: 39%;">
<img class="h-100 running" src="{{asset('public/assets/website/assets/images/meet/running1.png')}}" alt="">
</div>
<div class="img-icon ms-0">
<img class="img5" src="{{asset('public/assets/website/assets/images/meet/fruit.svg')}}" alt="">
</div>
<h5 style="font-size: 24px; text-align: left;">Customized Nutrition</h5>
<p style="font-size: 18px; text-align: left;">Get diet plans tailored specifically for your body and fitness goals.</p>
</div>
<div class="meet-inner i-6">
<div class="hover-img h-100" style="top: 39%;">
<img class="h-100 treadmill" src="{{asset('public/assets/website/assets/images/meet/leaderboard.png')}}" alt="">
</div>
<div class="img-icon ms-0">
<img class="img6" src="{{asset('public/assets/website/assets/images/meet/trophy.svg')}}" alt="">
</div>
<h5 style="font-size: 24px; text-align: left;">Live Leaderboard </h5>
<p style="font-size: 18px; text-align: left;"> Stay motivated with our dynamic live leaderboard, igniting your competitive spirit.</p>
</div>
<!--<div class="meet-inner i-7">-->
<!-- <div class="hover-img h-100">-->
<!-- <img class="h-100 audio" src="{{asset('public/assets/website/assets/images/meet/audio1.png')}}" alt="">-->
<!-- </div>-->
<!-- <div class="img-icon">-->
<!-- <img class="img7" src="{{asset('public/assets/website/assets/images/meet/audio.svg')}}" alt="">-->
<!-- </div>-->
<!-- <h5>GSF Community </h5>-->
<!-- <p>Sweat together with the always enthusiastic and motivating GSF community.</p>-->
<!--</div>-->
<!--<div class="meet-inner i-8 ">-->
<!-- <div class="hover-img">-->
<!-- <img class="education" src="{{asset('public/assets/website/assets/images/meet/education1.png')}}" alt="">-->
<!-- </div>-->
<!-- <div class="img-icon">-->
<!-- <img class="img8" src="{{asset('public/assets/website/assets/images/meet/education.svg')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Educational content</h5>-->
<!-- <p>Science-based daily tips to avoid common-->
<!-- mistakes and reach your goals faster.</p>-->
<!--</div>-->
</div>
</div>
<div class="mobiles-show">
<div class="meet-inner i-2">
<div class="hover-img">
<img class=" training" src="{{asset('public/assets/website/assets/images/meet/groupworkout.png')}}" alt="">
<!--<img class=" training" src="{{asset('public/assets/website/assets/images/meet/weight1.png')}}" alt="">-->
</div>
<div class="img-icon">
<img class="img2" src="{{asset('public/assets/website/assets/images/meet/workouts.svg')}}" alt="">
</div>
<h5>Group Workouts</h5>
<p>Pump it up with workout buddies who are just as fitness-savvy as you.</p>
</div>
<div class="meet-inner i-5">
<div class="hover-img">
<img class=" training" src="{{asset('public/assets/website/assets/images/meet/running1.png')}}" alt="">
</div>
<div class="img-icon">
<img class="img5" src="{{asset('public/assets/website/assets/images/meet/fruit.svg')}}" alt="">
</div>
<h5>Customized Nutrition</h5>
<p>Get diet plans tailored specifically for your body and fitness goals.</p>
</div>
<div class="meet-inner i-1">
<div class="hover-img">
<img class=" training" src="{{asset('public/assets/website/assets/images/meet/bioscale.png')}}" alt="">
</div>
<div class="img-icon">
<img class="" src="{{asset('public/assets/website/assets/images/meet/weight.svg')}}" alt="">
</div>
<h5>Bio Scale</h5>
<p>Access your body stats with the ultimate tool for precise tracking and optimizing progress.</p>
</div>
<div class="meet-inner i-6">
<div class="hover-img">
<img class="training" src="{{asset('public/assets/website/assets/images/meet/leaderboard.png')}}" alt="">
</div>
<div class="img-icon">
<img class="img6" src="{{asset('public/assets/website/assets/images/meet/trophy.svg')}}" alt="">
</div>
<h5>Live Leaderboard </h5>
<p>Stay motivated with our dynamic live leaderboard, igniting your competitive spirit.</p>
</div>
<!--<div class="meet-inner i-3">-->
<!-- <div class="hover-img">-->
<!-- <img class=" training" src="{{asset('public/assets/website/assets/images/meet/workouts1.png')}}" alt="">-->
<!-- </div>-->
<!-- <div class="img-icon">-->
<!-- <img class="img3" src="{{asset('public/assets/website/assets/images/meet/bulb.svg')}}" alt="">-->
<!-- </div>-->
<!-- <h5>Wellness Wisdom</h5>-->
<!-- <p>Discover the secrets to a healthier you with bite-sized wellness wisdom.</p>-->
<!--</div>-->
<!--<div class="meet-inner i-7">-->
<!-- <div class="hover-img">-->
<!-- <img class="training" src="{{asset('public/assets/website/assets/images/meet/audio1.png')}}" alt="">-->
<!-- </div>-->
<!-- <div class="img-icon">-->
<!-- <img class="img7" src="{{asset('public/assets/website/assets/images/meet/heart.svg')}}" alt="">-->
<!-- </div>-->
<!-- <h5>GSF Community </h5>-->
<!-- <p>Sweat together with the always enthusiastic and motivating GSF community.</p>-->
<!--</div>-->
</div>
</div>
</section>
<section class="how-it-works">
<div class="container">
<h2><span>How it works</span> - 4 easy steps</h2>
<p class="txt">
Getting started with GSF is a piece of salad. Follow these steps to start your journey.
</p>
<div class="row mar-top">
<div class="col-md-4">
<div class="left-txt comm">
<h5 >Step 1</h5>
<p>
Register for a program from the website www.getsetfit.com.
</p>
</div>
</div>
<div class="col-md-2">
<div class="number after">
<img src="{{asset('public/assets/website/assets/images/download/ellipse.svg')}}" alt="">
<p>01</p>
</div>
</div>
<div class="col-md-4">
<div class="image right">
<img src="{{asset('public/assets/website/assets/images/download/steps1.png')}}" alt="">
</div>
</div>
</div>
<div class="row rev">
<div class="col-md-4">
<div class="image">
<img src="{{asset('public/assets/website/assets/images/download/steps2.png')}}" alt="">
</div>
</div>
<div class="col-md-2">
<div class="number">
<img src="{{asset('public/assets/website/assets/images/download/ellipse.svg')}}" alt="">
<p>02</p>
</div>
</div>
<div class="col-md-4">
<div class="right-txt comm">
<h5>Step 2</h5>
<p>
Download the app and login with the credentials.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="left-txt comm">
<h5>Step 3</h5>
<p>
Turn on the notifications to keep in touch always.
</p>
</div>
</div>
<div class="col-md-2">
<div class="number">
<img src="{{asset('public/assets/website/assets/images/download/ellipse.svg')}}" alt="">
<p>03</p>
</div>
</div>
<div class="col-md-4">
<div class="image right">
<img src="{{asset('public/assets/website/assets/images/download/steps3.png')}}" alt="">
</div>
</div>
</div>
<div class="row rev">
<div class="col-md-4">
<div class="image">
<img src="{{asset('public/assets/website/assets/images/download/steps4.png')}}" alt="">
</div>
</div>
<div class="col-md-2">
<div class="number">
<img src="{{asset('public/assets/website/assets/images/download/ellipse.svg')}}" alt="">
<p>04</p>
</div>
</div>
<div class="col-md-4">
<div class="right-txt comm">
<h5>Step 4</h5>
<p>
Connect your BIOSCALE once you receive it (typically takes 2-7 business days).
</p>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection