CORE_V5 // pages

PATH: home / rwabteecom / project_11 / resources / views / web / pages /

Editing: about.blade.php

@extends('web.layouts.app')

@section('title')
 - {{__("About us")}}
@endsection

@section('css')
@if(LaravelLocalization::getCurrentLocale() == 'ar')
<link rel="stylesheet" href="{{asset('front/css/about-ar.css')}}" />
@else
<link rel="stylesheet" href="{{asset('front/css/about.css')}}" />
@endif

@endsection

@section('body')
<section class="about-page">
    <div class="header" style="background: url('{{asset('front/assets/aboutpage.jpg')}}')">
        <div class="overlay">
            <div class="contenter">
                <h1 class="text-center fw-bold text-light wow fadeInUp" data-wow-duration=".4s" data-wow-delay="0.4s" data-wow-offset="100">
                    {{__("The Ultimate Link in bio App")}}
                </h1>
                <p class="lead text-center text-light wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0.5s" data-wow-offset="100">
                    {{__("Create stunning links to share to the world proudly, No limits, No hinders, Just links")}}
                </p>

<div class="d-flex flex-wrap align-items-center justify-content-center">
                    <a href="{{route('register')}}" class="btn btn-white me-2 d-flex align-items-center wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.6s" data-wow-offset="100">
                        <span class="me-1">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
                                <path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"/>
                            </svg>
                        </span>
                        {{__("Contact sales")}}
                    </a>

<div class="padd featured-in">
        <h5 class="text-light mb-5 text-center wow fadeInUp" data-wow-duration=".4s" data-wow-delay="0.4s" data-wow-offset="100"> {{__("What Makes us different")}} </h5>

<div class="infinit-slider wow fadeInUp" style="direction: ltr !important" data-wow-duration=".5s" data-wow-delay="0.6s" data-wow-offset="120">
            <div class="infiniteslider">
                <div class="slide mx-3">
                    <h3 class="fw-bold text-light fw-bold"> {{__("Analytics")}} </h3>
                </div>
                <div class="slide mx-3">
                    <img src="{{asset('front/assets/slide-cutter.svg')}}" />
                </div>
                <div class="slide mx-3">
                    <h3 class="fw-bold text-light fw-bold"> {{__("Customization")}} </h3>
                </div>
                <div class="slide mx-3">
                    <img src="{{asset('front/assets/slide-cutter.svg')}}" />
                </div>
                <div class="slide mx-3">
                    <h3 class="fw-bold text-light fw-bold"> {{__("Price")}} </h3>
                </div>
                <div class="slide mx-3">
                    <img src="{{asset('front/assets/slide-cutter.svg')}}" />
                </div>
                <div class="slide mx-3">
                    <h3 class="fw-bold text-light fw-bold"> {{__("Diversity")}} </h3>
                </div>
                <div class="slide mx-3">
                    <img src="{{asset('front/assets/slide-cutter.svg')}}" />
                </div>
                <div class="slide mx-3">
                    <h3 class="fw-bold text-light fw-bold"> {{__("Themes")}} </h3>
                </div>
                <div class="slide mx-3">
                    <img src="{{asset('front/assets/slide-cutter.svg')}}" />
                </div>
                <div class="slide mx-3">
                    <h3 class="fw-bold text-light fw-bold"> {{__("SEO")}} </h3>
                </div>
                <div class="slide mx-3">
                    <img src="{{asset('front/assets/slide-cutter.svg')}}" />
                </div>
                <div class="slide mx-3">
                    <h3 class="fw-bold text-light fw-bold"> {{__("Professional")}} </h3>
                </div>
                <div class="slide mx-3">
                    <img src="{{asset('front/assets/slide-cutter.svg')}}" />
                </div>
            </div>
        </div>
    </div>

<div class="features padd">
        
        <div class="container">
            <h2 class="mb-5 text-light section-title wow fadeInUp" data-wow-duration=".4s" data-wow-delay="0.4s" data-wow-offset="100"> {{__("Take your link to the next level")}} </h2>
            <div class="row">
                <div class="col-12 col-lg-9 mb-4">

<div class="row feature-container wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0.5s" data-wow-offset="100">
                        <div class="col-12 col-md-5 d-flex align-items-center">
                            <div>
                                <p class="text-light fw-bold fs-3 mt-3"> {{__("Multiple Link types")}} </p>
                                <p class="text-dim mb-0 fs-5"> {{__("Create from diverse link types including Emails, Phones, Fax, SMS, And just links")}} </p>
                            </div>
                        </div>
    
                        <div class="col-12 col-md-7">
                            <img src="{{asset('front/assets/feat-1.png')}}" class="fit-img" />
                        </div>
                    </div>
                    
                </div>
                <div class="col-12 col-lg-3 mb-4">
                    <div class="row feature-container wow fadeInUp py-4 pt-3 mb-3 d-none d-lg-flex" data-wow-duration=".4s" data-wow-delay="0.4s" data-wow-offset="100">
                        <div class="col-12 col-md-5 d-flex align-items-center p-0">
                            <div>
                                <p class="text-light fw-bold mb-4"> {{__("QR Code for quick access")}} </p>
                            </div>
                        </div>
    
                        <div class="col-12 col-md-7 position-relative">
                            <img src="{{asset('front/assets/feat-2.png')}}" class="fit-img abs-img" />
                        </div>
                    </div>

<div class="row feature-container wow fadeInUp px-0 pt-4" data-wow-duration=".5s" data-wow-delay="0.5s" data-wow-offset="120">
                        <div class="px-3">
                            <p class="text-light fw-bold mb-1 fs-4 text-center"> {{__("Connect It All!")}} </p>
                            <p class="mb-5 text-dim text-center">
                                {{__("With wide range of apps to connect group all your contacts in one place")}}
                            </p>
                        </div>
                      
                        <img src="{{asset('front/assets/feat-3.png')}}" class="d-block mb-4" style="transform: scale(1.35)" />
                    </div>

</div>

</div>
        </div>
        
    </div>

<div class="position-relative an-parent">
                        <div class="beforelay position-absolute" style="background: url('{{asset('front/assets/aboutpage.jpg')}}');background-size:cover;z-index:1;width:100%;height:100%"></div>
                        <div class="analytic-container">
                            <div class="content mb-5 p-5">
                                <p class="fs-3 fw-bold text-light"> {{__("Tracking Analytics")}} </p>
                                <p class="text-lead mb-0 text-light lead">
                                    {{__("Track your link visitors and clickers with our advanced anayltical tools")}}
                                </p>
                            </div>
            
                            <img src="{{asset('front/assets/feat-4.png')}}" class="fit-img" />
                        </div>
                    </div>
                    
                    
                </div>
                <div class="col-12 mb-4 col-md-6 d-flex flex-column justify-content-between px-5">
                    <div>
                        <h2 class="fw-bold fs-1 text-dark wow fadeInUp" data-wow-duration=".4s" data-wow-delay="0.4s" data-wow-offset="100" style="font-size: 4.5rem">
                            {{__("Revolutionize your presence online")}}
                        </h2>
                    </div>
                    <div>
                        <p class="lead wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0.5s" data-wow-offset="100">
                            {{__("With our super effiecent tools and our dedicated team that is there to support you 24/7 we got what you want to quickly and professionaly start to gather all your links in one place")}}
                        </p>

<ul class="unstyled-list p-0 wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.6s" data-wow-offset="100">
                            <li class="d-flex mb-3">
                                <span class="me-2 prim">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                    </svg>
                                </span>
                                {{__("Customizable link design and pre built themes")}}
                            </li>
                            <li class="d-flex mb-3">
                                <span class="me-2 prim">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                    </svg>
                                </span>
                                {{__("Analytical tool to track every link")}}
                            </li>
                            <li class="d-flex mb-4">
                                <span class="me-2 prim">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16">
                                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
                                    </svg>
                                </span>
                                {{__("Go Bold with our customer support at any time")}}
                            </li>
                        </ul>

<a href="{{route('register')}}" class="btn btn-primary btn-bg wow fadeInUp" data-wow-duration=".7s" data-wow-delay="0.6s" data-wow-offset="120">
                            {{__("Create Link")}}
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
    </div>

<div class="row">
                <div class="col-6 col-md-3 mb-3 d-flex justify-content-center wow fadeInUp" data-wow-duration=".4s" data-wow-delay="0.4s" data-wow-offset="100">
                    <div>
                        <p class="mb-0" style="font-size:4rem">
                            800K
                        </p>
                        <p class="text-dimer fs-4 mb-0 text-center"> {{__("Customers")}} <p>
                    </div>
                </div>

<div class="col-6 col-md-3 mb-3 d-flex justify-content-center wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0.5s" data-wow-offset="120">
                    <div>
                        <p class="mb-0" style="font-size:4rem">
                            75+
                        </p>
                        <p class="text-dimer fs-4 mb-0 text-center"> {{__("Themes")}} <p>
                    </div>
                </div>

<div class="col-6 col-md-3 mb-3 d-flex justify-content-center wow fadeInUp" data-wow-duration=".6s" data-wow-delay="0.6s" data-wow-offset="130">
                    <div>
                        <p class="mb-0" style="font-size:4rem">
                            99%
                        </p>
                        <p class="text-dimer fs-4 mb-0 text-center"> {{__("Customer Satisfaction")}} <p>
                    </div>
                </div>

<div class="col-6 col-md-3 mb-3 d-flex justify-content-center wow fadeInUp" data-wow-duration=".7s" data-wow-delay="0.6s" data-wow-offset="150">
                    <div>
                        <p class="mb-0" style="font-size:4rem">
                            24/7
                        </p>
                        <p class="text-dimer fs-4 mb-0 text-center"> {{__("Customer Support")}} <p>
                    </div>
                </div>

</div>
        </div>
       
    </div>

</section>
@endsection

@section('js')
<script src="{{asset('front/js/infiniteslidev2.min.js')}}"></script>
<script>
$(document).ready(function(){
    if($(".infiniteslider").length > 0){
        $(".infiniteslider").infiniteslide({
            speed:25,
            pauseonhover: false
        });
    }
})
</script>
@endsection

CANCEL