<x-app-layout>
    <x-slot name="css">
    <style>
            .layout-top-spacing {
                min-height: calc(100vh - 260px) !important;
            }
            p {
                font-size: 1rem;
            }
            ul {
                padding-left: 20px;
            }
            ul li {
                font-size: 1rem;
                margin-bottom: 12px;
                color: #515365;
            }
            .footer-section {
                position: relative !important;
                margin: 0px auto;
            }
            em {
                color: #6A442E;
            }

            .imageAbt img {
                max-width: 500px;
            }
            .aboutTextImg {
                background-color: #fff;
                padding: 30px;
                box-shadow: 0 2px 25px 0 #ccc;
                max-width: 600px;
            }
            .aboutTextImg.aboutTextImg-1 {
                margin-left: -150px;
            }
            .aboutTextImg.aboutTextImg-2 {
                margin: 0 -150px 0 auto;
                position: relative;
                z-index: 1;
            }
            @media (max-width: 992px) {
                .aboutTextImg.aboutTextImg-1 {
                    margin-left: 0;
                    margin-top: -50px;
                }
                .aboutTextImg.aboutTextImg-2 {
                    margin: 0;
                    margin-top: -50px;
                }
            }
        </style>
    </x-slot>
    <x-app-breadcrumb>
        <li class="breadcrumb-item active" aria-current="page">{{ __('common.CafeAboutUs') }}</li>
    </x-app-breadcrumb>
    <div class="page-header">
        <div class="page-title">
            <h3>{{ __('common.CafeAboutUs') }}</h3>
        </div>
    </div>

    <div class="container layout-top-spacing">
        <div class=" layout-spacing">
            <div class="">
                <div class="mt-4">
                    {{-- <h4 class="pt-3 text-dark">Cafe Web Panel About Us</h4> --}}
                    <p>We know that finding a new favourite independent café is one of the joys of life, which is why we connect users to great independent and small-chain cafés local to them.</p>
                    <p>Founded in 2022, Java Go not only makes coffee runs hassle-free, but it also makes it more convenient to choose independent cafés over big chain franchises.</p>
                    <p>With the Java Go app coffee runs are <b>faster,</b> more <b>efficient</b> and most importantly, <b>stress-free!</b></p>

                    <div class="row pt-4 align-items-center position-relative">
                        <div class="col-lg-6">
                            <div class="imageAbt text-lg-right"><img src="http://localhost/javago-backend/assets/img/login-left-bg.jpg" alt="">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="aboutTextImg aboutTextImg-1">
                                <h4>Using the app allows you to have hassle-free coffee runs by eliminating the need to:
                                </h4>
                                <ul>
                                    <li>Ask colleagues for their orders individually</li>
                                    <li>Write down or memorise orders</li>
                                    <li>Chase colleagues to pay you back</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row pt-4 align-items-center">
                        <div class="col-lg-6 order-lg-1 order-2">
                            <div class="aboutTextImg aboutTextImg-2">
                                <h4>Other benefits include:</h4>
                                <ul>
                                    <li>Your loyalty cards are automatically stamped</li>
                                    <li>Discovering independent cafés local to you</li>
                                    <li> Searching cafés using specific categories (i.e. vegan cafés)</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-6 order-lg-2 order-1">
                            <div class="imageAbt"><img src="http://localhost/javago-backend/assets/img/forgot-left-img.jpg" alt="">
                            </div>
                        </div>
                    </div>
                    <br>
                    <p>Java Go provides independent and small chain cafés with their own platform where they aren’t competing with restaurants or massive chains.</p>
                    <p>We also make it easier to locate independent cafés and give them the option to search for a specific category of café, such as ‘vegan cafés’ or ‘bubble tea cafés’.
If you have any questions, please feel free to reach out, we’d love to hear from you!</p>
                </div>
            </div>
        </div>
    </div>
</x-app-layout>