@extends('public.core.core')
@section('title')
    Hakkımızda
@endsection
@section('csrf_token')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('content')
    <!--====== BANNER PART START ======-->
    <section class="banner-area bg_cover">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="banner-content">
                        <h1 class="text-white">Hakkımızda</h1>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/">Anasayfa</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Hakkımızda</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== BANNER PART END ======-->

    <!--====== WELCOME PART START ======-->
    <section class="welcome-area pt-60 pb-110">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="welcome-img">
                        <img src="assets/images/about/about-img.png" alt="" class="image">
                        <img src="assets/images/about/dot-shape.svg" alt="" class="dot-shape">
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="welcome-content">
                        <h1 class="mb-30">{{$about->title}}</h1>
                        <p>{!!$about->content!!}</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== WELCOME PART END ======-->

    <!--====== SUBSCRIBE PRODUCT PART START ======-->
    <section class="subscribe-area">
        <div class="container">
            <div class="subscribe-wrapper bg_cover">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="subscribe-content section-title">
                            <h1 class="text-white">Bültenimize Abone Olun</h1>
                            <p class="text-white">Size özel hazıraldığımız farklı sektörlerle alakalı bültenimize abone olun
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="subscribe-form-wrapper">
                            <form action="#" class="subscribe-form">
                                <input type="email" name="email" id="sub-email-input"
                                    placeholder="Mail Adresinizi Giriniz">
                                <button type="button" id="sub-email-button"><i
                                        class="lni lni-telegram-original"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--====== SUBSCRIBE PRODUCT PART ENDS ======-->
@endsection
@section('extra_js')
<script src="/assets/js/subscribe.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
        integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
        integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous">
    </script>
@endsection