@extends('redesign.layouts.landing')

@section('title', 'RECO.MA')

@section('document')
    @include('redesign.pieces.landing.header')

    <section class="pt-5 pb-5">
        <div class="l-section pt-5 pb-5">
            <div class="d-block d-md-flex align-items-center">
                <div class="l-left">
                    <div class="l-heading mb-4">Erhalte Cashback oder empfehle und verdiene</div>
                    <div class="l-text mb-4">Immer und überall in Deiner Nähe sparen oder verdienen</div>
                </div>
                <div class="l-right mt-5 mt-md-0">
                    <div class="l-right-img-holder d-none d-md-flex">
                        <div class="l-right-img" style="background-image: url('{{ asset('img/landing/home/img1.png') }}')"></div>
                    </div>
                    <img src="{{ asset('img/landing/home/img1.png') }}" class="d-md-none" />
                </div>
            </div>
        </div>
    </section>

    <section class="pt-5 pb-5">
        <a name="how"></a>
        <div class="l-section pt-5 pb-5">
            <div class="text-center">
                <div class="l-subheading mb-2">So funktioniert RECO.MA</div>
                <div class="l-text mb-2">Jetzt endlich Cashback und Provision auch in Deiner Nähe erhalten</div>
            </div>
            <div class="row text-center mt-5 nogutters">
                <div class="col-12 col-md-4">
                    <img src="{{ asset('img/landing/home/how1.png') }}">
                    <div class="l-title mt-5">Kaufe oder empfehle</div>
                    <div class="l-desc mt-2">Kaufe selbst und spare oder empfehle Deinem Freund und verdiene</div>
                </div>
                <div class="col-12 col-md-4">
                    <img src="{{ asset('img/landing/home/how2.png') }}">
                    <div class="l-title mt-5">Coupon einlösen</div>
                    <div class="l-desc mt-2">Du oder Dein Freund löst den Coupon im Geschäft ein</div>
                </div>
                <div class="col-12 col-md-4">
                    <img src="{{ asset('img/landing/home/how3.png') }}">
                    <div class="l-title mt-5">Sparen oder verdienen</div>
                    <div class="l-desc mt-2">Du erhältst beim Kauf Cashback oder bei Empfehlung eine Provision</div>
                </div>
            </div>
        </div>
    </section>

    <!--<section class="pt-5 bg-lightblue">
        <div class="l-section pt-5 pb-5">
            <div class="text-center">
                <div class="l-subheading mb-2">Kaufen und sparen oder empfehlen und verdienen</div>
                <div class="l-text mb-2">Suche nach Produkten oder Dienstleistungen in Deiner Nähe immer und überall</div>
            </div>
        </div>
        <div class="l-img-bottom" style="background-image: url('{{ asset('img/landing/home/img3.jpg') }}')"></div>
    </section>

    <section class="pt-5 pb-5">
        <div class="l-section pt-5 pb-5">
            <div class="d-block d-md-flex align-items-center">
                <div class="l-left">
                    <div class="l-subheading mb-4">Erspartes und verdientes immer dabei</div>
                    <div class="l-text mb-4">Im persönlichen Zugang siehst du alle Deine Aktivitäten, Einkäufe und Empfehlungen. Dein Kontostand zeigt was Du bisher gespart und was Du durch Empfehlungen verdient hast. Zahle Dir Dein Geld bequem per PayPal oder auf Dein Bankkonto aus</div>
                </div>
                <div class="l-right mt-5 mt-md-0">
                    <div class="l-right-img-holder d-none d-md-flex">
                        <div class="l-right-img" style="background-image: url('{{ asset('img/landing/home/img4.jpg') }}')"></div>
                    </div>
                    <img src="{{ asset('img/landing/home/img4.jpg') }}" class="d-md-none" />
                </div>
            </div>
        </div>
    </section>

    <section class="pt-5 pb-5 l-bgsection" style="background-image: url('{{ asset('img/landing/home/img6.jpg') }}')">
        <div class="l-section pt-5 pb-5">
            <div class="text-center">
                <div class="l-subheading mb-2">Entdecke neues mit RECO.MA und spare oder verdiene immer und überall</div>
                <div class="l-text mb-2">Verpasse keine Gelegenheit, Geld wächst nicht auf Bäumen</div>
            </div>
        </div>
    </section>-->

    <section class="pt-5 pb-5">
        <div class="l-section pt-5 pb-5">
            <div class="d-block d-md-flex align-items-center">
                <div class="l-left">
                    <div class="l-subheading mb-4">Worauf wartest du noch?</div>
                    <div class="l-text mb-4">Registriere dich kostenfrei auf RECO.MA, dem ersten Portal für echtes Cashback in der realen Welt und profitiere</div>
                    <div class="l-list mb-4">
                        <div class="l-list-item"><img src="{{ asset('img/landing/home/check-icon.png') }}" alt="" class="l-list-item-icon">
                            <div class="l-list-item-text">Erhalte tolles Cashback in lokalen Geschäften</div>
                        </div>
                        <div class="l-list-item"><img src="{{ asset('img/landing/home/check-icon.png') }}" alt="" class="l-list-item-icon">
                            <div class="l-list-item-text">Bekomme Provision für gute Tipps an Deine Freunde</div>
                        </div>
                        <div class="l-list-item"><img src="{{ asset('img/landing/home/check-icon.png') }}" alt="" class="l-list-item-icon">
                            <div class="l-list-item-text">Alle Partner in Deiner Nähe auf einer Karte</div>
                        </div>
                        <div class="l-list-item"><img src="{{ asset('img/landing/home/check-icon.png') }}" alt="" class="l-list-item-icon">
                            <div class="l-list-item-text">Entdecke neue Geschäfte mit großartigen Deals</div>
                        </div>
                    </div>
                </div>
                <div class="l-right mt-5 mt-md-0">
                    <div class="l-right-img-holder d-none d-md-flex">
                        <div class="l-right-img" style="background-image: url('{{ asset('img/landing/home/img5.png') }}')"></div>
                    </div>
                    <img src="{{ asset('img/landing/home/img5.png') }}" class="d-md-none" />
                </div>
            </div>
        </div>
    </section>

    <section class="bg-navy">
        <div class="l-section pt-3 pb-3 text-center">
            <a href="{{ route('business') }}" class="l-biglink">Du hast ein eigenes Geschäft? <i class="fas fa-arrow-right"></i></a>
        </div>
    </section>

    @include('redesign.pieces.landing.footer')
@endsection