<div id="home" data-aos="fade-up" class="home">
    <img class="logo" src="<?= base_url('assets/images/static/logo/2.png') ?>" alt="logo">
    <div class="content">
        <img alt='scara' src="<?= base_url('assets/images/static/scara.gif') ?>">
        <div class="text">
            <p id='title'></p>
            <div id='button-title' class="button"></div>
        </div>
    </div>
</div>

<div id="misiune" class="misiune">
    <div data-aos="fade-up" class="title">
        <p>Misiunea desprebani.ro</p>
    </div>
    <div data-aos="fade-up" class="content">
        <div class="harta">
            <img src="<?= base_url('assets/images/static/harta.jpeg') ?>" alt="harta">
        </div>
        <div class="text">
            <p>România se află pe ultimul loc în Uniunea Europeană la educație financiară.
                Misiunea desprebani.ro este de a aduce nivelul de educație financiară la același
                nivel cu creșterile economice pe care România le înregistrează în ultimii ani.
            </p>
        </div>
    </div>
</div>

<div id="about" class="about">
    <div class="title" data-aos="fade-up">
        <p>Cum facem asta?</p>
    </div>
    <div class="description" data-aos="fade-up">
        <p>Cum? Prin discuții personalizate, cu fiecare român în parte.
            Hai să vorbim despre bani!
        </p>
    </div>
    <!-- <div class="owner">
        <div class="avatar" data-aos="fade-up">
            <img src="https://i.pravatar.cc/150?u=fake@pravatar.com" alt="avatar">
        </div>
        <div class="name" data-aos="fade-up">
            <p>Thomas Larson</p>
            <span>Company Founder</span>
        </div>
    </div> -->
</div>

<div id="echipa" class="echipa">
    <div class="title" data-aos="fade-up">
        <p>Echipa desprebani.ro</p>
        <span>Echipa desprebani.ro te invită la o discuție deschisă, dinamică și confidențială care îți va face cunoștință cu lume finanțelor personale și va pune bazele unei dezvoltări sustenabile.</span>
    </div>
    <div class="team" data-aos="fade-up">
        <?php foreach ($Echipa as $staff) { ?>
            <div class="card" data-aos="fade-up">
                <div class="avatar" data-aos="fade-up">
                    <img src="<?= base_url("assets/images/echipa/" . $staff->Imagine) ?>" alt="avatar">
                </div>
                <div class="nume" data-aos="fade-up">
                    <?= $staff->Nume . " " . $staff->Prenume ?>
                </div>
            </div>
        <?php } ?>
    </div>
</div>

<div id="blog" class="blog" style="display: none">
    <div class="posts">
        
        <?php foreach ($Blog as $blog) { ?>
            <div class="post" data-aos="fade-up">
                <div class="image" data-aos="fade-up">
                    <img src="<?= base_url("assets/images/blog/" . $blog->Imagine) ?>" alt="blog_img">
                </div>
                <div class="text" data-aos="fade-up">
                    <div class="title"><?= $blog->Titlu ?></div>
                    <div class="content"><?= $blog->Descriere ?></div>
                    <div class="link" data-aos="fade-up">
                        <a href="<?= base_url("blog-page/".$blog->Slug) ?>">Vezi mai mult</a>
                    </div>
                </div>
            </div>
        <?php } ?>
    </div>
    <div class="redirect" data-aos="fade-up">
        <a href="<?= base_url('blog-list')?>">Citește mai mult</a>
    </div>
</div>


<div id="formular" class="formular">
    <div class="form-area">
        <div class="form" data-aos="fade-up">
            <p data-aos="fade-up">Hai să vorbim despre bani.</p>
            <input data-aos="fade-up" type="text" id="form-nume" placeholder="Nume">
            <input data-aos="fade-up" type="text" id="form-prenume" placeholder="Prenume">
            <input data-aos="fade-up" type="text" id="form-email" placeholder="Email">
            <input data-aos="fade-up" type="text" id="form-telefon" placeholder="Telefon">
            <input data-aos="fade-up" type="text" id="form-oras" placeholder="Oras">
            <textarea data-aos="fade-up" placeholder="Mesaj" name="" id="form-mesaj" cols="30" rows="10"></textarea>
            <button data-aos="fade-up">Trimite</button>

        </div>
        <div class="imagine" data-aos="fade-up">
            <img src="<?= base_url('assets/images/static/intrebari.gif')?>" alt="">
        </div>
    </div>
    <div  class="contact">
        <div class="contact-info">
            <p>+40 724 020 888</p>
        </div>

        <div class="contact-info">
            <p>București, România</p>
        </div>

        <div class="contact-info">
            <p>desprebani.ro@gmail.com</p>
        </div>
    </div>
</div>


<script src="<?= base_url('assets/js/animations.js') ?>"></script>