@extends('landingpages.seller.layout.main')

@section('content-additional')
<div class="ak_header dark-gray">
    <div class="container">
        <div class="row">
            <div class="col-md-4"><a href="{{ url('/') }}" class="logo"><img class="register"
                            src="{{ URL::asset('img/landingpages/logo-roma.png') }}"
                            alt=""/></a></div>
        </div>
        <div class="row">
            <div class="col-md-8 col-sm-8">
                <div class="hero"><H1>Neukunden durch <strong>Empfehlungen</strong></H1>
                    <div id="typedWrapper">
                        <h3 class="typeeffect2">Durch unser Empfehlungsportal wird Ihr Unternehmen <span class="typeeffect"></span></h3>
                    </div>
                    <a href="" data-toggle="modal" data-target="#seller_reg" class="btn btn-danger btn-lg">Unternehmen
                        registrieren</a>
                    <a href="" data-toggle="modal" data-target="#Seller_Livedemo" class="btn btn-ak btn-lg">Live Demo
                        anfordern</a>
                </div>
            </div>

        </div><!-- ./row -->
    </div>
</div><!-- ./ak_header -->
<div class="newslide">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active"><H1>9 von 10 Menschen vertrauen auf die Empfehlung eines Freundes</H1>
                        </div>
                        <div class="item"><H1>96% aller Menschen ignorieren Ihre Werbung</H1></div>
                        <div class="item"><H1>Weltweit werden täglich 2,4 Milliarden Empfehlungen ausgesprochen</H1>
                        </div>
                        <div class="item"><H1>Ihre Kunden geben durch Empfehlung doppelt so viel aus</H1></div>
                        <div class="item"><H1>Jeder zweite Kunde empfiehlt Sie, wenn er belohnt wird</H1></div>
                        <div class="item"><H1>Profitieren Sie endlich von der Empfehlung Ihrer Kunden</H1></div>
                    </div>

                    <!-- Left and right controls -->
                    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#myCarousel" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div><!-- ./newslider -->

<section class="section gray-light">
    <div class="container">
        <div class="row">
            <div class="col-md-8 text-center col-md-offset-2">
                <H1 class="txtBlue txtthin _h2">Empfehlungen verkaufen viel einfacher.</H1>
                <h4 class="txtthin _h5">Der einfachste Weg zu potentiellen Kunden sind Empfehlungen<br/>Mit RECO.MA sind
                    Sie immer eine gute Empfehlung voraus!</h4>
            </div>
        </div><!-- ./row -->
    </div><!-- ./container -->

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">
                <div class="featured_box text-center">
                    <img src="{{ URL::asset('img/alle-vorteile/sales-increase.svg') }}" alt="" height="100" />
                    <h2 class="_h5">UMSATZ STEIGERN</h2>
                    <p>Nie war es einfacher: Maximieren Sie
                        Ihre Umsätze + Gewinne durch volle
                        Kontrolle über Ihre Empfehlungen.</p>
                </div>
            </div><!-- ./col-md-3 -->
            <div class="col-md-3">
                <div class="featured_box text-center">
                    <img src="{{ URL::asset('img/alle-vorteile/binoculars.svg') }}" alt="" height="100"/>
                    <h2 class="_h5">ÜBERSICHT BEHALTEN</h2>
                    <p>Verfolgen Sie von allen Geräten live,
                        welcher Empfehler Sie an potentielle
                        Kunden empfohlen hat.</p>
                </div>
            </div><!-- ./col-md-3 -->
            <div class="col-md-3">
                <div class="featured_box text-center">
                    <img src="{{ URL::asset('img/alle-vorteile/reduce-costs.svg') }}" alt="" height="100"/>
                    <h2 class="_h5">KOSTEN SPAREN</h2>
                    <p>Nie war es günstiger: sparen Sie Ihr
                        Werbebudget für wichtige Investitionen.
                        Sie zahlen nur im Erfolgsfall!</p>
                </div>
            </div><!-- ./col-md-3 -->
            <div class="col-md-3">
                <div class="featured_box text-center">
                    <img src="{{ URL::asset('img/alle-vorteile/save2.svg') }}" alt="" height="100"/>
                    <h2 class="_h5">SICHER SEIN</h2>
                    <p>Ihre Daten werden bei uns geschütz
                        und SSL verschlüsselt. Entwickelt
                        und programmiert in Deutschland!</p>
                </div>
            </div><!-- ./col-md-3 -->
        </div><!-- ./row -->
        <div class="clearfix"><br/><br/></div>
        <div class="row">
            <div class="col-md-12 text-center">
                <a href="{{ route('advantages') }}" class="btn btn-lg btn-danger">Alle Vorteile entdecken!</a>
            </div>
        </div>
    </div>
</section><!-- ./feature Section -->
<div class="clearfix"></div>

<section class="section gray-extralight">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/200662115"
                            frameborder="0" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>
</section><!-- ./youtubeVideo -->
<div class="clearfix"></div>

<section class="newslide">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <H4 class="txtthin _h4 txtWhite ebook">Erfahren Sie in unserem <strong>kostenlosem eBook</strong>, wie
                    Sie von jedem Kunden empfohlen werden.</H4>
            </div>
        </div>
    </div>
</section><!-- ./newslide -->

<section class="section gray-extralight">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <H1 class="txtBlue txtthin h2">Ganz einfach in nur 3 Schritten mit RECO.MA durchstarten!</H1>
            </div>
        </div><!-- ./row -->
        <div class="row">
            <div class="col-md-4">
                <div class="featured_box text-center">
                    <img src="{{ URL::asset('img/landingpages/network-built.svg') }}" alt="" height="100"/>
                    <h5 class="_h5">1. NETZWERK AUFBAUEN</h5>
                    <p>Laden Sie Ihre Kunde, Freunde und
                        Bekannte als Empfehler ein.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="featured_box text-center">
                    <img src="{{ URL::asset('img/landingpages/create-recobon.svg') }}" alt="" height="100"/>
                    <h5 class="_h5">2. RECO.BON ERSTELLEN</h5>
                    <p>Erstellen Sie einen Gutschein, damit
                        Ihr Netzwerk Sie empfehlen kann.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="featured_box text-center">
                    <img src="{{ URL::asset('img/landingpages/get-recommendation.svg') }}" alt="" height="100"/>
                    <h5 class="_h5">3. EMPFHELUNG ERHALTEN</h5>
                    <p>Ihr Unternehmen wird empfohlen
                        und Sie steigern den Umsatz.</p>
                </div>
            </div>
        </div>
        <div class="clearfix"><br/><br/></div>
        <div class="row">
            <div class="col-md-12 text-center">
                <a href="" data-toggle="modal" data-target="#seller_reg" class="btn btn-danger btn-lg">Jetzt starten</a>
            </div>
        </div>
    </div><!-- ./container -->
</section>
<div class="clearfix"></div>

<section class="section gray-midlight recommendations">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="txtBlue txtthin _h2">Empfehlungen neu erfunden</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 nopadding text-center"><img src="{{ URL::asset('img/landingpages/recoma_empfehlen.svg') }}"
                                                             alt=""/></div>
            <div class="col-md-6">
                <p class="text-center line2 _h6 txtthin">
                    Neukundenakquise wird immer schwieriger.<br/>
                    <strong>Klassische Werbung wird ignoriert</strong> oder weggeklickt, Branchenbücher und Google<br/>
                    überschwemmen Ihre potentiellen Neukunden mit Informationen.<br/>
                    Eine <strong>gute Empfehlung ist der schnellste Weg</strong> zu einem Neukunden.<br/>
                    Mit RECO.MA können Sie Ihre Bestandskunden<br/>
                    durch eine von Ihnen bestimmte Provision zum Weiterempfehlen motivieren.<br/>
                    Diese werden Sie <strong>jederzeit und überall per E-Mail, SMS und Whatsapp</strong> empfehlen.<br/>
                    Und das Beste – Der Interessent hat die Empfehlung in seinem Smartphone
                    immer bei sich!
                </p>
            </div>
            <div class="col-md-3 nopadding text-center"><img src="{{ URL::asset('img/landingpages/recoma_einloesen.svg') }}"
                                                             alt=""/></div>
        </div>
    </div>
</section><!-- ./section -->
<div class="clearfix"></div>
<section class=" newslide"
         style="display:none">     <div class="container">
        <div class="row">
            <div class="col-md-8 text-center col-md-offset-2">
                <H3 class="txtthin _h3 txtWhite">Machen Sie aus Ihren Kunden regelmäßige Empfehler</H3>
                <div class="fieldbox">
                    <input type="text" name="search" placeholder="Wie heißt Ihr Unternehmensname?">
                </div>
            </div>
        </div>
    </div>
</section><!-- ./newslide -->

<section class="section gray-light">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center"><H2 class="_h2 txtBlue txtthin">Unsere <strong>Partner</strong> sind
                    <strong>begeistert</strong>!</H2></div>
            <div class="col-md-6 col-md-offset-3">
                <h6 class="_h6 text-center">KOHLMEIER - Event &amp; Entertainment GmbH</h6>
                <h5 class="_h5 txtthin blockquote text-center">Empfehlungen sind in meinem Unternehmen ein wichtiger
                    Bestandteil. Seit ich RECO.MA nutze, kann ich
                    ganz einfach meine Empfehlungen beeinflussen
                    und habe deutlich mehr Abschlüsse.</h5>
                <h5 class="_h5 txtthin text-right text-italic">Thorsten Kohlmeier</h5>
            </div>
        </div>
        <div class="clearfix"><br/>
            <hr/>
            <br/></div>
        <div class="row">
            <div class="col-md-4">
                <div class="featured_box text-center">
                    <h5 class="_h5">7Architekte</h5>
                    <p>„Anfangs war ich etwas skeptisch, als mir RECO.MA
                        empfohlen wurde, doch seit die Kunden wie von
                        selbst zu mir kommen, bin ich überzeugter Fan!
                        Nie mehr ohne RECO.MA“</p>
                </div>
            </div>
            <div class="col-md-4 set-top-and-bottom-margin">
                <div class="featured_box text-center">
                    <h5 class="_h5">MEAT+GREAT Gourmet Streetfood</h5>
                    <p>„Wir hatten nie Einfluss auf unser Marketing, außer
                        ein&nbsp;gutes Produkt und einen top Service anzubieten.
                        Jetzt kann ich aktiv auf Kunden zugehen und
                        Sie zu meinen Empfehlern machen.“</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="featured_box text-center">
                    <h5 class="_h5">HARK GmbH &amp; Co. KG</h5>
                    <p>“Empfehlungen sind das Wichtigste für mein
                        Unternehmen. RECO.MA bietet mir ein einfaches
                        Empfehlungsmanagement indem ich jede
                        einzelne Empfehlung verfolgen kann.”</p>
                </div>
            </div>
        </div><!-- ./row -->
    </div>
</section>
<div class="clearfix"></div>

<section class="section gray-midlight">
    <div class="container">
        <div class="row">
            <H2 class="_h2 txtBlue text-center">Was kostet RECO.MA?</H2>
            <h4 class="_h4 text-center">Die Nutzung kostet weniger als 1 Becher Kaffee am Tag!</h4>
        </div><!-- ./row -->
        <div class="row">
            <div class="col-md-4">
                <h3 class="txtthin _h3 text-right einsteiger-preis">Einsteiger Preis</h3>
                <div class="price_box">
                    <span class="discount_price">59€</span>
                    <p>zzgl. 1% Transaktionsgebühr + 0,50€ im Erfolgsfall</p>
                    <ul>
                        <li>unbegrenzte viele Empfehlungen</li>
                        <li>unbegrenzte Anzahl Empfehler</li>
                        <li>voller Zugriff auf Erfolgszahlen</li>
                    </ul>
                </div>
            </div>

            <div class="col-md-4 text-center">
                <img src="{{ URL::asset('img/landingpages/bucket.png') }}" alt="" class="bucket">
            </div>
            <div class="col-md-4"><br/>
                <h6 class="_h6 txtthin">Verzichten Sie auf erfolglose und kostspielige
                    Werbemaßnahmen und sparen Sie mit
                    uns Monat für Monat tausende Euro
                    Ihres Werbebudgets!</h6>

                <h6 class="_h6">Zahlen Sie nur das, was Sie wirklich
                    bekommen. Unsere Erfahrung zeigt:<br/>
                    In 100 % der Fälle ist RECO.MA günstiger,
                    als alle anderen Marketinglösungen.</h6>
            </div>
            <div class="col-md-12"><a href="" data-toggle="modal" data-target="#seller_reg" class="btn btn-danger btn-lg save-button">Jetzt
                    Werbekosten sparen!</a></div>
        </div><!-- ./row -->

    </div>
</section>

<div class="clearfix"></div>
<section class="section">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1 text-center">
                <H2 class="_h2 txtthin">Haben Sie noch Fragen? <strong>Wir können helfen?</strong></H2>
                <h6 class="_h6 txtthin">Ob technische oder allgemeine Fragen, unser Support ist jederzeit für Sie da!
                    Erreichen Sie uns telefonisch unter<br/> 0800 2888444 oder nutzen Sie einfach unser Kontaktformular.
                </h6><br/>
                <a href="{{ url('/contact') }}" class="btn btn-lg btn-primary">Kontaktformular</a><br/>
                <h2 class="_h3 txtthin txtBlue">Wir freuen uns darauf,<br/>Sie zu empfehlen!</h2>
                <hr/>
                <a href="" class="logo"><img src="{{ URL::asset('img/landingpages/logo-roma.png') }}" alt="" class="register"/></a>
            </div>
        </div>
    </div>
</section><!-- ./section -->
<!-- seller registration form modal-->
<div id="Seller_Livedemo" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <h4 class="_h4 line_normal">Schauen Sie sich unsere<br/>Demonstration an!</h4>
                        <p class="txtthin _h6">
                            RECO.MA ist eine innovative Empfehlungssoftware,
                            mit der Sie in der Lage sind Ihr Empfehlungsmarketing
                            zu messen und sogar zu fördern. Melden Sie sich jetzt
                            zu unserem Produktvideo an und erfahren Sie, wie
                        <p>
                        <ul class="_h6 txtthin nopadding">
                            <li>Sie Empfehler einladen und vom Netzwerk profitieren</li>
                            <li>Sie RECO.BONS erstellen und verwalten</li>
                            <li>Sie Ihre Kennzahlen überprüfen</li>
                            <li>Sie ohne Aufwand Ihren Umsatz steigern</li>
                        </ul>
                    </div><!-- ./col-md-6 -->
                    <div class="col-md-6">
                        <h4 class="_h3 line_normal">Schauen Sie sich unsere<br/>Demonstration an!</h4>
                        <div class="form-group">
                            <div class="col-md-6">
                                <input type="text" name="Vorname" class="form-control" placeholder="Vorname"/>
                            </div>
                            <div class="col-md-6">
                                <input type="text" name="Nachname" class="form-control" placeholder="Nachname"/>
                            </div>
                        </div>
                        <div class="clearfix"></div>

                        <div class="form-group">
                            <div class="col-md-12">
                                <input type="text" name="Unternehmensname" class="form-control"
                                       placeholder="Unternehmensname"/>
                            </div>
                        </div>
                        <div class="clearfix"></div>

                        <div class="form-group">
                            <div class="col-md-12">
                                <input type="email" name="email" class="form-control"
                                       placeholder="Firmen E-Mail Adresse"/>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                        <div class="form-group">
                            <div class="col-md-6">
                                <small class="tiny">Durch das Klicken auf „Jetzt registrieren“
                                    bestätigen Sie, dass Sie mit unseren AGBs
                                    den Datenschutzrichtlinien und der
                                    Verwendung von Cookies
                                    einverstanden sind.
                                </small>
                            </div>
                            <div class="col-md-6">
                                <button type="button" class="btn btn-danger btn-lg btn-block">Jetzt
                                    registrieren
                                </button>
                            </div>
                        </div>
                    </div>
                </div><!-- ./row -->
            </div>
            <!-- ./modal-body -->

        </div>

    </div>
</div>
<!-- seller registration form -->
@endsection

@section('typedScript')
<script type="text/javascript">
    $(function(){
        $(".typeeffect").typed({
            strings: [
                "immer empfohlen",
                "profitabler",
                "erfolgreicher",
                "bekannter",
                "effizienter",
                "viraler"
            ],
            typeSpeed: 75,
            backDelay: 500,
            loop: true
        })
    })
</script>
@endsection