{% extends "base.html" %}
{% load static %}
{% block content %}


    <main class="overflow-hidden">
        <!-- BANNER SECTION START -->
        <section class="ul-banner">
            <div class="ul-banner-container">
                <div class="row gy-4 row-cols-lg-2 row-cols-1 align-items-center flex-column-reverse flex-lg-row">
                    <!-- banner text -->
                    <div class="col">
                        <div class="ul-banner-txt">
                            <div class="wow animate__fadeInUp">
                                <span class="ul-banner-sub-title ul-section-sub-title">Naija Video/Films & All Media Directory</span>
                                <h1 class="ul-banner-title">Discover Nigeria’s Creative Directory</h1>
                                <p class="ul-banner-descr">The ultimate hub for videos, films, music, photography, and all media services in Nigeria.d</p>
                                <div class="ul-banner-btns">
                                    <a href="{% url 'register' %}" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Register with us</a>

                                    <!-- <div class="ul-banner-stat">
                                        <div class="imgs">
                                            <img src="{% static 'assets/img/user-1.png' %}" alt="Person">
                                            <img src="{% static 'assets/img/user-3.png' %}" alt="Person">
                                            <img src="{% static 'assets/img/user-2.png' %}" alt="Person">
                                            <span class="number">2.M</span>
                                        </div>
                                        <span class="txt">Active users</span>
                                    </div> -->
                                </div>
                            </div>

                            <img src="{% static 'assets/img/vector-img.png' %}" alt="Vector" class="ul-banner-txt-vector">
                        </div>
                    </div>

                    <!-- img -->
                    <div class="col align-self-start">
                        <div class="ul-banner-img">
                            <div class="img-wrapper">
                                <img src="{% static 'assets/img/banner-img.png' %}" alt="Banner Image">
                                <!-- <div class="ul-banner-video-btn">
                                    <a href=""></a>
                                </div> -->
                            </div>
                            <div class="ul-banner-img-vectors">
                                <img src="{% static 'assets/img/banner-img-vector-1.png' %}" alt="vector" class="vector-1 wow animate__fadeInRight">
                                <img src="{% static 'assets/img/banner-img-vector-2.png' %}" alt="vector" class="vector-2 wow animate__fadeInDown">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- BANNER SECTION END -->


        <!-- ABOUT SECTION START -->
        <section class="ul-about ul-section-spacing wow animate__fadeInUp">
            <div class="ul-container">
                <div class="row row-cols-md-2 row-cols-1 align-items-center gy-4 ul-about-row">
                    <div class="col">
                        <!-- <div class="ul-about-imgs">
                            <div class="img-wrapper">
                                <img src="{% static 'assets/img/about-img.png' %}" alt="Image">
                            </div>
                            <div class="ul-about-imgs-vectors">
                                <img src="{% static 'assets/img/about-img-vector-1.svg' %}" alt="Image" class="vector-1">
                                <img src="{% static 'assets/img/about-img-vector-2.svg' %}" alt="Image" class="vector-2">
                            </div>
                        </div> -->
                    </div>

                    <!-- txt -->
                    <div class="col">
                        <div class="ul-about-txt">
                            <span class="ul-section-sub-title ul-section-sub-title--2">About US</span>
                            <h2 class="ul-section-title">Promote Your Talent & Business</h2>
                            <p class="ul-section-descr">We are passionate about promoting Nigeria’s rich talent and growing entertainment industry. Our directory was created to simplify discovery, networking, and collaboration among content creators, service providers, and clients both in Nigeria and worldwide.</p>

                            <div class="ul-about-block">
                                <div class="block-left">
                                    <div class="block-heading">
                                        <div class="icon"><i class="flaticon-love"></i></div>
                                        <h3 class="block-title">Start </h3>
                                    </div>

                                    <ul class="block-list">
                                        <li>There are many variations of solve</li>
                                    </ul>
                                </div>
                                <div class="block-right"></div>
                            </div>

                            <div class="ul-about-bottom">
                                <a href="#" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Explore More</a>

                                <div class="ul-about-call">
                                    <div class="icon"><i class="flaticon-telephone-call"></i></div>
                                    <div class="txt">
                                        <span class="call-title">Call Any Time</span>
                                        <a href="tel:+2348177777655">+234 817 7777 655</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- vector -->
            <div class="ul-about-vectors">
                
            </div>
        </section>
        <!-- ABOUT SECTION END -->


        <!-- DONTATIONS SECTION START -->
        <section class="ul-donations ul-section-spacing overflow-hidden">
            <!-- heading -->
            <div class="ul-container">
                <div class="ul-section-heading ul-donations-heading justify-content-between text-center">
                    <div class="left">
                        <span class="ul-section-sub-title"><span class="txt">Our Goal</span></span>
                        <h2 class="ul-section-title">To give visibility and opportunities to filmmakers, actors, and media professionals.</h2>
                    </div>
<!-- 
                    <div class="flex-shrink-0">
                        <div class="ul-banner-stat">
                            <div class="imgs">
                                <img src="{% static 'assets/img/user-1.png' %}" alt="Person">
                                <img src="{% static 'assets/img/user-3.png' %}" alt="Person">
                                <img src="{% static 'assets/img/user-2.png' %}" alt="Person">
                                <span class="number">2.M</span>
                            </div>
                            <span class="txt text-white">Active Users</span>
                        </div>
                    </div>
                    <div class="ul-slider-nav ul-donations-slider-nav">
                        <button class="prev"><i class="flaticon-back"></i></button>
                        <button class="next"><i class="flaticon-next"></i></button>
                    </div> -->
                </div>
            </div>

            <!-- DONTATIONS slider -->
            <div class="ul-container wow animate__fadeInUp">
                <div class="ul-donations-slider swiper overflow-visible">
                    <div class="swiper-wrapper">
                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-1.jpg' %}" alt="donation Image">
                                    <span class="tag">Content-Makers</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="donation-details.html" class="ul-donation-title">Empowering Nigeria’s Creative Minds</a>
                                    <p class="ul-donation-descr">Giving every content-maker the visibility, connections, and opportunities needed to grow and thrive.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>

                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-2.jpg' %}" alt="donation Image">
                                    <span class="tag">Film-Making</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="donation-details.html" class="ul-donation-title">Showcase Your Films & Productions</a>
                                    <p class="ul-donation-descr">List your film studio, projects, and services to attract producers, investors, and global audiences.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>

                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-3.jpg' %}" alt="donation Image">
                                    <span class="tag">Comedy</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="#" class="ul-donation-title">Take Your Comedy Beyond Social Media</a>
                                    <p class="ul-donation-descr">Get discovered by event organizers, brands, and fans searching for fresh comedy talents in Nigeria.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>

                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-4.jpg' %}" alt="donation Image">
                                    <span class="tag">Young Actors</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="#" class="ul-donation-title">Start Early To Build Your Acting Profile</a>
                                    <p class="ul-donation-descr">Register and showcase your portfolio, auditions, and roles to connect with directors and casting agencies.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>

                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-1.jpg' %}" alt="donation Image">
                                    <span class="tag">Fashion Hub</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="#" class="ul-donation-title">Promote Your Style & Designs</a>
                                    <p class="ul-donation-descr">Whether you’re a model, designer, or stylist, we help you gain visibility and connect with your audience.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>

                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-2.jpg' %}" alt="donation Image">
                                    <span class="tag">Music</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="#" class="ul-donation-title">Share Your Sound with the World</a>
                                    <p class="ul-donation-descr">Artists, producers, and studios can list their services and works to attract collaborations, and bookings.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>

                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-3.jpg' %}" alt="donation Image">
                                    <span class="tag">Sports</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="#" class="ul-donation-title">Connect Sports with Media & Sponsorships</a>
                                    <p class="ul-donation-descr">Athletes, trainers, and sports promoters can showcase their skills, attract sponsors and ads.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>

                        <!-- single item -->
                        <div class="swiper-slide">
                            <div class="ul-donation">
                                <div class="ul-donation-img">
                                    <img src="{% static 'assets/img/donation-4.jpg' %}" alt="donation Image">
                                    <span class="tag">Blogging</span>
                                </div>
                                <div class="ul-donation-txt">
                                    
                                    <a href="" class="ul-donation-title">Engage and Grow Your Voice & Audience</a>
                                    <p class="ul-donation-descr">Bloggers can list their platforms to increase traffic, get brand partnerships, and collaborate with media outlets.</p>
                                    <a href="{% url 'register' %}" class="ul-donation-btn">Register Now <i class="flaticon-up-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="ul-dontations-slider-pagination d-none"></div>
                </div>
            </div>
        </section>
        <!-- DONTATIONS SECTION END -->

        
        <!-- WHY JOIN SECTION START -->
        <section class="ul-why-join ul-section-spacing">
            <div class="ul-why-join-wrapper ul-section-spacing">
                <div class="ul-container">
                    <div class="row row-cols-md-2 row-cols-1 gy-4 align-items-center">
                        <div class="col">
                            <div class="ul-why-join-img">
                                <img src="{% static 'assets/img/why-join.jpg' %}" alt="Image">
                            </div>
                        </div>

                        <!-- txt -->
                        <div class="col">
                            <div class="ul-why-join-txt">
                                <span class="ul-section-sub-title">Join us</span>
                                <h2 class="ul-section-title">Why Register With Us?</h2>
                                <p class="ul-section-descr">A verified directory designed to bridge the gap between talent, clients, and opportunities.</p>

                                <div class="ul-accordion">
                                    <div class="ul-single-accordion-item">
                                        <div class="ul-single-accordion-item__header">
                                            <div class="left">
                                                <h3 class="ul-single-accordion-item__title">Be part of the official Nigerian creative hub.</h3>
                                            </div>
                                            <span class="icon"><i class="flaticon-next"></i></span>
                                        </div>

                                        <div class="ul-single-accordion-item__body">
                                            <p></p>
                                        </div>
                                    </div>

                                    <div class="ul-single-accordion-item">
                                        <div class="ul-single-accordion-item__header">
                                            <div class="left">
                                                <h3 class="ul-single-accordion-item__title">Increase your visibility and credibility.</h3>
                                            </div>
                                            <span class="icon"><i class="flaticon-next"></i></span>
                                        </div>

                                        <div class="ul-single-accordion-item__body">
                                            <p></p>
                                        </div>
                                    </div>

                                    <div class="ul-single-accordion-item">
                                        <div class="ul-single-accordion-item__header">
                                            <div class="left">
                                                <h3 class="ul-single-accordion-item__title">Connect with clients, producers, and collaborators.</h3>
                                            </div>
                                            <span class="icon"><i class="flaticon-next"></i></span>
                                        </div>

                                        <div class="ul-single-accordion-item__body">
                                            <p></p>
                                        </div>
                                    </div>

                                    <div class="ul-single-accordion-item">
                                        <div class="ul-single-accordion-item__header">
                                            <div class="left">
                                                <h3 class="ul-single-accordion-item__title">Promote your work, services, and achievements.</h3>
                                            </div>
                                            <span class="icon"><i class="flaticon-next"></i></span>
                                        </div>

                                        <div class="ul-single-accordion-item__body">
                                            <p></p>
                                        </div>
                                    </div>

                                    <div class="ul-single-accordion-item">
                                        <div class="ul-single-accordion-item__header">
                                            <div class="left">
                                                <h3 class="ul-single-accordion-item__title">Access local and international opportunities in film and media.</h3>
                                            </div>
                                            <span class="icon"><i class="flaticon-next"></i></span>
                                        </div>

                                        <div class="ul-single-accordion-item__body">
                                            <p></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- WHY JOIN SECTION END -->


        <!-- DONATE SECTION START -->
        <!-- <div class="ul-section-spacing">
            <div class="ul-container">
                <div class="ul-donate-form-section">
                    <div class="row justify-content-between align-items-center">
                        
                        <div class="col-lg-6 position-relative">
                            <div class="ul-donate-form-wrapper">
                                <h3 class="ul-donate-form-title">Custome Donate Now</h3>
                                <form action="#" class="ul-donate-form">
                                    <div>
                                        <input type="radio" name="donate-amount" id="donate-amount-1" checked hidden>
                                        <label for="donate-amount-1" class="ul-donate-form-label">$10</label>
                                    </div>

                                    <div>
                                        <input type="radio" name="donate-amount" id="donate-amount-2" hidden>
                                        <label for="donate-amount-2" class="ul-donate-form-label">$20</label>
                                    </div>

                                    <div>
                                        <input type="radio" name="donate-amount" id="donate-amount-3" hidden>
                                        <label for="donate-amount-3" class="ul-donate-form-label">$30</label>
                                    </div>

                                    <div>
                                        <input type="radio" name="donate-amount" id="donate-amount-4" hidden>
                                        <label for="donate-amount-4" class="ul-donate-form-label">$40</label>
                                    </div>

                                    <div>
                                        <input type="radio" name="donate-amount" id="donate-amount-5" hidden>
                                        <label for="donate-amount-5" class="ul-donate-form-label">$50</label>
                                    </div>

                                    <div class="custom-amount-wrapper">
                                        <input type="radio" name="donate-amount" id="custom-amount">
                                        <label for="donate-amount-custom" class="ul-donate-form-label">
                                            <input type="number" name="custom-amount" id="donate-amount-custom" placeholder="Custom Amount" class="ul-donate-form-custom-input">
                                        </label>
                                    </div>

                                    <div>
                                        <button type="submit" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Donate Now</button>
                                    </div>
                                </form>
                            </div>
                            <img src="assets/img/donate-form-vector.svg" alt="vector" class="ul-donate-form-vector">
                        </div>

                        <div class="col-xl-5 col-lg-6">
                            <div class="ul-donate-form-section-txt">
                                <span class="ul-section-sub-title text-white">Naija Video/Films & All Media Directory</span>
                                <h2 class="ul-section-title text-white">Join the fastest-growing Nigerian media directory today!</h2>

                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- DONATE SECTION END -->


        <!-- STATS SECTION START -->
        <div class="ul-stats ul-section-spacing">
            <div class="ul-container">
                <div class="ul-stats-wrapper wow animate__fadeInUp">
                    <div class="row row-cols-md-4 row-cols-sm-3 row-cols-2 row-cols-xxs-1 ul-bs-row justify-content-center">
                        <div class="col">
                            <div class="ul-stats-item">
                                <i class="flaticon-costumer"></i>
                                <span class="number">500,000+</span>
                                <span class="txt">Registered Users</span>
                            </div>
                        </div>

                        <div class="col">
                            <div class="ul-stats-item">
                                <i class="flaticon-team"></i>
                                <span class="number">110+</span>
                                <span class="txt">Platforms Engaged</span>
                            </div>
                        </div>

                        <div class="col">
                            <div class="ul-stats-item">
                                <i class="flaticon-package"></i>
                                <span class="number">1M+</span>
                                <span class="txt">Grants Disbursed</span>
                            </div>
                        </div>

                        <div class="col">
                            <div class="ul-stats-item">
                                <i class="flaticon-relationship"></i>
                                <span class="number">560+</span>
                                <span class="txt">Worldwide Partners</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- STATS SECTION END -->


        <!-- EVENTS SECTION START -->
        <section class="ul-events ul-section-spacing pt-0">
            <div class="ul-container">
                <!-- heading -->
                <div class="ul-section-heading align-items-center wow animate__fadeInUp">
                    <div class="left">
                        <span class="ul-section-sub-title">Upcoming Events</span>
                        <h2 class="ul-section-title text-white">Charitics Information Of Event Schedule</h2>
                    </div>
                    <a href="events.html" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Explore More</a>
                </div>

                <!-- events -->
                <div class="ul-events-wrapper">
                    <div class="row ul-bs-row row-cols-lg-2 row-cols-1">
                        
                        <!-- <div class="col wow animate__fadeInUp">
                            <div class="ul-event">
                                <div class="ul-event-img">
                                    <img src="assets/img/event-img.jpg" alt="Event Image">
                                    <span class="date">29 <span>July</span></span>
                                </div>
                                <div class="ul-event-txt">
                                    <h3 class="ul-event-title"><a href="event-details.html">Manager Disapproved of the Most Recent Work.</a></h3>
                                    <p class="ul-event-descr">Dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut</p>
                                    <div class="ul-event-info">
                                        <span class="ul-event-info-title">Venue</span>
                                        <p class="ul-event-info-descr">350 5th AveNew York, NY 118 United States</p>
                                    </div>
                                    <a href="event-details.html" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Event Details</a>
                                </div>
                            </div>
                        </div>

                       
                        <div class="col wow animate__fadeInUp">
                            <div class="ul-event">
                                <div class="ul-event-img">
                                    <img src="assets/img/blog-b-1.jpg" alt="Event Image">
                                    <span class="date">29 <span>July</span></span>
                                </div>
                                <div class="ul-event-txt">
                                    <h3 class="ul-event-title"><a href="event-details.html">Manager Disapproved of the Most Recent Work.</a></h3>
                                    <p class="ul-event-descr">Dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut</p>
                                    <div class="ul-event-info">
                                        <span class="ul-event-info-title">Venue</span>
                                        <p class="ul-event-info-descr">350 5th AveNew York, NY 118 United States</p>
                                    </div>
                                    <a href="event-details.html" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Event Details</a>
                                </div>
                            </div>
                        </div>

                       
                        <div class="col wow animate__fadeInUp">
                            <div class="ul-event">
                                <div class="ul-event-img">
                                    <img src="assets/img/blog-2.jpg" alt="Event Image">
                                    <span class="date">29 <span>July</span></span>
                                </div>
                                <div class="ul-event-txt">
                                    <h3 class="ul-event-title"><a href="event-details.html">Manager Disapproved of the Most Recent Work.</a></h3>
                                    <p class="ul-event-descr">Dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut</p>
                                    <div class="ul-event-info">
                                        <span class="ul-event-info-title">Venue</span>
                                        <p class="ul-event-info-descr">350 5th AveNew York, NY 118 United States</p>
                                    </div>
                                    <a href="event-details.html" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Event Details</a>
                                </div>
                            </div>
                        </div>

                       
                        <div class="col wow animate__fadeInUp">
                            <div class="ul-event">
                                <div class="ul-event-img">
                                    <img src="assets/img/blog-b-3.jpg" alt="Event Image">
                                    <span class="date">29 <span>July</span></span>
                                </div>
                                <div class="ul-event-txt">
                                    <h3 class="ul-event-title"><a href="event-details.html">Manager Disapproved of the Most Recent Work.</a></h3>
                                    <p class="ul-event-descr">Dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernaturaut</p>
                                    <div class="ul-event-info">
                                        <span class="ul-event-info-title">Venue</span>
                                        <p class="ul-event-info-descr">350 5th AveNew York, NY 118 United States</p>
                                    </div>
                                    <a href="event-details.html" class="ul-btn"><i class="flaticon-fast-forward-double-right-arrows-symbol"></i> Event Details</a>
                                </div>
                            </div>
                        </div> -->
                    </div>
                </div>

            </div>
            <!-- vectors -->
            <div class="ul-events-vectors">
                <img src="{% static 'assets/img/events-vector-1.png' %}" alt="Events Image" class="vector-1">
                <img src="{% static 'assets/img/events-vector-2.svg' %}" alt="Events Image" class="vector-2">
            </div>
        </section>
        <!-- EVENTS SECTION END -->




        <!-- TESTIMONIAL SECTION START -->
        <section class="ul-testimonial ul-section-spacing">
            <div class="ul-testimonial-container">
                <div class="ul-section-heading text-center">
                    <div>
                        <span class="ul-section-sub-title">Testimonials</span>
                        <h2 class="ul-section-title">What They Are Talking About Charitics</h2>
                    </div>
                </div>

                <div class="ul-testimonial-slider swiper">
                    <div class="swiper-wrapper">
                        <!-- single slide -->
                        <div class="swiper-slide">
                            <div class="ul-review">
                                <div class="ul-review-rating">
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star-1"></i>
                                </div>
                                <p class="ul-review-descr">Since I registered, I’ve connected with directors and landed acting gigs I never thought possible.</p>
                                <div class="ul-review-bottom">
                                    <div class="ul-review-reviewer">
                                        <div class="reviewer-image"><img src="{% static 'assets/img/member-1.jpg' %}" alt="reviewer image"></div>
                                        <div>
                                            <h3 class="reviewer-name">Chioma</h3>
                                            <span class="reviewer-role">Actress</span>
                                        </div>
                                    </div>

                                    <!-- icon -->
                                    <div class="ul-review-icon"><i class="flaticon-left"></i></div>
                                </div>
                            </div>
                        </div>

                        <!-- single slide -->
                        <div class="swiper-slide">
                            <div class="ul-review">
                                <div class="ul-review-rating">
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star-1"></i>
                                </div>
                                <p class="ul-review-descr">The platform gave my video production company visibility. Clients now reach out directly.</p>
                                <div class="ul-review-bottom">
                                    <div class="ul-review-reviewer">
                                        <div class="reviewer-image"><img src="{% static 'assets/img/member-2.jpg' %}" alt="reviewer image"></div>
                                        <div>
                                            <h3 class="reviewer-name">Tunde</h3>
                                            <span class="reviewer-role">Content Creator</span>
                                        </div>
                                    </div>

                                    <!-- icon -->
                                    <div class="ul-review-icon"><i class="flaticon-left"></i></div>
                                </div>
                            </div>
                        </div>

                        <!-- single slide -->
                        <div class="swiper-slide">
                            <div class="ul-review">
                                <div class="ul-review-rating">
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star-1"></i>
                                </div>
                                <p class="ul-review-descr">Finally, a trusted platform for Nigerian creatives. It has made collaboration easier.</p>
                                <div class="ul-review-bottom">
                                    <div class="ul-review-reviewer">
                                        <div class="reviewer-image"><img src="{% static 'assets/img/member-3.jpg' %}" alt="reviewer image"></div>
                                        <div>
                                            <h3 class="reviewer-name">Mary</h3>
                                            <span class="reviewer-role">Blogger</span>
                                        </div>
                                    </div>

                                    <!-- icon -->
                                    <div class="ul-review-icon"><i class="flaticon-left"></i></div>
                                </div>
                            </div>
                        </div>

                        <!-- single slide -->
                        <div class="swiper-slide">
                            <div class="ul-review">
                                <div class="ul-review-rating">
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star-1"></i>
                                </div>
                                <p class="ul-review-descr">Finally, a trusted platform for Nigerian creatives. It has made collaboration easier.</p>
                                <div class="ul-review-bottom">
                                    <div class="ul-review-reviewer">
                                        <div class="reviewer-image"><img src="{% static 'assets/img/member-1.jpg' %}" alt="reviewer image"></div>
                                        <div>
                                            <h3 class="reviewer-name">John</h3>
                                            <span class="reviewer-role">Blogger</span>
                                        </div>
                                    </div>

                                    <!-- icon -->
                                    <div class="ul-review-icon"><i class="flaticon-left"></i></div>
                                </div>
                            </div>
                        </div>

                        <!-- single slide -->
                        <div class="swiper-slide">
                            <div class="ul-review">
                                <div class="ul-review-rating">
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star"></i>
                                    <i class="flaticon-star-1"></i>
                                </div>
                                <p class="ul-review-descr">The platform gave my video production company visibility. Clients now reach out directly.</p>
                                <div class="ul-review-bottom">
                                    <div class="ul-review-reviewer">
                                        <div class="reviewer-image"><img src="{% static 'assets/img/member-2.jpg' %}" alt="reviewer image"></div>
                                        <div>
                                            <h3 class="reviewer-name">Ifeanyi</h3>
                                            <span class="reviewer-role">Comedian</span>
                                        </div>
                                    </div>

                                    <!-- icon -->
                                    <div class="ul-review-icon"><i class="flaticon-left"></i></div>
                                </div>
                            </div>
                        </div>

 

                        
                    </div>

                    <div class="ul-testimonial-slider-pagination"></div>
                </div>
            </div>
        </section>
        <!-- TESTIMONIAL SECTION END -->


    </main>

    {% endblock %}