PATH:
home
/
rwabteecom
/
project_11
/
resources
/
views
/
web
/
Editing: home.blade.php
@extends('web.layouts.app') @section('body') <section class="hero-sec py-5"> <div class="container"> <div class="row"> <div class="col-12 col-lg-7 col-xl-6 d-flex align-items-center justify-content-center"> <div class=" text-center text-lg-start"> <h1 class="mb-3 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.2s" data-wow-offset="100"> {{ __('Connected in just one simple link.') }}</h1> <h5 class="mb-5 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0.3s" data-wow-offset="100"> {{ __('Connect your TikTok, Instagram, Twitter, website, store, and more. It all comes together in a link in bio landing page designed to convert.') }} </h5> <form action="{{route('register')}}" class="d-flex flex-column flex-md-row justify-content-center align-items-center align-items-lg-start justify-content-lg-start mb-4 mb-lg-0 contact-form"> <div class="input-area me-md-3 my-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="100"> <p class="mb-0">{{env('DOMIN')}} / </p> <input type="text" name="username" placeholder="{{__('yourname')}}"> </div> <button class="my-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="100">{{ __('Create Link') }}</button> </form> </div> </div> <div class="col-12 col-lg-5 col-xl-6 d-flex align-items-center"> <img src="{{ (LaravelLocalization::getCurrentLocale() == 'en')? asset('front/assets/hero.png') : asset('front/assets/hero_rtl.png') }} " class="img-fluid wow wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.3s" data-wow-offset="100" alt=""> </div> </div> </div> </section> <section class="about-sec py-5"> <div class="container py-4"> <div class="row"> <div class="col-12 col-lg-5 col-xl-6 mb-4 mb-lg-0 text-center text-lg-start"> <img src="{{ asset('front/assets/about.png') }}" class="img-fluid wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0.3s" data-wow-offset="100" alt=""> </div> <div class="col-12 col-lg-7 col-xl-6"> <h1 class="main-text mb-3 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.2s" data-wow-offset="100"> {{ __('Share your Page from your Instagram, TikTok, Twitter and other bios') }}</h1> <h5 class="des-text mb-5 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0.3s" data-wow-offset="100"> {{ __('Showcase your link anywhere with the instant loading speed and share it with audience . Also, generate your Unique QR Code from').' '. env('DOMIN') .' '. __('and drive traffic from offline to online.') }}</h5> <a href="#" class="main-btn wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="100">{{ __('Create link now') }}</a> </div> </div> </div> </section> <section class="decription-sec py-5 mb-5"> <div class="container py-4"> <div class="row"> <div class="col-12 col-lg-7 col-xl-6"> <h1 class="main-text mb-3 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.2s" data-wow-offset="100"> {{ __('Customize your page in seconds') }} </h1> <h5 class="des-text mb-5 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0.3s" data-wow-offset="100"> {{ __('Easy creation of aesthetic mini-websites for brands, creators, and marketers with extensive and powerful design features.') }}</h5> <a href="{{route('register')}}" class="main-btn wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" data-wow-offset="100">{{ __('Create your own link') }}</a> </div> </div> </div> <div class="des-img d-lg-block d-none"> <img src=" {{ (LaravelLocalization::getCurrentLocale() == 'en')? asset('front/assets/des.png') : asset('front/assets/des_rtl.png') }}" class="img-fluid wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0.3s" data-wow-offset="100" alt=""> </div> </section> <section class="plan-sec py-5 my-2"> <div class="container text-center"> <h2 class="mb-2 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.3s" data-wow-offset="100"> {{ __('Choose your price plan') }}</h2> <p class="col-12 col-lg-6 mx-auto mb-4 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0.4s" data-wow-offset="100">{{ __('One link to help you share everything you create, curate and sell from your Instagram, TikTok, Twitter, YouTube and other social media profiles') }}</p> <div class="row row-cols-1 row-cols-lg-3 align-items-center"> @foreach ($plans as $plan) <div class="col py-2"> <div class="plan-card @if($plan->recommend) active-plan @endif p-4 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.3s" data-wow-offset="100"> <h5 class="mb-2">{{$plan->title}}</h5> <p class="small mb-3">{{$plan->description}}</p> @if ($plan->price > 0) <div class="price-con d-flex align-items-end justify-content-center"> <p class="mb-0">{{ __('SAR') }}</p> <h1 class="mb-0">{{$plan->price}}</h1> <span class="mb-0">{{ __('/Mon') }}</span> </div> @else <div class="price-con d-flex align-items-end justify-content-center"> <h1 class="mb-0">{{__("Free Plan")}}</h1> </div> @endif <ul class="my-4"> @foreach ($features as $feature) <li class="my-3"><span>{{$feature->title}}</span> @if(in_array($feature->id ,$plan->features()->pluck('id')->toArray())) <span><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M8.99975 16.5388C13.1419 16.5388 16.4998 13.181 16.4998 9.03882C16.4998 4.89668 13.1419 1.53882 8.99975 1.53882C4.85762 1.53882 1.49976 4.89668 1.49976 9.03882C1.49976 13.181 4.85762 16.5388 8.99975 16.5388Z" fill="#50CD89" /> <path d="M12.5767 5.90208C12.8593 5.59927 13.3339 5.5829 13.6368 5.86553C13.9396 6.14816 13.9559 6.62275 13.6733 6.92556L8.4233 12.5506C8.1491 12.8444 7.69205 12.8698 7.38692 12.6083L4.76192 10.3583C4.44743 10.0887 4.411 9.61522 4.68057 9.30073C4.95014 8.98623 5.42361 8.94981 5.73811 9.21938L7.81726 11.0015L12.5767 5.90208Z" fill="#50CD89" /> </svg> </span> @else <span><svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M8.99988 16.5388C13.142 16.5388 16.4999 13.181 16.4999 9.03882C16.4999 4.89668 13.142 1.53882 8.99988 1.53882C4.85774 1.53882 1.49988 4.89668 1.49988 9.03882C1.49988 13.181 4.85774 16.5388 8.99988 16.5388Z" fill="#FF8585" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.2084 5.88337C11.9155 5.59047 11.4406 5.59047 11.1477 5.88337L9.02633 8.00475L6.90506 5.88347C6.61216 5.59058 6.13729 5.59058 5.8444 5.88347C5.5515 6.17637 5.5515 6.65124 5.8444 6.94413L7.96567 9.06541L5.84442 11.1867C5.55152 11.4796 5.55152 11.9544 5.84442 12.2473C6.13731 12.5402 6.61218 12.5402 6.90508 12.2473L9.02633 10.1261L11.1477 12.2474C11.4406 12.5403 11.9155 12.5403 12.2084 12.2474C12.5013 11.9545 12.5013 11.4797 12.2084 11.1868L10.087 9.06541L12.2084 6.94403C12.5013 6.65113 12.5013 6.17626 12.2084 5.88337Z" fill="#FF0000" /> </svg> </span> @endif </li> @endforeach </ul> @if(auth()->user()?->currentPlan?->plan_id == $plan?->id) <button class="reserve-btn">{{ __('Selected') }}</button> @else <a href="{{route('dashboard.subscribe.subscribe.store',[ 'plan_id'=>$plan ])}}" class="reserve-btn">{{ __('Select') }} </a> @endif </div> </div> @endforeach </div> </div> </section> <section class="contact-sec py-5"> <div class="container text-center col-12 col-lg-7 col-xl-6 mx-auto"> <h1 class="mb-4 main-text wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.3s" data-wow-offset="100"> {{ __('Show your page to the internet today') }}</h1> <form action="{{route('register')}}" class="d-flex flex-column flex-md-row justify-content-center align-items-center align-items-lg-start contact-form wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.3s" data-wow-offset="100"> <div class="input-area me-md-3 my-2"> <p class="mb-0">{{env('DOMIN')}} / </p> <input type="text" name="username" placeholder="{{__("yourname")}}"> </div> <button class="my-2">{{ __('Create Link') }}</button> </form> </div> </section> @endsection
SAVE
CANCEL