<!DOCTYPE html>

<html lang="en">
<head>
        <?php echo view('partials/title-meta', array('title' => 'Search Results')) ?> <?= $this->include('partials/head-css') ?>
    </head>
<body>
<div class="wrapper">
            <?php echo view('partials/topbar', array('subtitle' => 'Pages', 'title' => 'Search Results')) ?> <?= $this->include('partials/sidenav') ?>

            <!-- Start Page Content here -->
<div class="page-content">
<main>
                    <?php echo view('partials/page-title', array('subtitle' => 'Pages', 'title' => 'Search Results')) ?>

                    <div class="container-fluid">
<div class="card">
<div class="card-body">
<div class="mx-auto py-6 text-center xl:w-1/2 md:w-3/4">
<!-- Search Input -->
<div class="input-icon-group mb-base">
<i class="iconify tabler--search input-icon"></i>
<input class="form-input form-input-lg rounded-s-full! font-semibold" placeholder="Search AI platforms..." type="text" value="AI Content Tools"/>
<button class="btn btn-lg text-base rounded-s-none rounded-e-full bg-secondary text-white -ms-px hover:bg-secondary-hover" type="button">Discover</button>
</div>
<!-- Popular Searches -->
<div class="flex flex-wrap items-center justify-center gap-1.25 text-sm">
<h5 class="text-default-400">Popular Searches :</h5>
<a class="bg-primary/15 text-primary inline-flex items-center rounded-full px-3 py-1 text-xs font-bold" href="#!">Text Generation</a>
<a class="bg-primary/15 text-primary inline-flex items-center rounded-full px-3 py-1 text-xs font-bold" href="#!">Image AI</a>
<a class="bg-primary/15 text-primary inline-flex items-center rounded-full px-3 py-1 text-xs font-bold" href="#!">Speech</a>
<a class="bg-primary/15 text-primary inline-flex items-center rounded-full px-3 py-1 text-xs font-bold" href="#!">Coding</a>
</div>
</div>
</div>
<div class="card-header">
<h4 class="text-default-400 text-lg italic">
                                    Found
                                    <span class="badge bg-danger/15 text-danger font-bold">72</span>
                                    results for
                                    <span class="text-default-800 font-medium">"AI Content Tools"</span>
</h4>
<div class="flex flex-wrap items-center gap-3">
<span class="font-semibold me-3">Filter By:</span>
<!-- Tool Type Filter -->
<div class="input-icon-group">
<i class="iconify tabler--cpu input-icon"></i>
<select class="form-select">
<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>
</div>
<!-- Pricing Filter -->
<div class="input-icon-group">
<i class="iconify tabler--wallet input-icon"></i>
<select class="form-select">
<option selected="">Pricing</option>
<option value="free">Free</option>
<option value="pro">Pro</option>
<option value="enterprise">Enterprise</option>
</select>
</div>
</div>
</div>
<div class="card-body p-0">
<div class="border-default-300 border-b border-dashed px-7.5 py-5">
<h4 class="mb-1.25 text-base font-medium">
<a class="card-title" href="#!" target="_blank">NeuroVision AI – Smart Analytics Dashboard</a>
</h4>
<p class="text-success mb-2.5 text-sm">https://example.com/neurovision-ai</p>
<p class="text-default-400 mb-2.5 text-sm">
                                        NeuroVision AI is a powerful analytics platform that uses
                                        <span class="font-bold">machine learning</span>
                                        to transform raw data into actionable insights, perfect for startups and enterprises.
                                    </p>
<p class="text-sm text-default-500 mb-1.25 flex flex-wrap items-center gap-base">
<!-- Author -->
<span class="flex items-center gap-1.25">
<img alt="avatar-4" class="size-6 rounded-full object-cover" src="/images/users/user-4.jpg"/>
<a class="text-default-400 hover:text-primary font-semibold" href="#!">Alex Johnson</a>
</span>
<!-- Published Date -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--calendar"></i>
<span>Published on: Aug 10, 2025</span>
</span>
<!-- Users -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--users"></i>
<span>Users: 3,200+</span>
</span>
<!-- Feedback -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--message-circle"></i>
<a class="hover:text-primary" href="#!">Feedback: 145</a>
</span>
<!-- Rating -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--star"></i>
<span>Rating: 4.9</span>
</span>
</p>
</div>
<div class="border-default-300 border-b border-dashed px-7.5 py-5">
<h4 class="mb-1.25 text-base font-medium">
<a class="card-title" href="#!" target="_blank">SynthChat – AI Conversational Assistant</a>
</h4>
<p class="text-success mb-2.5 text-sm">https://example.com/synthchat</p>
<p class="text-default-400 mb-2.5 text-sm">SynthChat is an intelligent chatbot solution designed for customer support and team collaboration, offering natural language understanding and real-time integrations.</p>
<p class="text-sm text-default-500 mb-1.25 flex flex-wrap items-center gap-base">
<!-- Author -->
<span class="flex items-center gap-1.25">
<img alt="avatar-4" class="size-6 rounded-full object-cover" src="/images/users/user-5.jpg"/>
<a class="text-default-400 hover:text-primary font-semibold" href="#!">Maria Lopez</a>
</span>
<!-- Published Date -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--calendar"></i>
<span>Published on: Jul 28, 2025</span>
</span>
<!-- Users -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--users"></i>
<span>Users: 2,450+</span>
</span>
<!-- Feedback -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--message-circle"></i>
<a class="hover:text-primary" href="#!">Feedback: 89</a>
</span>
<!-- Rating -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--star"></i>
<span>Rating: 4.7</span>
</span>
</p>
</div>
<div class="border-default-300 border-b border-dashed px-7.5 py-5">
<h4 class="mb-1 text-base font-medium">
<a class="card-title" href="#!" target="_blank">VisionaryGen – AI Image Creator</a>
</h4>
<p class="text-success mb-2.5 text-sm">https://example.com/visionarygen</p>
<p class="text-default-400 mb-2.5 text-sm">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="text-sm text-default-500 mb-1.25 flex flex-wrap items-center gap-base">
<!-- Author -->
<span class="flex items-center gap-1.25">
<img alt="avatar-4" class="size-6 rounded-full object-cover" src="/images/users/user-6.jpg"/>
<a class="text-default-400 hover:text-primary font-semibold" href="#!">James Carter</a>
</span>
<!-- Published Date -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--calendar"></i>
<span>Published on: Jun 15, 2025</span>
</span>
<!-- Users -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--users"></i>
<span>Users: 1,780+</span>
</span>
<!-- Feedback -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--message-circle"></i>
<a class="hover:text-primary" href="#!">Feedback: 67</a>
</span>
<!-- Rating -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--star"></i>
<span>Rating: 4.8</span>
</span>
</p>
</div>
<div class="border-default-300 border-b border-dashed px-7.5 py-5">
<h4 class="card-title mb-base">Featured AI Creators:</h4>
<div class="flex items-center gap-3">
<div class="avatar">
<img alt="avatar-4" class="size-12 rounded" src="/images/users/user-4.jpg"/>
</div>
<div class="avatar">
<img alt="avatar-5" class="size-12 rounded" src="/images/users/user-5.jpg"/>
</div>
<div class="avatar">
<img alt="avatar-3" class="size-12 rounded" src="/images/users/user-3.jpg"/>
</div>
<div class="avatar">
<img alt="avatar-8" class="size-12 rounded" src="/images/users/user-8.jpg"/>
</div>
<div class="avatar">
<img alt="avatar-2" class="size-12 rounded" src="/images/users/user-2.jpg"/>
</div>
</div>
</div>
<div class="border-default-300 border-b border-dashed px-7.5 py-5">
<h4 class="mb-1.25 text-base font-medium">
<a class="card-title" href="#!" target="_blank">EchoAI – Voice &amp; Speech Recognition</a>
</h4>
<p class="text-success mb-2.5 text-sm">https://example.com/echoai</p>
<p class="text-default-400 mb-2.5 text-sm">EchoAI offers advanced speech recognition and voice synthesis, enabling businesses to build smart assistants, transcription tools, and voice-enabled applications.</p>
<p class="text-sm text-default-500 mb-1.25 flex flex-wrap items-center gap-base">
<!-- Author -->
<span class="flex items-center gap-1.25">
<img alt="avatar-5" class="size-6 rounded-full object-cover" src="/images/users/user-5.jpg"/>
<a class="text-default-400 hover:text-primary font-semibold" href="#!">Daniel Kim</a>
</span>
<!-- Published Date -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--calendar"></i>
<span>Published on: May 30, 2025</span>
</span>
<!-- Users -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--users"></i>
<span>Users: 1,120+</span>
</span>
<!-- Feedback -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--message-circle"></i>
<a class="hover:text-primary" href="#!">Feedback: 54</a>
</span>
<!-- Rating -->
<span class="text-default-400 flex items-center gap-1">
<i class="iconify tabler--star"></i>
<span>Rating: 4.6</span>
</span>
</p>
</div>
<div class="px-7.5 py-5">
<h4 class="card-title mb-base">People also search for:</h4>
<div class="flex flex-wrap items-center gap-3">
<a class="btn bg-light/50 text-md" href="#">
                                            AI SaaS Platforms
                                            <i class="iconify tabler--search"></i>
</a>
<a class="btn bg-light/50 text-md" href="#">
                                            AI Code Generators
                                            <i class="iconify tabler--search"></i>
</a>
<a class="btn bg-light/50 text-md" href="#">
                                            AI Productivity Tools
                                            <i class="iconify tabler--search"></i>
</a>
<a class="btn bg-light/50 text-md" href="#">
                                            AI for Marketing
                                            <i class="iconify tabler--search"></i>
</a>
</div>
</div>
</div>
<div class="card-footer">
<nav aria-label="Pagination" class="mx-auto flex items-center justify-center gap-1.25">
<button aria-label="Previous" class="btn btn-icon size-8.5! border-default-300 rounded-full border" type="button">
<i class="iconify tabler--chevron-left"></i>
</button>
<button aria-current="page" class="btn btn-icon size-8.5! border-default-300 bg-primary rounded-full border text-white" type="button">1</button>
<button class="btn btn-icon size-8.5! border-default-300 rounded-full border" type="button">2</button>
<button class="btn btn-icon size-8.5! border-default-300 rounded-full border" type="button">3</button>
<button class="btn btn-icon size-8.5! border-default-300 rounded-full border" type="button">...</button>
<button class="btn btn-icon size-8.5! border-default-300 rounded-full border" type="button">4</button>
<button class="btn btn-icon size-8.5! border-default-300 rounded-full border" type="button">5</button>
<button aria-label="Next" class="btn btn-icon size-8.5! border-default-300 rounded-full border" type="button">
<i class="iconify tabler--chevron-right"></i>
</button>
</nav>
</div>
</div>
</div>
</main>

                <?= $this->include('partials/footer') ?>
            </div>
<!-- End Page content -->
</div>

        <?= $this->include('partials/customizer') ?> <?= $this->include('partials/footer-scripts') ?>
    </body>
</html>