@extends('layouts.saclwebheader')

@section('meta_description', 'A leading provider of cutting-edge
fit-for-purpose risk and integrity
solutions in Africa.')

@section('title', 'Risk and forensic advisors | Stealth Advisors')

@section('sitecontent')
<main data-barba="container" data-barba-namespace="home">
    <div id="page-wrap">

        <div id="canvas"></div>
        <img id="homelogo" src="./images/logo/Stealth_logo.png" alt="logo">
        <div class="flex-wrapper multi-textures">
            <div class="hshade row justify-content-center align-items-center">

                <div class="caption align-items-center">
                    <div class="align-self-center">
                        <div class="h1div caption-group ">
                            <h1 id="cpgrp1" class="h1tag active">World-Class <span>Quality</span></h1>
                            <h1 id="cpgrp2" class="h1tag">Speed & <span>Stealth</span></h1>
                            <h1 id="cpgrp3" class="h1tag">Intelligence <span>Driven</span></h1>
                            <h1 id="cpgrp4" class="h1tag">Competitive <span>Pricing</span></h1>
                        </div>

                        <p class="caption-tag">Risk Management - Forensics - Audit - Compliance </p>
                        <a data-scroll class="btn btn-primary" href="{{ url('/about') }}">Learn More</a>

                    </div>

                </div>

            </div>

            <!-- notice here we are using the data-sampler attribute to name our displacement sampler uniform -->
            <img src="./images/home/displacement.jpg" data-sampler="displacement" />
            <img src="./images/home/h1.jpg" />
            <img src="./images/home/h2.jpg" />
            <img src="./images/home/h3.jpg" />
            <img src="./images/home/h4.jpg" />
        </div>
        <img id="homeisologo" src="./images/logo/iso.png" alt="logo">
        <img id="homeungclogo" src="./images/logo/Endorser-Logo_solid_white_RGB.png" alt="logo">
    </div>
</main>
@endsection