@php

    $page_title = 'About ' . site('name');
    $short_description =
        site('name') .
        ' uses advanced Ai robots trained on extensive trading data and algorithms to analyze market trends and execute profitable trades with high precision.';

@endphp

{{-- layout --}}
@extends('templates.' . site('template') . '.layouts.front')

@section('css')
@endsection

@section('header')
    <!-- Hero Section -->
    <section class="relative overflow-hidden pt-16 md:pt-20 md:pb-12 px-6 lg:px-40 bg-[#2d2d2d]">
        <img src="{{ asset('/assets/templates/gopie/images/bg-object3-dark.png') }}"
            class="hidden md:block absolute top-1 right-1" alt="" />
        <img src="{{ asset('/assets/templates/gopie/images/bg-object4-dark.png') }}"
            class="hidden md:block absolute bottom-1 left-1" alt="" />
        <div class="px-4 py-16 md:py-24 text-center min-h-[60vh] items-center flex flex-col justify-center">
            <h1 class="text-white text-4xl md:text-5xl font-semibold leading-tight mb-6 pb-4">
                About
                <span class="relative">Recron AI
                    <img src="{{ asset('/assets/templates/gopie/images/underline.png') }}" class="absolute right-1"
                        alt="" /></span>
            </h1>

            <p class="text-gray-400 text-lg mb-8 max-w-5xl mx-auto">
                {{ $short_description }}
            </p>
        </div>
    </section>
@endsection


@section('contents')
    <!-- welcome to rescron section  -->
    <section class="pr-6 lg:pr-40 mt-12 md:mt-28">
        <div
            class="md:flex md:gap-8 max-w-[95vw] md:max-w-4xl lg:max-w-[80vw] items-center shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] px-8 py-4 md:px-16 md:py-8 rounded-tr-4xl rounded-bl-4xl">
            <img src="{{ asset('/assets/templates/gopie/images/welcome-to-rescron-img.png') }}" alt=""
                class="w-32 md:w-60 mb-4 md:mb-0" />
            <div class="">
                <h3 class="text-[#29bdbc] text-sm md:text-lg font-medium mb-4">
                    Revolutionizing the World of Trading
                </h3>

                <h3 class="text-[#434343] text-base md:text-3xl font-semibold mb-4">
                    Welcome to {{ site('name') }}
                </h3>

                <p class="text-[#434343] text-sm md:text-base mb-4 md:mb-8">
                    At {{ site('name') }} we are pioneers in the world of financial technology.
                    Our mission is to empower traders, both novice and seasoned, with a
                    powerful yet user-friendly platform that simplifies the complexities
                    of trading. With our advanced AI robots, extensively trained on
                    extensive trading data and cutting-edge algorithms, we offer an
                    unparalleled trading experience.
                </p>

                <!-- cta buttons  -->
                <div class="flex flex-wrap gap-4">
                    @if (user())
                        <a href="{{ route('user.dashboard') }}"
                            class="bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white px-8 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3] tracking-wide transition duration-200">
                            DASHBOARD
                        </a>
                    @else
                        <a href="{{ route('user.login') }}"
                            class="bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white px-8 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3] tracking-wide transition duration-200">
                            SIGN IN
                        </a>
                        <a href="{{ route('user.register') }}"
                            class="bg-gradient-to-r from-[#e2e3e7] via-[#ebecf0] to-[#e4e6eb] border-2 border-white text-black px-8 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] hover:bg-gradient-to-r hover:from-[#e4e6eb] hover:via-[#ebecf0] hover:to-[#e2e3e7] tracking-wide transition duration-200">
                            SIGN UP
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </section>

    <!-- leading with innovation section  -->
    <section class="pl-6 lg:pl-40 mt-12 md:mt-20">
        <div
            class="md:flex md:gap-8 max-w-[95vw] md:max-w-4xl lg:max-w-[80vw] ml-auto items-center shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] px-8 py-4 md:px-16 md:py-8 rounded-tl-4xl rounded-br-4xl">
            <img src="{{ asset('/assets/templates/gopie/images/leading-with-innovation-img.png') }}" alt=""
                class="w-32 md:w-60 mb-4 md:mb-0" />
            <div class="">
                <h3 class="text-[#29bdbc] text-sm md:text-lg font-medium mb-4">
                    Pushing Boundaries in Trading Technology
                </h3>

                <h3 class="text-[#434343] text-base md:text-3xl font-semibold mb-4">
                    Leading with Innovation
                </h3>

                <p class="text-[#434343] text-sm md:text-base mb-4 md:mb-8">
                    Innovation drives us. We have harnessed the power of artificial
                    intelligence and machine learning to create a trading ecosystem that
                    adapts and evolves in real-time. Our AI robots analyze market trends
                    with high precision, ensuring that every trade executed is
                    strategically aligned for profitability.
                </p>
            </div>
        </div>
    </section>

    <!-- technology behind {{ site('name') }} section  -->
    <section class="pr-6 lg:pr-40 mt-12 md:mt-20">
        <div
            class="md:flex md:gap-8 max-w-[95vw] md:max-w-4xl lg:max-w-[80vw] items-center shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] px-8 py-4 md:px-16 md:py-8 rounded-tr-4xl rounded-bl-4xl">
            <img src="{{ asset('/assets/templates/gopie/images/technology-behind-rescron-img.png') }}" alt=""
                class="w-32 md:w-60 mb-4 md:mb-0" />
            <div class="">
                <h3 class="text-[#29bdbc] text-sm md:text-lg font-medium mb-4">
                    Powering Your Success with AI
                </h3>

                <h3 class="text-[#434343] text-base md:text-3xl font-semibold mb-4">
                    The Technology Behind {{ site('name') }}
                </h3>

                <p class="text-[#434343] text-sm md:text-base mb-4 md:mb-8">
                    At the core of {{ site('name') }} lies our state-of-the-art technology,
                    which serves as the foundation of our platform. We have dedicated
                    substantial resources to developing an intelligent and highly
                    sophisticated system capable of navigating the complexities of
                    today’s dynamic financial markets. Our AI-powered robots are the
                    driving force behind this innovation, constantly analyzing data,
                    learning from market trends, and adapting in real-time to ensure
                    optimal performance.
                </p>
            </div>
        </div>
    </section>

    <!-- the team section  -->
    <section class="pl-6 lg:pl-40 mt-12 md:mt-20">
        <div
            class="md:flex md:gap-8 max-w-[95vw] md:max-w-4xl lg:max-w-[80vw] ml-auto items-center shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] px-8 py-4 md:px-16 md:py-8 rounded-tl-4xl rounded-br-4xl">
            <img src="{{ asset('/assets/templates/gopie/images/rescron-ai-team-img.png') }}" alt=""
                class="w-32 md:w-60 mb-4 md:mb-0" />
            <div class="">
                <h3 class="text-[#29bdbc] text-sm md:text-lg font-medium mb-4">
                    Experienced Minds at Work
                </h3>

                <h3 class="text-[#434343] text-base md:text-3xl font-semibold mb-4">
                    The {{ site('name') }} Team
                </h3>

                <p class="text-[#434343] text-sm md:text-base mb-4 md:mb-8">
                    Behind every successful technology is a team of dedicated experts.
                    Our team is a fusion of seasoned traders, data scientists, and
                    technologists who bring a wealth of knowledge and experience. We
                    work tirelessly to ensure {{ site('name') }} remains a frontrunner in the
                    field.
                </p>
            </div>
        </div>
    </section>

    <!-- upholding values section  -->
    <section class="pr-6 lg:pr-40 mt-12 md:mt-20">
        <div
            class="md:flex md:gap-8 max-w-[95vw] md:max-w-4xl lg:max-w-[80vw] items-center shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] px-8 py-4 md:px-16 md:py-8 rounded-tr-4xl rounded-bl-4xl">
            <img src="{{ asset('/assets/templates/gopie/images/upholding-values-img.png') }}" alt=""
                class="w-32 md:w-60 mb-4 md:mb-0" />
            <div class="">
                <h3 class="text-[#29bdbc] text-sm md:text-lg font-medium mb-4">
                    Your Trust, Our Commitment
                </h3>

                <h3 class="text-[#434343] text-base md:text-3xl font-semibold mb-4">
                    Upholding Values of Integrity and Transparency
                </h3>

                <p class="text-[#434343] text-sm md:text-base mb-4 md:mb-8">
                    At {{ site('name') }}, we uphold integrity and transparency as fundamental
                    principles. Your security and satisfaction are our top priorities,
                    guiding every aspect of our operations. We have designed a secure,
                    reliable, and user-friendly trading environment, allowing you to
                    navigate the financial markets with confidence and focus on
                    achieving your investment goals.
                </p>
            </div>
        </div>
    </section>

    <!-- connecting with rescron section  -->
    <section class="pl-6 lg:pl-40 mt-12 md:mt-20">
        <div
            class="md:flex md:gap-8 max-w-[95vw] md:max-w-4xl lg:max-w-[80vw] ml-auto items-center shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] px-8 py-4 md:px-16 md:py-8 rounded-tl-4xl rounded-br-4xl">
            <img src="{{ asset('/assets/templates/gopie/images/connecting-with-img.png') }}" alt=""
                class="w-32 md:w-60 mb-4 md:mb-0" />
            <div class="">
                <h3 class="text-[#29bdbc] text-sm md:text-lg font-medium mb-4">
                    Supporting Your Trading Journey
                </h3>

                <h3 class="text-[#434343] text-base md:text-3xl font-semibold mb-4">
                    Connecting with {{ site('name') }}
                </h3>

                <p class="text-[#434343] text-sm md:text-base mb-4 md:mb-8">
                    We understand that navigating the financial markets can be
                    challenging. That's why our support team is here for you. Whether
                    you have questions, feedback, or require assistance, we're just a
                    message away. Your success is our success, and we are committed to
                    supporting you every step of the way. With {{ site('name') }}, you're not
                    just trading; you're part of a revolutionary movement in the world
                    of finance. Join us today and experience the future of trading -
                    where innovation, technology, and your success converge.
                </p>

                <!-- cta buttons  -->
                <div class="flex flex-wrap gap-4">
                    @if (user())
                        <a href="{{ route('user.dashboard') }}"
                            class="bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white px-8 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3] tracking-wide transition duration-200">
                            DASHBOARD
                        </a>
                    @else
                        <a href="{{ route('user.login') }}"
                            class="bg-gradient-to-r from-[#2ac4c3] via-[#12b7b6] to-[#08a6a5] text-white px-8 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] hover:bg-gradient-to-r hover:from-[#08a6a5] hover:via-[#12b7b6] hover:to-[#2ac4c3] tracking-wide transition duration-200">
                            SIGN IN
                        </a>
                        <a href="{{ route('user.register') }}"
                            class="bg-gradient-to-r from-[#e2e3e7] via-[#ebecf0] to-[#e4e6eb] border-2 border-white text-black px-8 py-2 rounded-full shadow-[0px_10px_20px_0px_rgba(0,_0,_0,_0.15)] hover:shadow-[inset_0px_2px_4px_0px_rgba(0,_0,_0,_0.3)] hover:bg-gradient-to-r hover:from-[#e4e6eb] hover:via-[#ebecf0] hover:to-[#e2e3e7] tracking-wide transition duration-200">
                            SIGN UP
                        </a>
                    @endif
                </div>
            </div>
    </section>
@endsection

@section('scripts')
@endsection
