<!doctype html>
<html lang="en">
    <head>
        <?php $title = "Search Results"; include('./partials/title-meta.php'); ?> <?php include('./partials/head-css.php'); ?>
    </head>

    <body>
        <!-- Begin page -->
        <div class="wrapper">
            <?php include('./partials/topbar.php'); ?> <?php include('./partials/sidenav.php'); ?>

            <!-- ============================================================== -->
            <!-- Start Main Content -->
            <!-- ============================================================== -->

            <div class="content-page">
                <div class="container-fluid">
                    <?php $subtitle = "Pages"; $title = "Search Results"; include('./partials/page-title.php'); ?>

                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header d-block">
                                    <div class="text-center w-md-75 w-xl-50 mx-auto py-3">
                                        <div class="app-search app-search-pill input-group mb-3 rounded-pill">
                                            <input type="text" class="form-control bg-light-subtle border-light py-2 fw-semibold" value="AI Tools" placeholder="Search AI products..." />
                                            <i class="ti ti-search app-search-icon text-muted"></i>
                                            <button class="btn btn-secondary" type="button">Explore</button>
                                        </div>
                                        <div class="d-flex justify-content-center align-items-center gap-1">
                                            <h5 class="text-muted mb-0">Popular Searches :</h5>
                                            <a href="#!" class="badge bg-primary-subtle text-primary rounded-pill px-2 py-1 fs-6">AI Dashboard</a>
                                            <a href="#!" class="badge bg-primary-subtle text-primary rounded-pill px-2 py-1 fs-6">Chatbot</a>
                                            <a href="#!" class="badge bg-primary-subtle text-primary rounded-pill px-2 py-1 fs-6">Machine Learning</a>
                                            <a href="#!" class="badge bg-primary-subtle text-primary rounded-pill px-2 py-1 fs-6">Generative AI</a>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-header border-light justify-content-between">
                                    <h4 class="fst-italic text-muted mb-0">
                                        Found
                                        <span class="fw-bold badge badge-soft-danger">42</span>
                                        results for
                                        <span class="text-dark">"AI Tools"</span>
                                    </h4>

                                    <div class="d-flex flex-wrap align-items-center gap-3">
                                        <span class="fw-semibold">Filter By:</span>

                                        <!-- Template Type Filter -->
                                        <div class="app-search">
                                            <select class="form-select form-control my-1 my-md-0">
                                                <option selected>Tool Type</option>
                                                <option value="chatbot">Chatbot</option>
                                                <option value="analytics">Analytics</option>
                                                <option value="image">Image Generator</option>
                                                <option value="voice">Voice AI</option>
                                                <option value="automation">Automation</option>
                                            </select>
                                            <i class="ti ti-cpu app-search-icon text-muted"></i>
                                        </div>

                                        <!-- Pricing Filter -->
                                        <div class="app-search">
                                            <select class="form-select form-control my-1 my-md-0">
                                                <option selected>Pricing</option>
                                                <option value="free">Free</option>
                                                <option value="pro">Pro</option>
                                                <option value="enterprise">Enterprise</option>
                                            </select>
                                            <i class="ti ti-wallet app-search-icon text-muted"></i>
                                        </div>
                                    </div>
                                </div>

                                <div class="card-body p-0">
                                    <div class="border-bottom border-dashed px-4 py-3">
                                        <h4 class="fs-md mb-1">
                                            <a href="#!" target="_blank" class="text-reset">NeuroVision AI – Smart Analytics Dashboard</a>
                                        </h4>
                                        <p class="text-success mb-2">https://example.com/neurovision-ai</p>
                                        <p class="text-muted mb-2">
                                            NeuroVision AI is a powerful analytics platform that uses
                                            <span class="fw-semibold">machine learning</span>
                                            to transform raw data into actionable insights, perfect for startups and enterprises.
                                        </p>
                                        <p class="d-flex flex-wrap gap-3 text-muted mb-1 align-items-center fs-base">
                                            <span class="d-flex align-items-center gap-1">
                                                <img src="assets/images/users/user-4.jpg" alt="avatar-4" class="img-fluid avatar-xs rounded-circle" />
                                                <a href="#!" class="link-reset fw-semibold">Alex Johnson</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-calendar"></i>
                                                Published on: Aug 10, 2025
                                            </span>
                                            <span>
                                                <i class="ti ti-users"></i>
                                                Users: 3,200+
                                            </span>
                                            <span>
                                                <i class="ti ti-message-circle"></i>
                                                <a href="#!" class="link-reset">Feedback: 145</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-star"></i>
                                                Rating: 4.9
                                            </span>
                                        </p>
                                    </div>

                                    <div class="border-bottom border-dashed px-4 py-3">
                                        <h4 class="fs-md mb-1">
                                            <a href="#!" target="_blank" class="text-reset">SynthChat – AI Conversational Assistant</a>
                                        </h4>
                                        <p class="text-success mb-2">https://example.com/synthchat</p>
                                        <p class="text-muted mb-2">SynthChat is an intelligent chatbot solution designed for customer support and team collaboration, offering natural language understanding and real-time integrations.</p>
                                        <p class="d-flex flex-wrap gap-3 text-muted mb-1 align-items-center fs-base">
                                            <span class="d-flex align-items-center gap-1">
                                                <img src="assets/images/users/user-5.jpg" alt="avatar-5" class="img-fluid avatar-xs rounded-circle" />
                                                <a href="#!" class="link-reset fw-semibold">Maria Lopez</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-calendar"></i>
                                                Published on: Jul 28, 2025
                                            </span>
                                            <span>
                                                <i class="ti ti-users"></i>
                                                Users: 2,450+
                                            </span>
                                            <span>
                                                <i class="ti ti-message-circle"></i>
                                                <a href="#!" class="link-reset">Feedback: 89</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-star"></i>
                                                Rating: 4.7
                                            </span>
                                        </p>
                                    </div>

                                    <div class="border-bottom border-dashed px-4 py-3">
                                        <h4 class="fs-md mb-1">
                                            <a href="#!" target="_blank" class="text-reset">VisionaryGen – AI Image Creator</a>
                                        </h4>
                                        <p class="text-success mb-2">https://example.com/visionarygen</p>
                                        <p class="text-muted mb-2">VisionaryGen is a creative AI platform that generates stunning images, graphics, and illustrations from text prompts, helping designers and marketers save time and boost creativity.</p>
                                        <p class="d-flex flex-wrap gap-3 text-muted mb-1 align-items-center fs-base">
                                            <span class="d-flex align-items-center gap-1">
                                                <img src="assets/images/users/user-6.jpg" alt="avatar-6" class="img-fluid avatar-xs rounded-circle" />
                                                <a href="#!" class="link-reset fw-semibold">James Carter</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-calendar"></i>
                                                Published on: Jun 15, 2025
                                            </span>
                                            <span>
                                                <i class="ti ti-users"></i>
                                                Users: 1,780+
                                            </span>
                                            <span>
                                                <i class="ti ti-message-circle"></i>
                                                <a href="#!" class="link-reset">Feedback: 67</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-star"></i>
                                                Rating: 4.8
                                            </span>
                                        </p>
                                    </div>

                                    <div class="border-bottom border-dashed px-4 py-3">
                                        <h4 class="fs-md mb-3">Featured AI Creators:</h4>

                                        <div class="d-flex gap-2">
                                            <div class="avatar">
                                                <img src="assets/images/users/user-4.jpg" alt="" class="rounded avatar-xl" />
                                            </div>
                                            <div class="avatar">
                                                <img src="assets/images/users/user-5.jpg" alt="" class="rounded avatar-xl" />
                                            </div>
                                            <div class="avatar">
                                                <img src="assets/images/users/user-3.jpg" alt="" class="rounded avatar-xl" />
                                            </div>
                                            <div class="avatar">
                                                <img src="assets/images/users/user-8.jpg" alt="" class="rounded avatar-xl" />
                                            </div>
                                            <div class="avatar">
                                                <img src="assets/images/users/user-2.jpg" alt="" class="rounded avatar-xl" />
                                            </div>
                                        </div>
                                    </div>

                                    <div class="border-bottom border-dashed px-4 py-3">
                                        <h4 class="fs-md mb-1">
                                            <a href="#!" target="_blank" class="text-reset">EchoAI – Voice & Speech Recognition</a>
                                        </h4>
                                        <p class="text-success mb-2">https://example.com/echoai</p>
                                        <p class="text-muted mb-2">EchoAI offers advanced speech recognition and voice synthesis, enabling businesses to build smart assistants, transcription tools, and voice-enabled applications.</p>
                                        <p class="d-flex flex-wrap gap-3 text-muted mb-1 align-items-center fs-base">
                                            <span class="d-flex align-items-center gap-1">
                                                <img src="assets/images/users/user-5.jpg" alt="avatar-5" class="img-fluid avatar-xs rounded-circle" />
                                                <a href="#!" class="link-reset fw-semibold">Daniel Kim</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-calendar"></i>
                                                Published on: May 30, 2025
                                            </span>
                                            <span>
                                                <i class="ti ti-users"></i>
                                                Users: 1,120+
                                            </span>
                                            <span>
                                                <i class="ti ti-message-circle"></i>
                                                <a href="#!" class="link-reset">Feedback: 54</a>
                                            </span>
                                            <span>
                                                <i class="ti ti-star"></i>
                                                Rating: 4.6
                                            </span>
                                        </p>
                                    </div>

                                    <div class="border-bottom border-dashed px-4 py-3">
                                        <h4 class="fs-md mb-3">People also search for:</h4>

                                        <div class="d-flex gap-2 flex-wrap">
                                            <div class="px-3 py-2 bg-light bg-opacity-50 rounded">
                                                <a href="#!" class="text-reset fs-md fw-semibold">
                                                    AI SaaS Platforms
                                                    <i class="ti ti-search ms-2 align-middle"></i>
                                                </a>
                                            </div>
                                            <div class="px-3 py-2 bg-light bg-opacity-50 rounded">
                                                <a href="#!" class="text-reset fs-md fw-semibold">
                                                    AI Code Generators
                                                    <i class="ti ti-search ms-2 align-middle"></i>
                                                </a>
                                            </div>
                                            <div class="px-3 py-2 bg-light bg-opacity-50 rounded">
                                                <a href="#!" class="text-reset fs-md fw-semibold">
                                                    AI Productivity Tools
                                                    <i class="ti ti-search ms-2 align-middle"></i>
                                                </a>
                                            </div>
                                            <div class="px-3 py-2 bg-light bg-opacity-50 rounded">
                                                <a href="#!" class="text-reset fs-md fw-semibold">
                                                    AI for Marketing
                                                    <i class="ti ti-search ms-2 align-middle"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>

                                    <ul class="pagination pagination-rounded pagination-boxed justify-content-center mb-0 py-3">
                                        <li class="page-item previous disabled">
                                            <a href="#" class="page-link">
                                                <i class="ti ti-chevron-left"></i>
                                            </a>
                                        </li>
                                        <li class="page-item active">
                                            <a href="#" class="page-link">1</a>
                                        </li>
                                        <li class="page-item">
                                            <a href="#" class="page-link">2</a>
                                        </li>
                                        <li class="page-item">
                                            <a href="#" class="page-link">3</a>
                                        </li>
                                        <li class="page-item">
                                            <a href="#" class="page-link">...</a>
                                        </li>
                                        <li class="page-item">
                                            <a href="#" class="page-link">5</a>
                                        </li>
                                        <li class="page-item">
                                            <a href="#" class="page-link">6</a>
                                        </li>
                                        <li class="page-item next">
                                            <a href="#" class="page-link">
                                                <i class="ti ti-chevron-right"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <!-- end card-body-->
                            </div>
                            <!-- end card-->
                        </div>
                        <!-- end col-->
                    </div>
                    <!-- end row-->
                </div>
                <!-- container -->

                <?php include('./partials/footer.php'); ?>
            </div>

            <!-- ============================================================== -->
            <!-- End of Main Content -->
            <!-- ============================================================== -->
        </div>
        <!-- END wrapper -->

        <?php include('./partials/customizer.php'); ?> <?php include('./partials/footer-scripts.php'); ?>
    </body>
</html>
