<?php require 'ust.php'; ?>
<?php $headercek = mysqli_fetch_array(mysqli_query($db, "SELECT * FROM site_header_ayar WHERE id = '1'")); ?>
<section id="hero">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1 d-flex align-items-center">
                <div data-aos="zoom-out">
                    
                    <h1>
                        <span><?php echo $headercek["header_1"]; ?></span>
                    </h1>
                    <div class="text-center text-lg-start">
                        <a href="#yorumcu" class="btn-get-started scrollto">Yorumcuları Göster</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 order-1 order-lg-2 hero-img" data-aos="zoom-out" data-aos-delay="300">
                <img id="solresim" src="assets/img/ilkdcark.png" alt="">
            </div>
        </div>
    </div>
    <style type="text/css">
        #solresim {
            -webkit-animation: spin 40s linear infinite;
            -moz-animation: spin 40s linear infinite;
            animation: spin 40s linear infinite;

            @-moz-keyframes spin {
                100% {
                    -moz-transform: rotate(360deg);
                }
            }

            @-webkit-keyframes spin {
                100% {
                    -webkit-transform: rotate(360deg);
                }
            }

            @keyframes spin {
                100% {
                    -webkit-transform: rotate(360deg);
                    transform: rotate(360deg);
                }
            }
        }
    </style>
    <svg class="hero-waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
        viewBox="0 24 150 28 " preserveAspectRatio="none">
        <defs>
            <path id="wave-path" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z">
        </defs>
        <g class="wave1">
            <use xlink:href="#wave-path" x="50" y="3" fill="rgba(255,255,255, .1)">
        </g>
        <g class="wave2">
            <use xlink:href="#wave-path" x="50" y="0" fill="rgba(255,255,255, .2)">
        </g>
        <g class="wave3">
            <use xlink:href="#wave-path" x="50" y="9" fill="#fff">
        </g>
    </svg>
</section>
<main id="main">
    <style type="text/css">
        .tw-relative {
            position: relative
        }

        .\!tw-ml-0 {
            margin-left: 0px !important
        }

        .tw-ml-auto {
            margin-left: auto
        }

        .tw-mr-auto {
            margin-right: auto
        }

        .tw-mt-12 {
            margin-top: 3rem
        }

        .tw-mt-4 {
            margin-top: 1rem
        }

        .tw-flex {
            display: flex
        }

        .tw-aspect-square {
            aspect-ratio: 1 / 1
        }

        .tw-w-full {
            width: 100%
        }

        .tw-min-w-\[60px\] {
            min-width: 60px
        }

        .tw-flex-col {
            flex-direction: column
        }

        .tw-rounded-3xl {
            border-radius: 1.5rem
        }

        .tw-px-3 {
            padding-left: 0.75rem;
            padding-right: 0.75rem
        }

        @media (min-width: 1024px) {
            .lg\:\!tw-mt-0 {
                margin-top: 0px !important
            }

            .lg\:tw-ml-4 {
                margin-left: 1rem
            }

            .lg\:tw-w-1\/3 {
                width: 33.333333%
            }

            .lg\:tw-w-\[45\%\] {
                width: 45%
            }

            .lg\:tw-flex-row {
                flex-direction: row
            }
        }
    </style>
    <section id="about" class="about tw-flex tw-w-full tw-flex-col tw-px-3 icon-boxes">
        <div class="tw-relative tw-flex lg:tw-flex-row tw-flex-col tw-mt-12">
            <div class="tw-w-full tw-ml-auto lg:tw-w-1/3 video-box" data-aos="fade-right">
                <img class="tw-aspect-square tw-rounded-3xl tw-w-full"
                    src="https://faladasi.com/assets/img/kahvefali.jpg" alt="" />
            </div>

            <div class="tw-w-full lg:tw-w-[45%] tw-mr-auto px-lg-4 tw-flex tw-flex-col lg:tw-flex-row tw-mt-4 icon-box lg:!tw-mt-0 aos-animate py-0"
                data-aos="fade-left">
                <div class="icon tw-min-w-[60px]" data-aos="zoom-in" data-aos-delay="100"><img
                        src="https://falsepeti.com/_nuxt/img/56d86ac.svg" alt="" /></div>
                <div class="lg:tw-ml-4">
                    <h4 class="title lg:!tw-mt-0 tw-mt-4 !tw-ml-0" data-aos="zoom-in" data-aos-delay="100"><a
                            href="fal.php?fal=kahvefali">Kahve Falı</a></h4>
                    <h6 class="description !tw-ml-0" data-aos="zoom-in" data-aos-delay="100">
                        <?php echo $headercek["header_3"]; ?>
                    </h6>
                </div>
            </div>
        </div>

        <div class="tw-relative tw-flex lg:tw-flex-row tw-flex-col tw-mt-12">
            <div class="tw-w-full tw-ml-auto lg:tw-w-1/3 video-box" data-aos="fade-right">
                <img class="tw-aspect-square tw-rounded-3xl tw-w-full" src="https://faladasi.com/assets/img/tarotfali.jpg"
                    alt="" />
            </div>

            <div class="tw-w-full lg:tw-w-[45%] tw-mr-auto px-lg-4 tw-flex tw-flex-col lg:tw-flex-row tw-mt-4 icon-box lg:!tw-mt-0 aos-animate py-0"
                data-aos="fade-left">
                <div class="icon tw-min-w-[60px]" data-aos="zoom-in" data-aos-delay="100"><img
                        src="https://falsepeti.com/_nuxt/img/9903414.svg" alt="" /></div>
                <div class="lg:tw-ml-4">
                    <h4 class="title lg:!tw-mt-0 tw-mt-4 !tw-ml-0" data-aos="zoom-in" data-aos-delay="100"><a
                            href="fal.php?fal=kahvefali">Tarot Falı</a></h4>
                    <h6 class="description !tw-ml-0" data-aos="zoom-in" data-aos-delay="100">
                        <?php echo $headercek["header_4"]; ?>
                    </h6>
                </div>
            </div>
        </div>

        <div class="tw-relative tw-flex lg:tw-flex-row tw-flex-col tw-mt-12">
            <div class="tw-w-full tw-ml-auto lg:tw-w-1/3 video-box" data-aos="fade-right">
                <img class="tw-aspect-square tw-rounded-3xl tw-w-full" src="https://faladasi.com/assets/img/katinafali.jpg"
                    alt="" />
            </div>

            <div class="tw-w-full lg:tw-w-[45%] tw-mr-auto px-lg-4 tw-flex tw-flex-col lg:tw-flex-row tw-mt-4 icon-box lg:!tw-mt-0 aos-animate py-0"
                data-aos="fade-left">
                <div class="icon tw-min-w-[60px]" data-aos="zoom-in" data-aos-delay="100"><img
                        src="https://falsepeti.com/_nuxt/img/29c8597.svg" alt="" /></div>
                <div class="lg:tw-ml-4">
                    <h4 class="title lg:!tw-mt-0 tw-mt-4 !tw-ml-0" data-aos="zoom-in" data-aos-delay="100"><a
                            href="fal.php?fal=kahvefali">Katina Falı</a></h4>
                    <h6 class="description !tw-ml-0" data-aos="zoom-in" data-aos-delay="100">
                        <?php echo $headercek["header_5"]; ?>
                    </h6>
                </div>
            </div>
        </div>
        <div class="tw-relative tw-flex lg:tw-flex-row tw-flex-col tw-mt-12">
            <div class="tw-w-full tw-ml-auto lg:tw-w-1/3 video-box" data-aos="fade-right">
                <img class="tw-aspect-square tw-rounded-3xl tw-w-full" src="https://faladasi.com/assets/img/yildiznamefali.jpg"
                    alt="" />
            </div>

            <div class="tw-w-full lg:tw-w-[45%] tw-mr-auto px-lg-4 tw-flex tw-flex-col lg:tw-flex-row tw-mt-4 icon-box lg:!tw-mt-0 aos-animate py-0"
                data-aos="fade-left">
                <div class="icon tw-min-w-[60px]" data-aos="zoom-in" data-aos-delay="100"><img
                        src="https://falsepeti.com/_nuxt/img/c4f9be3.svg" alt="" /></div>
                <div class="lg:tw-ml-4">
                    <h4 class="title lg:!tw-mt-0 tw-mt-4 !tw-ml-0" data-aos="zoom-in" data-aos-delay="100"><a
                            href="fal.php?fal=kahvefali">Yıldızname Falı</a></h4>
                    <h6 class="description !tw-ml-0" data-aos="zoom-in" data-aos-delay="100">
                        <?php echo $headercek["header_6"]; ?>
                    </h6>
                </div>
            </div>
        </div>

        <div class="tw-relative tw-flex lg:tw-flex-row tw-flex-col tw-mt-12">
            <div class="tw-w-full tw-ml-auto lg:tw-w-1/3 video-box" data-aos="fade-right">
                <img class="tw-aspect-square tw-rounded-3xl tw-w-full" src="https://faladasi.com/assets/img/sufali.jpg"
                    alt="" />
            </div>

            <div class="tw-w-full lg:tw-w-[45%] tw-mr-auto px-lg-4 tw-flex tw-flex-col lg:tw-flex-row tw-mt-4 icon-box lg:!tw-mt-0 aos-animate py-0"
                data-aos="fade-left">
                <div class="icon tw-min-w-[60px]" data-aos="zoom-in" data-aos-delay="100"><img
                        src="https://falsepeti.com/_nuxt/img/edb844d.svg" alt="" /></div>
                <div class="lg:tw-ml-4">
                    <h4 class="title lg:!tw-mt-0 tw-mt-4 !tw-ml-0" data-aos="zoom-in" data-aos-delay="100"><a
                            href="fal.php?fal=kahvefali">Su Falı</a></h4>
                    <h6 class="description !tw-ml-0" data-aos="zoom-in" data-aos-delay="100">
                        <?php echo $headercek["header_7"]; ?>
                    </h6>
                </div>
            </div>
        </div>
    </section>


    <section id="yorumcu" class="team">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <p class="text-center"> EN İYİ YORUMCULAR </p>
            </div>
            <div class="col-lg-12">
                <div class="row" data-aos="fade-left">
                    <?php
                    $hygetir = mysqli_fetch_array(mysqli_query($db, "SELECT * FROM site_ayar WHERE id = '1'"));
                    $idler = explode(",", $hygetir["haftanin_yid"]);
                    $bir = $idler["0"];
                    $iki = $idler["1"];
                    $uc = $idler["2"];
                    $yorumcusor = mysqli_query($db, "SELECT * FROM yorumcular WHERE id = '$bir' OR id = '$iki' OR id = '$uc'");
                    while ($yorumcudetay = mysqli_fetch_array($yorumcusor)) { ?>
                        <div class="col-lg-4 card mx-2 my-3"
                            style='margin:auto !important ; margin-bottom: 10px !important; width: 18rem;border-style: solid: color: red; background-image: url("assets/img/ydivrsim.jpg");'>
                            <center><br>
                                <?php if ($yorumcudetay["durum"] == 1) { ?>
                                    <div class="text-success" role="status" style="position: absolute; top: 5px;  left: 5px;">
                                        <div style="background:mediumseagreen; border-radius: 5px;">&nbsp; <font color="white">
                                                <b> Online </b>
                                            </font> &nbsp;</div>
                                    </div>
                                <?php }
                                if ($yorumcudetay["durum"] == 0) { ?>
                                    <div class="text-danger" role="status" style="position: absolute; top: 5px;  left: 5px;">
                                        <div style="background:orangered; border-radius: 5px;">&nbsp; <font color="white"><b>
                                                    Çevrim Dışı </b></font> &nbsp;</div>
                                    </div>
                                <?php }
                                if ($yorumcudetay["durum"] == 2) { ?>
                                    <div class="text-warning" role="status" style="position: absolute; top: 5px;  left: 5px;">
                                        <div style="background:orange; border-radius: 5px;">&nbsp; <font color="white"><b>
                                                    Meşgul </b></font> &nbsp;</div>
                                    </div>
                                <?php } ?>
                                <?php if ($yorumcudetay["yildiz"] == 1) {
                                    echo '<i style="color: white; position: absolute; top: 5px;  right: 5px;" class="bi bi-star-fill"></i>';
                                } ?>
                                <?php if ($yorumcudetay["yildiz"] == 2) {
                                    echo '<i style="color: white; position: absolute; top: 5px;  right: 5px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 21px;" class="bi bi-star-fill"></i>';
                                } ?>
                                <?php if ($yorumcudetay["yildiz"] == 3) {
                                    echo '<i style="color: white; position: absolute; top: 5px;  right: 5px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 21px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 37px;" class="bi bi-star-fill"></i>';
                                } ?>
                                <?php if ($yorumcudetay["yildiz"] == 4) {
                                    echo '<i style="color: white; position: absolute; top: 5px;  right: 5px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 21px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 37px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 53px;" class="bi bi-star-fill"></i>';
                                } ?>
                                <?php if ($yorumcudetay["yildiz"] == 5) {
                                    echo '<i style="color: white; position: absolute; top: 5px;  right: 5px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 21px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 37px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 53px;" class="bi bi-star-fill"></i><i style="color: white; position: absolute; top: 5px;  right: 69px;" class="bi bi-star-fill"></i>';
                                } ?>
                                <a href="yorumcu.php?a=<?php echo $yorumcudetay['ad_url']; ?>"><img
                                        style="border-radius: 50%; height: 100px; width: 100px; object-fit: cover;"
                                        class="card-img-top" src="<?php echo $yorumcudetay['presim']; ?>"
                                        alt="profil-resmi"></a>
                                <div class="card-body">
                                    <h5 class="card-title" style="color: white;">
                                        <?php echo $yorumcudetay["kadi"]; ?>
                                    </h5>
                                    <hr style="color:white;">
                                    <p class="card-text" style="color: white;">
                                        <?php echo $yorumcudetay["kisa_aciklama"]; ?><br><br><br>
                                        <?php if ($yorumcudetay["ysses"] == 1) { ?><button type="button"
                                                class="btn btn-outline-danger" data-toggle="popover"
                                                title="Falınız Sesli Kayıt Biçiminde Gönderilir"><i style="font-size: 20px;"
                                                    class="bi bi-mic-fill"></i></button>
                                        <?php } else { ?>
                                            <button type="button" class="btn btn-outline-danger" data-toggle="popover"
                                                title="Falınız Sesli Kayıt Biçiminde Gönderilir" disabled><i
                                                    style="font-size: 20px;" class="bi bi-mic-fill"></i></button>
                                        <?php } ?>
                                        <?php if ($yorumcudetay["ysyazi"] == 1) { ?><button type="button"
                                                class="btn btn-outline-warning" data-toggle="tooltip"
                                                title="Falınız Yazılı Metin Biçiminde Gönderilir"><i style="font-size: 20px;"
                                                    class="bi bi-envelope-fill"></i></button>
                                        <?php } else { ?>
                                            <button type="button" class="btn btn-outline-warning" data-toggle="tooltip"
                                                title="Falınız Yazılı Metin Biçiminde Gönderilir" disabled><i
                                                    style="font-size: 20px;" class="bi bi-envelope-fill"></i></button>
                                        <?php } ?>
                                        <?php if ($yorumcudetay["ystel"] == 1) { ?><button type="button"
                                                class="btn btn-outline-success" data-toggle="tooltip"
                                                title="Falınız Telefon Üzerinden Yorumlanır"><i style="font-size: 20px;"
                                                    class="bi bi-telephone-fill"></i></button>
                                        <?php } else { ?>
                                            <button type="button" class="btn btn-outline-success" data-toggle="tooltip"
                                                title="Falınız Telefon Üzerinden Yorumlanır" disabled><i
                                                    style="font-size: 20px;" class="bi bi-telephone-fill"></i></button>
                                        <?php } ?>
                                    </p>
                                    <?php if ($yorumcudetay["durum"] == 1) { ?>
                                        <a href="yorumcu.php?a=<?php echo $yorumcudetay["ad_url"]; ?>"> <button type="button"
                                                class="btn btn-outline-light"> Hemen Fal Baktır </button></a>
                                    <?php } else { ?>
                                        <a href="yorumcu.php?a=<?php echo $yorumcudetay["ad_url"]; ?>"> <button type="button"
                                                class="btn btn-outline-light" disabled> Çevrim Dışı </button></a>
                                    <?php } ?>
                                </div>
                            </center>
                        </div>
                    <?php } ?>
                </div>
            </div>
        </div><br>
        <center><a href="yorumcular.php"><button class="btn btn-outline-info" type="button">Daha Fazla
                    Göster</button></a></center>
    </section>
    <section id="details" class="details">
        <div class="container">

            <div class="row content">
                <div class="col-md-4" data-aos="fade-right">
                    <img src="assets/img/3.png" class="img-fluid" alt="">
                </div>
                <div class="col-md-8 pt-4" data-aos="fade-up">
                    <h3>GERÇEK FAL DENEYİMİ</h3>
                    <p class="fst-italic">
                        Gerçek yorumculardan fal yorumu için Android telefonunuzdan Hemen İndirin !
                    </p>
                    <center><a
                            href="https://appsgeyser.com/api/track/redirect?url=https%3A%2F%2Ffiles.appsgeyser.com%2FFal%2520adas%25C4%25B1_17931078.apk%3Fsrc%3Dpage"
                            target="_blank"><img style="width: 250px; height:90px;" src="assets/img/G.png"
                                class="img-fluid" alt="" align="left"></a><img style="width: 250px; height:90px;"
                            src="assets/img/A.png" class="img-fluid" alt="" align="left"></center>
                </div>
            </div>
        </div>
    </section>
    <section id="pricing" class="pricing">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <p>Fal Paketlerimiz</p>
                <h5>Avantajlı paketlerimizden aldığınız kredilerinizi web sitemiz üzerinden fal göndermek için
                    kullanabilirsiniz.</h5>
            </div>
            <div class="row" data-aos="fade-left">
                <?php
                $paketcek = mysqli_query($db, "SELECT * FROM paketler");
                while ($paket_listele = mysqli_fetch_array($paketcek)) {
                    ?>
                    <div class="col-lg-3 col-md-6 mt-4 mt-md-0">
                        <div class="box featured" data-aos="zoom-in" data-aos-delay="200">
                            <h3>
                                <?php echo $paket_listele["paket_adi"]; ?>
                            </h3>
                            <h4>
                                <?php echo $paket_listele["paket_kredi"]; ?><br> Kredi
                            </h4>
                            <div class="btn-wrap">
                                <a href="paketler.php" class="btn-buy" style="text-decoration:none">
                                    <?php echo $paket_listele["paket_fiyat"]; ?> ₺
                                </a>
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
        </div>
    </section>
    <section id="faq" class="faq section-bg">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <p>Sık Sorulan Sorular</p>
            </div>
            <div class="faq-list">
                <ul>
                    <?php
                    $sorugetir = mysqli_query($db, "SELECT * FROM sikcasorulan_sorular");
                    while ($soru_listele = mysqli_fetch_array($sorugetir)) {
                        ?>
                        <li data-aos="fade-up">
                            <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" class="collapse"
                                data-bs-target="#faq-list-<?php echo $soru_listele["id"]; ?>">
                                <?php echo $soru_listele["soru_baslik"]; ?> <i class="bx bx-chevron-down icon-show"></i><i
                                    class="bx bx-chevron-up icon-close"></i>
                            </a>
                            <div id="faq-list-<?php echo $soru_listele["id"]; ?>" class="collapse"
                                data-bs-parent=".faq-list">
                                <p>
                                    <?php echo $soru_listele["soru_cevap"]; ?>
                                </p>
                            </div>
                        </li>
                    <?php } ?>
                </ul>
            </div>
        </div>
    </section>
    <section id="contact" class="contact">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>İletişim</h2>
                <p>İletişim Bilgilerimiz</p>
            </div>
            <?php $ibilgigetir = mysqli_fetch_array(mysqli_query($db, "SELECT * FROM site_iletisim_bilgileri WHERE id = '1'")); ?>
            <div class="row">
                <div class="col-lg-4" data-aos="fade-right" data-aos-delay="100">
                    <div class="info">
                        <div class="address">
                            <i class="bi bi-geo-alt"></i>
                            <h4>Adres:</h4>
                            <p>
                                <?php echo $ibilgigetir["adres"]; ?>
                            </p>
                        </div>
                        <div class="email">
                            <i class="bi bi-envelope"></i>
                            <h4>E-Posta:</h4>
                            <p>
                                <?php echo $ibilgigetir["mail"]; ?>
                            </p>
                        </div>
                        
                    </div>
                </div>
                <div class="col-lg-8 mt-5 mt-lg-0" data-aos="fade-left" data-aos-delay="200">
                    <form method="post">
                        <div class="row my-3">
                            <div class="col-lg-6">
                                <label>Ad Soyad</label>
                                <input name="ad_soyad" type="text" class="form-control">
                            </div>
                            <div class="col-lg-6">
                                <label>E-Mail</label>
                                <input name="email" type="email" class="form-control">
                            </div>
                        </div>
                        <div class="form-group my-3">
                            <label>Konu</label>
                            <input name="konu" type="text" class="form-control">
                        </div>
                        <div class="form-group my-3">
                            <label> Mesajınız </label>
                            <textarea name="mesaj" class="form-control" rows="3"></textarea>
                        </div>
                        <button name="iletisimbtn" type="submit" class="btn btn-primary">Gönder</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
</main>
<?php require 'footer.php'; ?>
<?php
if ($_POST) {
    $ad_soyad = $_POST["ad_soyad"];
    $email = $_POST["email"];
    $konu = $_POST["konu"];
    $mesaj = $_POST["mesaj"];

    $kayit = mysqli_query($db, "INSERT INTO iletisim(ad_soyad,email,konu,mesaj)VALUES('$ad_soyad','$email','$konu','$mesaj')");
    if ($kayit) {
        echo '<script>swal("Mesajınızı Aldık", " En Kısa Süre İçerisinde İletişime Gececeğiz ", "success");</script>';
        header("Refresh:2;url=index.php#contact");
    } else {
        echo '<script>swal("Hata!", "Sistemsel Bir Hata Meydana Geldi Lütfen Tekrar Deneyin", "error");</script>';
        header("Refresh:2;url=index.php#contact");
    }
}
?>