@extends('website.layout')

@section('content')
    <section class="jo-breadcrumb">
        <div class="container">
            <h1 class="jo-page-title jo-section-title">About Me</h1>
            <ul class="jo-breadcrumb-nav">
                <li><a href="#">Home</a></li>
                <li><span>/</span></li>
                <li class="current-page">About Me</li>
            </ul>

            <div class="jo-circle-box">
                <span class="circle-1"><img src="assets/img/social-icon-2.png" alt="Social Media Icon"></span>
                <span class="circle-2"><img src="assets/img/social-icon-2.png" alt="Social Media Icon"></span>
                <span class="circle-3"><img src="assets/img/social-icon-2.png" alt="Social Media Icon"></span>
                <span class="circle-4"><img src="assets/img/social-icon-2.png" alt="Social Media Icon"></span>
            </div>
        </div>
    </section>
    <!-- BREADCRUMB SECTION END -->


    <!-- ABOUT SECTION START -->
    <section class="jo-inner-about">
        <div class="jo-container">
            <div class="top-wrapper">
                <div class="row gx-xl-0 gx-4 align-items-center">
                    <!-- img -->
                    <div class="col-xl-5 col-lg-5 align-self-stretch">
                        <div class="jo-inner-about-left">
                            <div class="img">
                                <img src="assets/img/inner-about-img.png" alt="Image">
                                <div class="follower-tag">85.5M Followers</div>
                            </div>
                            <h2 class="title">Silvia Pinho</h2>
                            <a href="contact.html" class="jo-btn ">Get in Touch</a>
                            <h3 class="sub-title">typically response within 24 hours</h3>
                        </div>
                    </div>

                    <!-- txt -->
                    <div class="col-xl-7 col-lg-7">
                        <div class="jo-inner-about-txt">
                            <h2 class="jo-section-title">A place where creators&nbsp;&amp;users support each other.</h2>
                            <p class="jo-intro__descr">
                                At Instricks, everything is real and manual — no bots, no fake engagement.
                                You discover new creators, support each other naturally, and grow safely with
                                100% platform-compliant tools.
                            </p>

                            <ul class="jo-intro__list">
                                <li>Real people, real manual interactions</li>
                                <li>Safe, organic growth with no bots or automation</li>
                                <li>Fully compliant with social media platform rules</li>
                                <li>Secure, transparent, and trusted by creators</li>
                            </ul>

                            <div><img src="assets/img/signature.jpg" alt="signature Image"></div>

                        </div>
                    </div>
                </div>
            </div>
            <p class="jo-inner-about-second-title">Jio helps agencies like yours operate at a much larger scale <span
                    class="txt-gold">with a vital</span> <span class="txt-pink">Platform to Effectively Manage</span> and
                grow your network</p>
        </div>
    </section>
    <!-- ABOUT SECTION END -->
@endsection