{% extends 'website/layouts/base.html' %}
{% load static %}

{% block title %}
Home
{% endblock %}

{% block content %}


<section class="orbia-hero_one">
    <!-- Hero Wrapper -->
    <div class="hero-wrapper bg_cover" data-src="{% static 'assets/images/home-banner.webp'  %}">
        <!-- <div class="hero-shape shape-one"><img src="assets/images/hero-shape2.png" alt="shape"></div> -->
        <!-- <div class="hero-shape shape-two"><img src="assets/images/hero-shape1.png" alt="shape"></div> -->
        <div class="container-fluid">
            <div class="row justify-content-center justify-content-xl-start">
                <div class="col-xl-7 col-lg-10">
                    <div class="hero-content text-center text-xl-start">
                        <h1 class="text-anm"><span>Become the</span> Brand AI <span>Recommends</span>
                        </h1>
                        <p data-aos="fade-up" data-aos-duration="1500">Increase your visibility across
                            Google AI Overviews, ChatGPT, Gemini, Claude, and Perplexity with AI search
                            strategies designed to generate qualified leads and long-term brand
                            authority.</p>
                        <div class="hero-button-wrap">
                            <div class="orbia-button" data-aos="fade-up" data-aos-duration="1500">
                                <a href="#" class="theme-btn gradient-btn">Get Your Free AI
                                    SEO Audit<i class="fa fa-arrow-right"></i></a>
                            </div>
                        </div>

                        <div class="stats-banner" data-aos="fade-up" data-aos-duration="1500">
                            <div class="stats-container">

                                <div class="stat-item">
                                    <div class="stat-icon">
                                        <i class="fa-regular fa-star"></i>
                                    </div>
                                    <div class="stat-content">
                                        <span>4.8/5</span>
                                        <p>Google Rating</p>
                                        <div class="stars">
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star"></i>
                                            <i class="fa-solid fa-star-half-stroke"></i>
                                        </div>
                                    </div>
                                </div>

                                <div class="stat-item">
                                    <div class="stat-icon">
                                        <i class="fa-solid fa-users"></i>
                                    </div>
                                    <div class="stat-content">
                                        <span>250%</span>
                                        <p>Average AI Visibility Increase</p>
                                    </div>
                                </div>

                                <div class="stat-item">
                                    <div class="stat-icon">
                                        <i class="fa-solid fa-shield-halved"></i>
                                    </div>
                                    <div class="stat-content">
                                        <span>10+ Years</span>
                                        <p>Experience</p>
                                    </div>
                                </div>

                                <div class="stat-item">
                                    <div class="stat-icon">
                                        <i class="fa-solid fa-user-shield"></i>
                                    </div>
                                    <div class="stat-content">
                                        <span>50+</span>
                                        <p>SEO Experts</p>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
                <!-- <div class="col-xl-6 col-lg-10">
                    <div class="hero-image">
                        <img src="assets/images/hero-img1.png" alt="image">
                    </div>
                </div> -->
            </div>
        </div>
    </div>
</section>

<section class="orbia-client-sec">
    <div class="container-fluid">
        <div class="clients-slider" data-aos="fade-up" data-aos-duration="1000">
            <div class="orbia-client-item style-one">
                <div class="content">
                    <img src="{% static 'assets/images/1.png' %}" alt="client logo">
                </div>
            </div>
            <div class="orbia-client-item style-one">
                <div class="content">
                    <img src="{% static 'assets/images/2.png' %}" alt="client logo">
                </div>
            </div>
            <div class="orbia-client-item style-one">
                <div class="content">
                    <img src="{% static 'assets/images/33.png' %}" alt="client logo">
                </div>
            </div>
            <div class="orbia-client-item style-one">
                <div class="content">
                    <img src="{% static 'assets/images/4.png' %}" alt="client logo">
                </div>
            </div>
            <div class="orbia-client-item style-one">
                <div class="content">
                    <img src="{% static 'assets/images/5.png' %}" alt="client logo">
                </div>
            </div>
        </div>
    </div>
</section>


<section class="orbia-about_one pt-90 pb-120">
    <div class="shape"><img src="{% static 'assets/images/about-shape.png '%} " alt="shape"></div>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-5 col-lg-10 d-none d-xl-block">
                <!-- Orbia Image Box -->
                <div class="orbia-image-box mb-5 mb-xl-0">
                    <div class="orbia-image image_one" data-aos="fade-down" data-aos-duration="800">
                        <img src="{% static 'assets/images/futuristic-tech-gadget.jpg' %}" alt="about image"
                            class="w-100">
                    </div>
                </div>
            </div>
            <div class="col-xl-7 col-lg-12">
                <!-- Orbia Content Box -->
                <div class="orbia-content-box">
                    <div class="section-title">
                        <h2 class="text-anm section-title-heading"> AI Search Optimization Agency Helping <span> Brands
                                Become AI's
                                First Choice </span> with AI Digital Ranker </h2>
                    </div>
                    <p>Is your business ready
                        to become the brand AI recommends before your competitors? At AI Digital Ranker,
                        we help businesses stay ahead by building a stronger presence across AI-powered
                        search engines.</p>
                    <p>As a trusted AI search optimization agency, we are located in Delhi, India and
                        provide our global clientele with customized strategies which include semantic
                        SEO, technical expertise, entity optimization, and AI-specific content. Our aim
                        is to help businesses gain more visibility, authority and recognition and
                        sustainably grow their businesses in an ever-changing AI search market.</p>
                    <p>Your journey to AI search leadership starts here!</p>
                    <ul class="check-list gradient-check mb-30" data-aos="fade-up" data-aos-duration="1400">
                        <li><i class="fas fa-check-circle"></i>Maximize AI search visibility</li>
                        <li><i class="fas fa-check-circle"></i>Build unmatched brand authority</li>
                        <li><i class="fas fa-check-circle"></i>Generate high-quality leads</li>
                    </ul>
                    <div class="orbia-button" data-aos="fade-up" data-aos-duration="1600">
                        <a href="#" class="theme-btn gradient-btn"> Talk to an AI SEO Expert <i
                                class="fa fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="ai-search-process section-padding pt-0">
    <div class="container">
        <div class="section-title text-center">
            <h2>
                From Traditional SEO to <span>AI Search Success</span>
            </h2>
            <div class="title-divider">
                <span></span>
            </div>
        </div>

        <!-- Timeline -->
        <div class="process-wrapper">

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">01</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/TraditionalSEO.png' %}" alt="Traditional SEO">
                    </div>
                    <div class="content">
                        <span>Traditional SEO</span>
                        <p>Focus on keyword optimization, backlinks, and higher organic search engine rankings.</p>
                    </div>
                </div>
            </div>

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">02</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/OptimizeforSearchEngines.png' %}"
                            alt="Optimize for Search Engines">
                    </div>
                    <div class="content">
                        <span>Optimize for Search Engines</span>
                        <p>Improve website structure, content, and technical performance for better visibility.</p>
                    </div>
                </div>
            </div>

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">03</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/Search Evolves with AI.png' %}" alt="Search Evolves with AI">
                    </div>
                    <div class="content">
                        <span>Search Evolves with AI</span>
                        <p>AI transforms search experiences through conversational, intent-driven, personalized results.
                        </p>
                    </div>
                </div>
            </div>

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">04</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/AI-Powered Search Drives Discovery.png' %}"
                            alt="AI-Powered Search Drives Discovery">
                    </div>
                    <div class="content">
                        <span>AI-Powered Search Drives Discovery</span>
                        <p>AI recommends trusted brands using context, relevance, authority, and user intent.</p>
                    </div>
                </div>
            </div>

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">05</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/Build Brand Authority & AI Visibility.png' %}"
                            alt="Build Brand Authority & AI Visibility">
                    </div>
                    <div class="content">
                        <span>Build Brand Authority & AI Visibility</span>
                        <p>Strengthen credibility with expert content, entities, citations, and structured data.</p>
                    </div>
                </div>
            </div>

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">06</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/Implement AI Search Strategy.webp' %}"
                            alt="Implement AI Search Strategy">
                    </div>
                    <div class="content">
                        <span>Implement AI Search Strategy</span>
                        <p>Optimize for AI Overviews, ChatGPT, Gemini, and answer engine visibility.</p>
                    </div>
                </div>
            </div>

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">07</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/Become AIs Recommended Brand.png' %}"
                            alt="Become AI's Recommended Brand">
                    </div>
                    <div class="content">
                        <span>Become AI's Recommended Brand</span>
                        <p>Earn AI trust through authority, relevance, consistency, and semantic optimization.</p>
                    </div>
                </div>
            </div>

            <div class="process-row left">
                <div class="process-card">
                    <span class="step-number">08</span>
                    <div class="icon">
                        <img src="{% static 'assets/images/Increase Traffic • Qualified Leads • Business Growth.png' %}"
                            alt="Increase Traffic • Qualified Leads • Business Growth">
                    </div>
                    <div class="content">
                        <span>Increase Traffic • Qualified Leads • Business Growth</span>
                        <p>Attract targeted visitors, generate quality leads, and achieve sustainable business growth.
                        </p>
                    </div>
                </div>
            </div>



        </div>

    </div>
</section>

<section class="orbia-service_one bg_cover pt-115 pb-80" data-src="{% static 'assets/images/choose-bg.jpg' %}">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-7 col-lg-10">
                <div class="section-title text-center text-white mb-45">

                    <h2 class="text-anm section-title">What AI Search Optimization Services Do We Offer?</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-3 col-md-6 col-sm-12 item-column">
                <div class="orbia-service-card" data-aos="fade-up" data-aos-duration="800">
                    <div class="content">
                        <p>A great AI strategy starts with a technically strong website. We ensure that the
                            structure, performance, and crawling of your website are top-notch to allow the
                            search engines and artificial intelligence to understand and index your content
                            effectively.
                        </p>
                        <div class="icon">
                            <img src="{% static 'assets/images/Technical AI SEO-service.png' %}" alt="icon">
                        </div>
                        <span class="title"><a href="#">Technical AI SEO</a></span>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-12 item-column">

                <div class="orbia-service-card item-active" data-aos="fade-up" data-aos-duration="1000">
                    <div class="content">
                        <p>We make sure that your brand gets recognized as an authoritative AI-based answer
                            provider through our GEO strategies. Our AI search optimization strategies will
                            help increase your brand’s visibility on ChatGPT, Gemini, Perplexity, and Google
                            AI Overviews.</p>
                        <div class="icon">
                            <img src="{% static 'assets/images/Generative Engine Optimization (GEO)-service.png' %}"
                                alt="icon">
                        </div>
                        <span class="title"><a href="#">Generative Engine Optimization
                                (GEO)</a></span>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-12 item-column">

                <div class="orbia-service-card" data-aos="fade-up" data-aos-duration="1200">
                    <div class="content">
                        <p>Today's consumers expect quick answers, and we help your business deliver them by
                            creating structured, question-and-answer-focused content. Backed by a 4.8/5
                            client rating, our strategies increase your chances of appearing in AI-generated
                            responses.</p>
                        <div class="icon">
                            <img src="{% static 'assets/images/Answer Engine Optimization (AEO)-service.png' %}"
                                alt="icon">
                        </div>
                        <span class="title"><a href="#">Answer Engine Optimization
                                (AEO)</a></span>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-12 item-column">
                <div class="orbia-service-card" data-aos="fade-up" data-aos-duration="1400">
                    <div class="content">
                        <p>We increase the authority of your brand in the form of making content
                            trustworthy, relevant and AI-friendly, which helps in improving AI search
                            visibility. Our LLMO approach helps large language models recognize, understand,
                            and recommend your business.</p>
                        <div class="icon">
                            <img src="{% static 'assets/images/Large Language Optimization (LLMO)-service.png' %}"
                                alt="icon">
                        </div>
                        <span class="title"><a href="#">Large Language Optimization
                                (LLMO)</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="industry-sec pt-60 pb-0">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-12">
                <div class="section-title text-center mb-30 mx-auto">
                    <h2 class="text-anm section-title-heading">Driving Industry-Wide Growth Through a <span>
                            Results-Focused AI Search Optimization Agency </span> </h2>
                    <p>Every industry faces unique AI search challenges. Our strategies help businesses
                        enhance
                        their visibility, increase credibility, and draw interested customers using the
                        latest
                        AI-powered search engines.
                    </p>
                </div>
            </div>
        </div>

        <div class="industry-list" data-aos="fade-up" data-aos-duration="1000">

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-shopping-cart"></i>
                    <span>Ecommerce</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-building"></i>
                    <span>Real Estate</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-heartbeat"></i>
                    <span>Healthcare</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-tshirt"></i>
                    <span>Fashion & Apparel</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-gem"></i>
                    <span>Jewelry & Luxury Brands</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-car"></i>
                    <span>Automotive</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-briefcase"></i>
                    <span>B2B Brand</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-tools"></i>
                    <span>Home Services</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-box-open"></i>
                    <span>Consumer Goods</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-graduation-cap"></i>
                    <span>Education & EdTech</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-industry"></i>
                    <span>Manufacturing</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-store"></i>
                    <span>D2C Brands</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-laptop-code"></i>
                    <span>SaaS & Technology</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-utensils"></i>
                    <span>Food & Beverage</span>
                </div>
            </div>

            <div class="style-one">
                <div class="content">
                    <i class="fas fa-chart-line"></i>
                    <span>Finance</span>
                </div>
            </div>

        </div>
    </div>
</section>

<section class="orbia-work-sec pt-115 pb-120">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-xl-7 col-lg-12">
                <div class="orbia-content-box">
                    <div class="section-title mb-30">

                        <h2 class="text-anm"> Our AI Search Marketing Roadmap for Dominating <span> the Next
                                Generation of Search </span> </h2>
                    </div>

                    <div class="content-item-list">

                        <div class="orbia-content-item style-three mb-10" data-aos="fade-up" data-aos-duration="1000">
                            <div class="sn-number">
                                01.
                            </div>
                            <div class="content">
                                <span class="title">AI Search Audit & Strategy Planning</span>
                                <p>We look at how you are currently using AI, your AI visibility, your
                                    competitors, and search possibilities to develop an individualized
                                    AI marketing strategy.</p>
                            </div>
                        </div>

                        <div class="orbia-content-item style-three mb-10" data-aos="fade-up" data-aos-duration="1200">
                            <div class="sn-number">
                                02.
                            </div>
                            <div class="content">
                                <span class="title">AI Content & Optimization Implementation</span>
                                <p>Our specialists optimize content, entities, and digital assets in
                                    order to increase your brand's visibility in AI searches.</p>
                            </div>
                        </div>

                        <div class="orbia-content-item style-three mb-10" data-aos="fade-up" data-aos-duration="1400">
                            <div class="sn-number">
                                03.
                            </div>
                            <div class="content">
                                <span class="title">Performance Tracking & Continuous Growth</span>
                                <p>AI Digital Ranker monitors results, refines strategies, and improves
                                    AI presence through searches for long-term search success. </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-5 col-lg-9 d-none d-xl-block">

                <div class="orbia-image mb-30" data-aos="fade-up" data-aos-duration="1000">
                    <img src="{% static 'assets/images/mb-23-optimized.webp' %}" alt="work image">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="orbia-choose_one mb-5">
    <div class="orbia-choose-wrapper p-r z-1 bg_cover py-5 " data-src="{% static 'assets/images/choose-bg.jpg' %}">
        <div class="container-fluid">
            <div class="row align-items-center justify-content-center">
                <div class="col-lg-10 mb-30">
                    <div class="section-title text-white text-center">

                        <h2 class="text-anm">Why Is an AI Visibility Agency Essential for Businesses
                            Preparing for the Next Evolution of Online Search?</h2>
                    </div>
                    <p class="text-center mb-lg-4 text-white" data-aos="fade-up" data-aos-duration="1200">Since AI
                        search
                        is changing the
                        way that consumers discover brands, companies require specific strategies to
                        stay prominent. AI Digital Ranker, a leading AI visibility agency in Delhi,
                        India, helps businesses worldwide strengthen their AI presence. </p>
                </div>
                <div class="col-xl-4 d-none d-xl-block">
                    <div class="orbia-image mb-5 mb-xl-0" data-aos="fade-up" data-aos-duration="1000">
                        <img src="{% static 'assets/images/side.jpg' %}" alt="choose image" class="w-100">
                    </div>
                </div>
                <div class="col-xl-8">

                    <div class="orbia-content-box">
                        <div class="experience-iconic-wrapper">
                            <div class="iconic-box-list" data-aos="fade-up" data-aos-duration="1400">
                                <div class="orbia-iconic-left-box style-one mb-30" data-aos="fade-up"
                                    data-aos-duration="1600">
                                    <div class="icon">
                                        <img src="{% static 'assets/images/Data-Driven AI Growth.png' %}" alt="icon">
                                    </div>
                                    <div class="content">
                                        <span>Data-Driven AI Growth</span>
                                        <p>As an AI visibility agency, we combine insights, research as
                                            well as performance tracking to establish an authentic
                                            online presence for companies around the globe.</p>
                                    </div>
                                </div>
                                <div class="orbia-iconic-left-box style-one mb-30" data-aos="fade-up"
                                    data-aos-duration="1800">
                                    <div class="icon">
                                        <img src="{% static 'assets/images/Global Client-Focused Approach.png' %}"
                                            alt="icon">
                                    </div>
                                    <div class="content">
                                        <span>Global Client-Focused Approach</span>
                                        <p>Serving more than 1100 clients worldwide, at AI Digital
                                            Ranker, we deliver scalable AI visibility solutions designed
                                            to help businesses achieve sustainable digital growth. </p>
                                    </div>
                                </div>
                            </div>
                            <div class="iconic-box-list">
                                <div class="orbia-iconic-left-box style-one mb-30" data-aos="fade-up"
                                    data-aos-duration="1600">
                                    <div class="icon">
                                        <img src="{% static 'assets/images/Proven AI Search Knowledge.png' %}"
                                            alt="icon">
                                    </div>
                                    <div class="content">
                                        <span>Proven AI Search Knowledge</span>
                                        <p>We use advanced AI search strategies to improve brand
                                            visibility across ChatGPT, Gemini, Perplexity and emerging
                                            AI platforms.</p>
                                    </div>
                                </div>
                                <div class="orbia-iconic-left-box style-one mb-30" data-aos="fade-up"
                                    data-aos-duration="1800">
                                    <div class="icon">
                                        <img src="{% static 'assets/images/Customized AI Visibility Strategies.png' %}"
                                            alt="icon">
                                    </div>
                                    <div class="content">
                                        <span>Customized AI Visibility Strategies</span>
                                        <p>Our 50+ team of experts creates tailored AI optimization
                                            strategies based on your business goals, audience behaviour,
                                            and industry requirements.</p>
                                    </div>
                                </div>



                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="orbia-testimonial_one pt-115 pb-120 p-r z-1">
    <div class="testimonial-shape bg_cover" data-src="{% static 'assets/images/testimonial-shape.png' %}"></div>
    <div class="testimonial-image" data-aos="fade-left" data-aos-duration="1000">
        <img src="{% static 'assets/images/ai-robot-hand-shaking-human-hand.jpg' %}" alt="testimonial image">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-12">
                <div class="section-title mb-55">
                    <h2 class="text-anm">What Businesses Say About Their <span> AI Search Growth Journey </span> </h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xl-11 col-lg-12">
                <div class="testimonial-slider" data-aos="fade-up" data-aos-duration="1200">
                    <div class="orbia-testimonial-item style-one">
                        <div class="testimonial-content">
                            <div class="ratings">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                            <p>I had really good experience with small business seo services provided by matebiz.
                                Everything was cleary explained by the seo team, and the process was smooth. I have
                                noticed better online visibility since working with them. It's been a great experience
                                overall</p>
                            <div class="author-info-quote-wrap">
                                <div class="author-thumb-item">
                                    <div class="author-thumb">
                                        <img src="{% static 'assets/images/836.jpg' %}" alt="author image">
                                    </div>
                                    <div class="author-info">
                                        <div>Purushottam Kumar jha</div>
                                        <span class="position">Client</span>
                                    </div>
                                </div>
                                <div class="quote">
                                    <img src="{% static 'assets/images/quote.png' %}" alt="quote">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="orbia-testimonial-item style-one">
                        <div class="testimonial-content">
                            <div class="ratings">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                            <p>I used Matebiz Content Marketing Services for my company. The results were incredible.
                                Their Content team makes great SEO-friendly and appealing content that helps to grow our
                                website traffic and build engagement with customers. I would highly recommend Matebiz to
                                anyone looking for a professional content marketing service.</p>
                            <div class="author-info-quote-wrap">
                                <div class="author-thumb-item">
                                    <div class="author-thumb">
                                        <img src="{% static 'assets/images/99.jpg' %}" alt="author image">
                                    </div>
                                    <div class="author-info">
                                        <div>Kiran Bisht</div>
                                        <span class="position">Client</span>
                                    </div>
                                </div>
                                <div class="quote">
                                    <img src="{% static 'assets/images/quote.png' %}" alt="quote">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="orbia-testimonial-item style-one">
                        <div class="testimonial-content">
                            <div class="ratings">
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                            </div>
                            <p>I am really impressed with the work that Matebiz has done for my website. They have
                                helped me achieve top rankings in search engines and increased my web traffic
                                significantly. I would highly recommend their SEO services to anyone looking to improve
                                their online visibility.</p>
                            <div class="author-info-quote-wrap">
                                <div class="author-thumb-item">
                                    <div class="author-thumb">
                                        <img src="{% static 'assets/images/836.jpg' %}" alt="author image">
                                    </div>
                                    <div class="author-info">
                                        <div>Dharmender Kumar</div>
                                        <span class="position">Client</span>
                                    </div>
                                </div>
                                <div class="quote">
                                    <img src="{% static 'assets/images/quote.png' %}" alt="quote">
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="testimonial-arrows mt-60" data-aos="fade-up" data-aos-duration="1400"></div>
            </div>
        </div>
    </div>
</section>


<section class="orbia-advance-sec pt-115 pb-0">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-8 col-lg-12">
                <div class="section-title text-center mb-55">
                    <h2 class="text-anm">AI-Powered Search Platforms <span> Driving Modern Customer Decisions </span>
                    </h2>
                </div>
            </div>
        </div>
        <div class="row g-4">
            <div class="col-xl-3 col-md-6 col-sm-12" data-aos="fade-up" data-aos-duration="1000">

                <div class="orbia-iconic-box style-one">
                    <div class="box-border"></div>
                    <div class="icon-wrap">
                        <div class="number">01</div>
                        <div class="icon">
                            <img src="{% static 'assets/images/chat.png' %}" alt="icon">
                        </div>
                    </div>
                    <div class="content">
                        <span class="title">ChatGPT</span>
                        <p>Backed by 10+ years of experience, we build your website, content, and brand
                            authority in a way that improves the chances of your business being
                            recommended in AI-generated conversations. </p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-12" data-aos="fade-up" data-aos-duration="1200">

                <div class="orbia-iconic-box style-one">
                    <div class="box-border"></div>
                    <div class="icon-wrap">
                        <div class="number">02</div>
                        <div class="icon">
                            <img src="{% static 'assets/images/ai.png' %}" alt="icon">
                        </div>
                    </div>
                    <div class="content">
                        <span class="title">Google AI Overviews</span>
                        <p>We optimize your digital presence to improve your chances of appearing in
                            Google AI Overviews, helping your business gain more visibility before
                            traditional organic results. </p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-12" data-aos="fade-up" data-aos-duration="1400">

                <div class="orbia-iconic-box style-one">
                    <div class="box-border"></div>
                    <div class="icon-wrap">
                        <div class="number">03</div>
                        <div class="icon">
                            <img src="{% static 'assets/images/gemini.png' %}" alt="icon">
                        </div>
                    </div>
                    <div class="content">
                        <span class="title">Gemini</span>
                        <p>Our AI-first optimization strategies help your business become more
                            discoverable on Gemini, increasing your visibility across Google’s
                            AI-powered conversational search and conversational experiences. </p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-12" data-aos="fade-up" data-aos-duration="1600">

                <div class="orbia-iconic-box style-one">
                    <div class="box-border"></div>
                    <div class="icon-wrap">
                        <div class="number">04</div>
                        <div class="icon">
                            <img src="{% static 'assets/images/Perplexity.png' %}" alt="icon">
                        </div>
                    </div>
                    <div class="content">
                        <span class="title">Perplexity</span>
                        <p>Build credibility with an AI-driven search by creating source-worthy content
                            that improves your chances of being cited in Perplexity’s AI-generated
                            answers and being trusted by high-intent users. </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="orbia-team_one pt-115 pb-105 p-r z-1">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="section-title text-center mb-50">

                    <h2 class="text-anm">AI Search Strategy That Creates <span> Long-Term Digital Authority </span>
                    </h2>
                </div>
            </div>
        </div>
        <div class="row align-items-center ">
            <div class="col-xl-4 col-lg-4">
                <!-- Tabs -->
                <ul class="nav nav-tabs" data-aos="fade-up" data-aos-duration="1000">
                    <li>
                        <div class="team-thumb-item mb-30" data-bs-toggle="tab" data-bs-target="#team_one">
                            <div class="thumb">
                                <img src="{% static 'assets/images/grow.jpg' %}" alt="team thumbnail">
                            </div>
                            <div class="content">
                                <p>Organic Growth </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="team-thumb-item mb-30 active" data-bs-toggle="tab" data-bs-target="#team_two">
                            <div class="thumb">
                                <img src="{% static 'assets/images/visible.jpg' %}" alt="team thumbnail">
                            </div>
                            <div class="content">
                                <p>AI Visibility
                                </p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="team-thumb-item mb-30" data-bs-toggle="tab" data-bs-target="#team_three">
                            <div class="thumb">
                                <img src="{% static 'assets/images/lead.jpg' %}" alt="team thumbnail">
                            </div>
                            <div class="content">
                                <p>Lead Generation </p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="col-xl-8 col-lg-8">
                <div class="tab-content ps-xl-5">
                    <div class="tab-pane fade" id="team_one">
                        <div class="row">
                            <div class="col-lg-5">
                                <!-- Member Image -->
                                <div class="member-image" data-aos="fade-up" data-aos-duration="1000">
                                    <img src="{% static 'assets/images/mb-23-optimized.webp' %}" alt="team image">
                                </div>
                            </div>
                            <div class="col-lg-7 align-content-center">
                                <!-- Member Info -->
                                <div class="member-info" data-aos="fade-up" data-aos-duration="1000">
                                    <p>We provide AI SEO strategies powered by data that allow for the
                                        organic development of your business. Increasing the relevance,
                                        authority, and search visibility of your website attracts
                                        organic traffic with higher chances to convert. We always strive
                                        for sustainable growth and decrease dependence on paid
                                        advertising through our SEO techniques.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade show active" id="team_two">
                        <div class="row">
                            <div class="col-lg-5">
                                <!-- Member Image -->
                                <div class="member-image" data-aos="fade-up" data-aos-duration="1000">
                                    <img src="{% static 'assets/images/cyber-security-experts-working-with-tech-devices-neon-lights.jpg' %}"
                                        alt="team image">
                                </div>
                            </div>
                            <div class="col-lg-7 align-content-center">
                                <!-- Member Info -->
                                <div class="member-info" data-aos="fade-up" data-aos-duration="1000">
                                    <p>As the world moves ahead towards AI search strategy, we ensure
                                        your business gains visibility in the right places. Our
                                        strategies are designed to increase the visibility of your
                                        business on AI search overviews like Google AI Overviews,
                                        ChatGPT, Gemini, Perplexity, and any other new AI-based platform
                                        coming out soon.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="team_three">
                        <div class="row">
                            <div class="col-lg-5">
                                <!-- Member Image -->
                                <div class="member-image" data-aos="fade-up" data-aos-duration="1000">
                                    <img src="{% static 'assets/images/side.jpg' %}" alt="team image">
                                </div>
                            </div>
                            <div class="col-lg-7 align-content-center">
                                <!-- Member Info -->
                                <div class="member-info" data-aos="fade-up" data-aos-duration="1000">
                                    <p>Visibility alone cannot produce any business value without any
                                        actions being taken. Our AI SEO and search optimization
                                        strategies connect your brand with high-intent audiences
                                        actively seeking your products or services. By improving
                                        discoverability and relevance, we help generate qualified leads
                                        that contribute to sustainable business growth and long-term
                                        customer acquisition.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="orbia-contact_two bg_cover pt-120 pb-100" data-src="{% static 'assets/images/contact-bg.jpg' %}">
    <div class="container">
        <div class="row justify-content-center">

            <div class="col-xl-5 col-lg-5 position-sticky" style="top: 100px;">
                <div class="contact-wrapper mb-3 mb-xl-0" data-aos="fade-up" data-aos-duration="1000">
                    <span class="sub-title">Response time: 1 hours</span>
                    <h3>Tell details about your project</h3>
                    <p>Just fill out the form and our global experts will be in touch right away with
                        package and price solution to help you!</p>
                    <form>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input type="text" class="form_control" placeholder="Full name" name="name"
                                        required>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input type="email" class="form_control" placeholder="Your Email" name="email"
                                        required>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <textarea class="form_control" placeholder="Your Message" rows="4"
                                        name="message"></textarea>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-check">
                                    <label class="form-check-label" for="checkbox1">
                                        <input class="form-check-input" type="checkbox" name="checkbox"
                                            id="checkbox1">Subscribe to Newsletter
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <button class="theme-btn style-one">Submit <i
                                            class="fas fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="col-xl-7 col-lg-7">

                <div class="orbia-content-box" data-aos="fade-up" data-aos-duration="1200">
                    <div class="section-title mb-30">
                        <h2 class="text-white">Your AI Search Questions. Expertly Answered!</h2>
                        <p class="text-white">Explore clear, practical answers to help you make informed AI search
                            optimization decisions.</p>
                    </div>

                    <div class="orbia-contact-accordion">
                        <ul class="nav nav-tabs">
                            <li>
                                <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#tab1">AI
                                    Search</button>
                            </li>
                            <li>
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab2">Services &
                                    Process</button>
                            </li>
                            <li>
                                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#tab3">Why
                                    Us?</button>
                            </li>
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane fade active show" id="tab1">
                                <!--====== Accordion  ======-->
                                <div class="accordion" id="accordionOne" data-aos="fade-up" data-aos-duration="1000">
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse1" aria-expanded="false">
                                                How Can AI Search Optimization Help My Business Generate
                                                More Leads?
                                            </h3>
                                        </div>
                                        <div id="collapse1" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionOne">
                                            <div class="accordion-content">
                                                <p>AI Search Optimization improves your visibility
                                                    across AI-powered search platforms, helping your
                                                    business reach customers earlier in their buying
                                                    journey. Better visibility attracts qualified
                                                    traffic, increases brand trust, and creates more
                                                    opportunities to generate high-quality leads.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse2" aria-expanded="true">
                                                Why Should My Business Invest in AI Search Optimization
                                                Instead of Traditional SEO Alone?
                                            </h3>
                                        </div>
                                        <div id="collapse2" class="accordion-collapse collapse show"
                                            data-bs-parent="#accordionOne">
                                            <div class="accordion-content">
                                                <p>Traditional SEO focuses on search engine rankings,
                                                    while AI Search Optimization prepares your business
                                                    for AI-generated answers and recommendations.
                                                    Combining both strategies helps improve visibility,
                                                    strengthen authority, and future-proof your online
                                                    presence.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse3" aria-expanded="false">
                                                Can AI Search Optimization Improve My Brand's Visibility
                                                Across AI Platforms?
                                            </h3>
                                        </div>
                                        <div id="collapse3" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionOne">
                                            <div class="accordion-content">
                                                <p>Yes. AI Search Optimization helps your business
                                                    become more discoverable on platforms like ChatGPT,
                                                    Google AI Overviews, Gemini, and Perplexity by
                                                    improving content quality, authority, and overall AI
                                                    search readiness.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse4" aria-expanded="false">
                                                Which Businesses Benefit the Most from AI Search
                                                Optimization Services?
                                            </h3>
                                        </div>
                                        <div id="collapse4" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionOne">
                                            <div class="accordion-content">
                                                <p>Businesses of all sizes can benefit, especially
                                                    e-commerce brands, SaaS companies, healthcare
                                                    providers, law firms, educational institutions, and
                                                    local businesses looking to increase visibility,
                                                    attract qualified customers, and stay ahead in
                                                    AI-driven search. </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse5" aria-expanded="false">
                                                Is AI Search Optimization Worth the Investment for
                                                Growing Businesses?
                                            </h3>
                                        </div>
                                        <div id="collapse5" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionOne">
                                            <div class="accordion-content">
                                                <p>Absolutely. As AI continues to influence online
                                                    discovery, investing in AI Search Optimization helps
                                                    businesses increase visibility, build long-term
                                                    authority, generate qualified leads, and remain
                                                    competitive in an evolving digital landscape.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab2">
                                <!--====== Accordion  ======-->
                                <div class="accordion" id="accordionTwo" data-aos="fade-up" data-aos-duration="1000">
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse5" aria-expanded="false">
                                                What Is Included in Your AI Search Optimization
                                                Services?
                                            </h3>
                                        </div>
                                        <div id="collapse5" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionTwo">
                                            <div class="accordion-content">
                                                <p>Our services include Technical AI SEO, Generative
                                                    Engine Optimization (GEO), Answer Engine
                                                    Optimization (AEO), Large Language Model
                                                    Optimization (LLMO), semantic content optimization,
                                                    entity optimization, structured data, and ongoing
                                                    performance monitoring.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse6" aria-expanded="true">
                                                Which AI Search Platforms Do You Optimize My Business
                                                For?
                                            </h3>
                                        </div>
                                        <div id="collapse6" class="accordion-collapse collapse show"
                                            data-bs-parent="#accordionTwo">
                                            <div class="accordion-content">
                                                <p>We optimize your business for leading AI-powered
                                                    platforms, including ChatGPT, Google AI Overviews,
                                                    Gemini, and Perplexity, helping improve your
                                                    visibility where modern customers search for
                                                    information and recommendations.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse7" aria-expanded="false">
                                                How Long Does It Take to See Results from AI Search
                                                Optimization?
                                            </h3>
                                        </div>
                                        <div id="collapse7" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionTwo">
                                            <div class="accordion-content">
                                                <p>Results vary depending on your website, industry, and
                                                    competition. Most businesses begin noticing
                                                    improvements in visibility and authority within a
                                                    few months, while consistent optimization delivers
                                                    stronger long-term performance.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse8" aria-expanded="false">
                                                Can You Improve My Existing SEO Strategy with AI
                                                Optimization?
                                            </h3>
                                        </div>
                                        <div id="collapse8" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionTwo">
                                            <div class="accordion-content">
                                                <p>Yes. We build upon your existing SEO foundation by
                                                    incorporating AI-focused strategies that improve
                                                    content relevance, semantic signals, technical
                                                    performance, and visibility across AI-powered search
                                                    experiences.</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse9" aria-expanded="false">
                                                How Do You Measure Success in AI Search Optimization?
                                            </h3>
                                        </div>
                                        <div id="collapse9" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionTwo">
                                            <div class="accordion-content">
                                                <p>We measure success through improvements in AI
                                                    visibility, organic traffic, keyword performance,
                                                    brand authority, user engagement, qualified leads,
                                                    and overall website performance across traditional
                                                    and AI-powered search platforms.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab3">
                                <!--====== Accordion  ======-->
                                <div class="accordion" id="accordionThree" data-aos="fade-up" data-aos-duration="1000">
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse9" aria-expanded="false">
                                                Why Should I Choose You as My Agency?
                                            </h3>
                                        </div>
                                        <div id="collapse9" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionThree">
                                            <div class="accordion-content">
                                                <p>AI Digital Ranker combines AI-focused strategies,
                                                    technical expertise, and data-driven optimization to
                                                    help businesses improve visibility across AI-powered
                                                    search platforms while delivering measurable growth,
                                                    qualified leads, and long-term digital success.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse10" aria-expanded="true">
                                                Do You Work with Businesses Outside India?
                                            </h3>
                                        </div>
                                        <div id="collapse10" class="accordion-collapse collapse show"
                                            data-bs-parent="#accordionThree">
                                            <div class="accordion-content">
                                                <p>Yes. Although we are based in Delhi, India, we
                                                    proudly work with businesses worldwide, delivering
                                                    customized AI Search Optimization strategies
                                                    tailored to different industries, markets, and
                                                    business objectives.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse11" aria-expanded="false">
                                                Do You Offer a Free AI Search Optimization Audit Before
                                                We Get Started?
                                            </h3>
                                        </div>
                                        <div id="collapse11" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionThree">
                                            <div class="accordion-content">
                                                <p>Yes. We offer a free AI Search Optimization audit to
                                                    evaluate your current digital presence, identify
                                                    improvement opportunities, and recommend practical
                                                    strategies to strengthen your visibility across
                                                    AI-powered search platforms.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse12" aria-expanded="false">
                                                How Much Do AI Search Optimization Services Cost?
                                            </h3>
                                        </div>
                                        <div id="collapse12" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionThree">
                                            <div class="accordion-content">
                                                <p>The cost depends on your business goals, website
                                                    size, competition, and required services. We provide
                                                    flexible, customized solutions designed to deliver
                                                    measurable results while aligning with your budget
                                                    and growth objectives.</p>
                                            </div>
                                        </div>
                                    </div>


                                    <!--====== Accordion Item  ======-->
                                    <div class="accordion-card style-two mb-20">
                                        <div class="accordion-header">
                                            <h3 class="accordion-title" data-bs-toggle="collapse"
                                                data-bs-target="#collapse13" aria-expanded="false">
                                                How Do I Get Started?
                                            </h3>
                                        </div>
                                        <div id="collapse13" class="accordion-collapse collapse"
                                            data-bs-parent="#accordionThree">
                                            <div class="accordion-content">
                                                <p>Getting started is simple. Contact our team to
                                                    schedule a free consultation, discuss your business
                                                    goals, and receive a tailored AI Search Optimization
                                                    strategy designed to improve visibility, authority,
                                                    and long-term growth.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="orbia-blog_one pt-115 pb-70">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xl-8 col-lg-10">
                <div class="section-title text-center mb-55">
                    <h2 class="text-anm">The <span> Knowledge Hub for AI </span> Search Success</h2>
                </div>
            </div>
        </div>
        <div class="row">
            {% for post in latest_posts %}
            <div class="col-xl-4 col-md-6 col-sm-12">
                <!-- Blog Post Item -->
                <div class="orbia-blog-post-item style-one mb-40">
                    <div class="post-thumbnail" style="overflow: hidden; height: 240px;">
                        {% if post.featured_image %}
                        <img src="{{ post.featured_image.url }}" alt="{{ post.title }}"
                            style="width: 100%; height: 100%; object-fit: cover;">
                        {% else %}
                        <img src="{% static 'assets/images/innerpage/blog/blog-grid-img1.jpg' %}" alt="{{ post.title }}"
                            style="width: 100%; height: 100%; object-fit: cover;">
                        {% endif %}
                    </div>
                    <div class="post-content" style="padding: 25px; border: 1px solid #f0f0f0; border-top: none;">
                        <div class="post-meta mb-2" style="font-size: 14px; color: #777;">
                            <span class="me-3"><i class="fa fa-user me-1"></i>By {{ post.author.get_full_name|default:post.author.username }}</span>
                            <span class="me-3"><i class="fa fa-calendar me-1"></i>{{ post.created_at|date:"M d, Y" }}</span>
                            <span><i class="fa fa-eye me-1"></i>{{ post.views_count }}</span>
                        </div>
                        <h4 class="title mb-3" style="font-size: 20px; line-height: 1.4;">
                            <a href="{% url 'blog_detail' post.slug %}" class="text-dark hover-primary">{{ post.title }}</a>
                        </h4>
                        {% if post.excerpt %}
                        <p class="mb-4" style="color: #666;">{{ post.excerpt|truncatewords:20 }}</p>
                        {% else %}
                        <p class="mb-4" style="color: #666;">{{ post.content|striptags|truncatewords:20 }}</p>
                        {% endif %}
                        <div class="d-flex justify-content-between align-items-center mt-3 pt-3 border-top">
                            <a href="{% url 'blog_detail' post.slug %}"
                                class="read-more style-one text-primary font-weight-bold">
                                Read More <i class="fa fa-arrow-right ms-1"></i>
                            </a>
                            {% if request.user.is_staff %}
                            <div class="d-flex gap-2">
                                <a href="{% url 'blog_update' post.slug %}"
                                    class="btn btn-sm btn-outline-secondary py-1 px-2"
                                    style="font-size: 12px; border-radius: 6px;" title="Edit Post"><i
                                        class="fa-solid fa-pen"></i></a>
                                <a href="{% url 'blog_delete' post.slug %}"
                                    class="btn btn-sm btn-outline-danger py-1 px-2"
                                    style="font-size: 12px; border-radius: 6px;" title="Delete Post"><i
                                        class="fa-solid fa-trash"></i></a>
                            </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
            {% empty %}
            <div class="col-12 text-center py-5">
                <h3>No blog posts found.</h3>
                <p class="text-muted">Check back later or try a different search query!</p>
                {% if query %}
                <a href="{% url 'blog_list' %}" class="btn btn-primary mt-3">Reset Search</a>
                {% endif %}
            </div>
            {% endfor %}
        </div>

    </div>
</section>


{% endblock %}