<section class="cbx-about" id="about">

    <div class="cbx-container">


        <div class="cbx-about-grid">


            <!-- =====================================
                 LEFT VISUAL
            ====================================== -->

            <div class="cbx-about-visual">


                <div class="cbx-about-image">

                    <img
                        src="public-site/assets/images/about-complete-bliss.jpeg"
                        alt="Complete Bliss Solutions"
                        loading="lazy"
                    >

                </div>


                <!-- DECORATIVE CARD -->

                <div class="cbx-about-floating cbx-about-floating-top">

                    <div class="cbx-about-floating-icon">

                        <i class="fa-solid fa-people-group"></i>

                    </div>

                    <div>

                        <small>
                            BUILT FOR PEOPLE
                        </small>

                        <strong>
                            Everyday Goals Matter
                        </strong>

                    </div>

                </div>


                <!-- SECOND CARD -->

                <div class="cbx-about-floating cbx-about-floating-bottom">

                    <i class="fa-solid fa-circle-check"></i>

                    <span>
                        Clear records. Clear progress.
                    </span>

                </div>


                <!-- EXPERIENCE BADGE -->

                <div class="cbx-about-photo-label">

                    <i class="fa-solid fa-heart"></i>

                    <span>
                        Complete Bliss Solutions
                    </span>

                </div>


            </div>



            <!-- =====================================
                 RIGHT CONTENT
            ====================================== -->

            <div class="cbx-about-content">


                <div class="cbx-about-tag">

                    <i class="fa-solid fa-building-shield"></i>

                    <span>
                        ABOUT COMPLETE BLISS
                    </span>

                </div>


                <h2>

                    More than contributions.

                    <span>
                        It's about achieving something meaningful.
                    </span>

                </h2>


                <p class="cbx-about-lead">

                    Complete Bliss Solutions provides a structured
                    way for members to contribute towards practical
                    goals while keeping their progress clear and
                    accessible.

                </p>


                <p class="cbx-about-text">

                    Whether you're planning towards food packages,
                    household needs, personal goals or another
                    available scheme, our aim is to make the journey
                    easier to understand from the moment you join
                    until your scheme is completed.

                </p>



                <!-- =====================================
                     TRUST POINTS
                ====================================== -->

                <div class="cbx-about-points">


                    <div class="cbx-about-point">

                        <div class="cbx-about-point-icon cbx-about-blue">

                            <i class="fa-solid fa-chart-line"></i>

                        </div>


                        <div>

                            <strong>
                                Know Where You Stand
                            </strong>

                            <span>
                                Your dashboard keeps your contribution
                                activity and scheme progress organised.
                            </span>

                        </div>

                    </div>



                    <div class="cbx-about-point">

                        <div class="cbx-about-point-icon cbx-about-green">

                            <i class="fa-solid fa-basket-shopping"></i>

                        </div>


                        <div>

                            <strong>
                                Built Around Real Needs
                            </strong>

                            <span>
                                Schemes can focus on useful everyday
                                goals, packages and savings objectives.
                            </span>

                        </div>

                    </div>



                    <div class="cbx-about-point">

                        <div class="cbx-about-point-icon cbx-about-orange">

                            <i class="fa-solid fa-mobile-screen-button"></i>

                        </div>


                        <div>

                            <strong>
                                Digital & Convenient
                            </strong>

                            <span>
                                Members can access their account
                                and contribution information online.
                            </span>

                        </div>

                    </div>



                    <div class="cbx-about-point">

                        <div class="cbx-about-point-icon cbx-about-purple">

                            <i class="fa-solid fa-headset"></i>

                        </div>


                        <div>

                            <strong>
                                Support When Needed
                            </strong>

                            <span>
                                Members have a direct way to reach
                                Complete Bliss when assistance is required.
                            </span>

                        </div>

                    </div>


                </div>



                <!-- =====================================
                     CTA
                ====================================== -->

                <div class="cbx-about-actions">


                    <a
                        href="register.php"
                        class="cbx-about-primary"
                    >

                        Become a Member

                        <i class="fa-solid fa-arrow-right"></i>

                    </a>


                    <a
                        href="#gallery"
                        class="cbx-about-secondary"
                    >

                        <i class="fa-solid fa-images"></i>

                        See Our Gallery

                    </a>


                </div>


            </div>


        </div>

    </div>

</section>