@extends('layouts.large')

@section('header')
<div id="particles-js" class="bg-blue" style="position:relative;">
    
    <div class="container text-center py-5" style="position:relative; z-index: 999;">
        <div class="row justify-content-center mb-4">
            <div class="col col-md-6">
                <a id="logo" class="mb-4 d-inline-block" href="index.php" data-aos="zoom-in"><img src="images/pemeserie_logo.png" ></a>
                <h1 class="text-white fw-bold fs-4 text-shadow-sm">DESCOPERĂ-ȚI ADEVĂRATA VOCAȚIE </h1>
                <p class="text-white fs-5 mb-5 lh-sm text-shadow-sm">Nu irosi ani de zile într-o direcție care nu e pentru tine!
                    Decide informat cu 3 dintre cele mai prestigioase teste vocaționale utilizate în întreaga lume, acum adaptate pentru România. 
                </p>

                <!-- <div class="promotion-wrapper-cta py-4 rounded-pill mx-4 shadow-sm" data-aos="fade-up" >
                    <h1 class="fw-bold text-shadow-sm fs-4 mb-3">
                        <a class="text-white " href="promotie/">Profită de promoția <span style="white-space: nowrap;">Plătești 2, primești 4!</span></a>
                    </h1>
                    <a  href="/promotie/" class="btn btn-pemeserie2 btn-lg rounded-pill animate__animated animate__tada animate__delay-1s">Click aici</a>
                </div> -->
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')

<div class=" bg-light"> 
    <div class="container" data-aos="fade-left">
       
        <div class="pb-2">
            <h4 class="text-center text-dark-blue pt-5 fw-bold">TESTE VOCAȚIONALE PENTRU</h4>
            <h1 class="text-center text-blue mb-5">ORIENTARE ÎN CARIERĂ</h1>
        </div>

        <article class="promo mt-3" >
            <div class="row">
                <div class="col-md-4 order-md-1 ">
                    <header class="text-center mt-1 mt-sm-3">
                        <a href="despre_test.php?test=jvis" >
                            <img src="images/pm3.png" alt="" class="img-fluid">
                        </a>
                        <h1>CE ÎȚI PLACE SĂ FACI?</h1>
                        <h2 class="mb-1 text-blue fw-normal">
                            Testul de interese (JVIS)
                        </h2>

                        <a href="rapoarte.php?file=raport_jvis_sample">
                            <span class="badge bg-light text-secondary border fw-normal"><i class="bi bi-paperclip"></i> Exemplu rezultat</span> 
                        </a>
                    </header>

                    <footer class="mx-0 mt-2 d-flex justify-content-center align-items-center "> 
                        <a href="plateste/jvis" class="d-flex button-fancy p-1 rounded-pill">
                            <div class="rounded-pill p-2 px-3 fs-small button-fancy-cover">Comanda testul</div>
                            <i class="text-secondary pt-2 px-2 fs-small button-fancy-reveal"><b>10 €</b>  + TVA</i>
                        </a>
                    </footer> 
                </div>

                <div class="col-md-4">
                    <ul class="pt-5">
                        <li>Masoara interesele vocationale prin abordari unice </li>
                        <li>Prezinta preferintele ocupationale în termeni de roluri si stiluri de munca</li>
                        <li>Masoara preferinte pentru un anumit domeniu, NU abilitati</li>
                    </ul>
                </div>

                <div class="col-md-4 order-5">
                    <ul class="pt-md-5">
                        <li>Prezice gradul de satisfactie academica</li>
                        <li>Ofera tabloul de similaritate cu 32 grupuri de profesii</li>
                        <li>Include indicatori administrativi de validare profil</li>
                    </ul>
                </div>
            </div>
          
        </article>
    </div>
</div>

<div class="container pt-5" data-aos="fade-right">
    <div class="row">
        <div class="col-md-4 " >
            <article class="promo">
                <header class="text-center mt-1 mt-sm-3 pb-4">
                    <a href="despre_test.php?test=sds">
                        <img src="images/pm3.png" class="img-fluid">
                    </a>
                    <h1 class="mb-2">CE ÎȚI PLACE SĂ FACI?</h1>
                    <h2 class="mb-1 text-blue fw-normal">
                        Testul de interese (SDS)
                    </h2>
                    <a href="rapoarte.php?file=raport_sds_sample">
                        <span class="badge bg-light text-secondary border fw-normal"><i class="bi bi-paperclip"></i> Exemplu rezultat</span> 
                    </a> 
                </header>
                <ul>
                    <li>Genereaza o viziune clara asupra intereselor tale</li>
                    <li>Ofera sugestii de meserii care ti se potrivesc</li>
                    <li>Permite luarea unor decizii clare cu privire la alegerea viitoarei cariere</li>
                    <li>Iti ofera un plan de lucru pentru a te ajuta in alegerea carierei potrivite</li>
                    <li>Foloseste cele mai noi descoperiri din domeniul psihologiei muncii</li>
                </ul>
                <footer class="d-flex justify-content-center">
                    <a href="plateste/sds" class="d-flex bg-light button-fancy p-1 rounded-pill">
                        <div class="rounded-pill p-2 px-3 fs-small button-fancy-cover">Comanda testul</div>
                        <i class="text-secondary pt-2 px-2 fs-small button-fancy-reveal"><b>10 €</b>  + TVA</i>
                    </a>
                </footer>
            </article>
        </div>

        <div class="col-md-4">
            <article class="promo">
                <header class="text-center mt-1 mt-sm-3 pb-4">
                    <a href="despre_test.php?test=bfq" >
                        <img src="images/pm2.png" class="img-fluid">
                    </a>
                    <h1 class="mb-2">CUM ÎȚI PLACE SĂ FACI?</h1>
                    <h2 class="mb-1 text-blue fw-normal">
                        Testul de personalitate (BFQ)
                    </h2>
                    <a href="rapoarte.php?file=raport_bfq_sample">
                        <span class="badge bg-light text-secondary border fw-normal"><i class="bi bi-paperclip"></i> Exemplu rezultat</span> 
                    </a> 
                </header>
                <ul>
                    <li>Cel mai utilizat test pentru determinarea personalitatii</li>
                    <li>Analizeaza principalele 5 caracteristici comportamentale</li>
                    <li>Ofera sugestii de profesii si domenii de munca pe baza rezultatelor</li>
                    <li>Foarte folositor in alegerea unei viitoare cariere</li>
                    <li>Raportul final este detaliat si usor de interpretat</li>
                </ul>
                <footer class="d-flex justify-content-center">
                    <a href="plateste/bfq" class="d-flex bg-light button-fancy p-1 rounded-pill">
                        <div class="rounded-pill p-2 px-3 fs-small button-fancy-cover">Comanda testul</div>
                        <i class="text-secondary pt-2 px-2 fs-small button-fancy-reveal"><b>10 €</b>  + TVA</i>
                    </a>
                </footer>
            </article>
        </div>

        <div class="col-md-4 " >
            <article class="promo">
                <header class="text-center mt-1 mt-sm-3 pb-4">
                    <a href="despre_test.php?test=ist">
                        <img src="images/pm1.png" class="img-fluid">
                    </a>
                    <h1 class="mb-2">CE POȚI SĂ FACI?</h1>
                    <h2 class="mb-1 text-blue fw-normal">
                        Testul de inteligenta (IST)
                    </h2>
                    <a href="rapoarte.php?file=raport_ist_sample">
                        <span class="badge bg-light text-secondary border fw-normal"><i class="bi bi-paperclip"></i> Exemplu rezultat</span> 
                    </a> 
                </header>
                <ul>
                    <li>Evalueaza nivelul general al aptitudinilor intelectuale</li>
                    <li>Iti determina tipul dominant de inteligenta</li>
                    <li>Determina capacitatea cognitiva</li>
                    <li>Ofera recomandari generale in baza rezultatelor</li>
                    <li>Raportul final contine grafice si informatii clare</li>
                </ul>
                <footer class="d-flex  justify-content-center">
                    <a href="plateste/ist" class="d-flex bg-light button-fancy p-1 rounded-pill">
                        <div class="rounded-pill p-2 px-3 fs-small button-fancy-cover">Comanda testul</div>
                        <i class="text-secondary pt-2 px-2 fs-small button-fancy-reveal"><b>10 €</b>  + TVA</i>
                    </a>
                </footer>
            </article>
        </div>
    </div>

    <div class="row" data-aos="zoom-in-down">
        <div class="col-md-4 pe-0">
            <div class="border-start border-bottom border-4 rounded-start w-50 ms-auto" style="height:25px;" ></div>
        </div>
        
        <div class="col-md-4 px-0">
            <div class="p-2 bg-light rounded-pill text-center border border-4 fw-bold bg-romb">RAPORT INTEGRAT</div>
            <!-- <div class="border-bottom border-4" style="height:25px;"></div> -->
        </div>

        <div class="col-md-4 ps-0">
            <div class="border-end border-bottom border-4 rounded-end w-50" style="height:25px;"></div>
        </div>
    </div>
</div>

<div class="mb-4" data-aos="flip-left">
    <div class="container border-4" >
        <div class="text-center" >
            <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="#dee2e6" class="p-0" viewBox="0 2 16 15">
                <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/>
              </svg>
        </div>
        <div class="row pt-2  rounded ">
            <div class="col-md-6 offset-md-3 ">
                
                <article class="promo p-5 pt-0 border-4 rounded" >
                    <header class="text-center mt-1 mt-sm-3 pb-3">
                    
                        <img src="images/pm5.png" class="img-fluid mb-3">
                        
                        <h2 class="mt-1 text-blue fw-normal">
                            Raport integrat (SDS, BFQ, IST)
                        </h2>

                        <a href="rapoarte.php?file=raport_ist_sample">
                            <span class="badge bg-light text-secondary border fw-normal"><i class="bi bi-paperclip"></i> Exemplu rezultat</span> 
                        </a>
                       
                    </header>
                    <div class="justify-content-center text-secondary text-center">
                        Dacă sunt completate toate cele 3 chestionare – <b>SDS</b>, <b>BFQ</b> și <b>IST</b> – se generează ca bonus un <b>Raport INTEGRAT</b> care centralizează rezultatele celor 3 teste, oferă detalii interpretative suplimentare și include un ghid de lucru (schema unui plan de acțiune).
                    </div>
                </article>
            </div>
        </div>
    </div>
</div>

<div class="bg-light "> 
    <div class="container" data-aos="fade-left">
       
        <h4 class="text-center text-dark-blue pt-5 fw-bold">CHESTIONAR PENTRU</h4>
        <h1 class="text-center text-blue mb-5">ORIENTARE ȘCOLARĂ</h1>

        <article class="promo" >
            <div class="row">
                <div class="col-md-4 order-md-1 ">
                    <header class="text-center mt-1 mt-sm-3">
                        <a href="despre_test.php?test=lsi" >
                            <img src="images/pm4.png" alt="" class="img-fluid">
                        </a>
                        <h1>CUM ÎȚI PLACE SĂ ÎNVEȚI?</h1>
                        <h2 class="mb-1 text-blue">
                            Learning Styles Inventory (LSI)
                        </h2>
                        <a href="rapoarte.php?file=raport_lsi_sample">
                            <span class="badge bg-light text-secondary border fw-normal"><i class="bi bi-paperclip"></i> Exemplu rezultat</span> 
                        </a>
                        
                    </header>

                    <footer class="mx-0 mt-2 d-flex justify-content-center align-items-center "> 
                        <a href="plateste.php?test=sds" class="d-flex button-fancy p-1 rounded-pill">
                            <div class="rounded-pill p-2 px-3 fs-small button-fancy-cover">Comanda testul</div>
                            <i class="text-secondary pt-2 px-2 fs-small button-fancy-reveal"><b>10 €</b>  + TVA</i>
                        </a>
                    </footer> 
                    <!-- <footer class="text-center mx-0 mt-2 d-none d-md-block"> 
                        <p class="price"><i><b>pret 10 €</b>  + TVA</i></p>
                        <p><a href="plateste.php?test=lsi" class="btn btn-pemeserie2 btn-sm rounded-pill">Comanda testul</a></p>
                    </footer>  -->
                </div>

                <div class="col-md-4">
                    <ul class="pt-4">
                        <li>Evalueaza stilurile de invatare pe baza temperamentului</li>
                        <li>Ofera sprijin elevilor pentru a obtine rezultate mai bune, cu mai puțin stres </li>
                        <li>Arata cum pot fi imbunatatite interactiunile cu profesorii, colegii si membrii familiei</li>
                    </ul>
                </div>

                <div class="col-md-4 order-5">
                    <ul class="pt-md-4">
                        <li>Indica modalitatea de testare preferata in functie de temperament</li>
                        <li>Propune solutii pentru potentiale capcane ce pot interveni in procesul de invatare</li>
                        <li>Masoara preferintele de invatare pentru pentru 8 stiluri de baza</li>
                    </ul>
                </div>
            </div>

            <!-- <footer class="text-center mx-0 mt-2 d-md-none"> 
                <p class="price"><i><b>pret 10 €</b>  + TVA</i></p>
                <p><a href="plateste.php?test=LSI" class="btn btn-pemeserie2 btn-sm">Comanda testul</a></p>
            </footer>  -->
        </article>
    </div>
</div>

<div class="container " data-aos="fade-right">
    <div class="row mt-5">
        <div class="col col-sm-4">
            <div class="line ln"></div>
        </div>
        <div class="col-6 col-sm-4 text-center">
            <h2 class="text-yellow">De ce sa te testezi?</h2>
        </div>
        <div class="col col-sm-4">
            <div class="line ln"></div>
        </div>
    </div>

    <div class="row mt-4 mb-5">
        <div class="col-md-4">
            <ul class="sm-arrow mb-0 text-secondary">
                <li>Te ajuta sa-ti descoperi adevarata vocatie</li>
                <li>Afli principalele trasaturi care te caracterizeaza</li>
                <li>Iti afli slabiciunile ca sa le poti imbunatati</li>
            </ul>
        </div>
        <div class="col-md-4">
            <ul class="sm-arrow mb-0 text-secondary">
                <li>Castigi incredere in propria personalitate</li>
                <li>Gasesti argumentele stiintifice in alegerea profesiei</li>
            </ul>
        </div>
        <div class="col-md-4">
            <ul class="sm-arrow mb-0 text-secondary">
                <li>Eviti situatia de a irosi ani intr-o meserie nepotrivita</li>
                <li>Primesti argumente puternice pentru a-ti convinge angajatorii</li>
            </ul>
        </div>
    </div>
</div>

<div class="text-center bg-light  p-5 rounded border-bottom bg-romb" data-aos="fade-up">
    <div class="container my-5 ">
        <p class="fs-4 text-dark-blue mx-md-5">Descoperă cariera și stilurile de învățare ce ți se potrivesc folosind teste renumite internațional, <br>acum adaptate pentru România.</p>
        <a href="/alege-test" class="btn btn-pemeserie rounded-pill">Alege testul potrivit</a>
    </div>
</div>

@endsection