{% extends 'base.html' %}

{% block content %}
<div class="container py-5">
    <div class="text-center mb-5">
        <h1>Our Services</h1>
        <p class="lead">We offer a range of services to help your business grow.</p>
    </div>

    <div class="row g-4">
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="card-title">Custom Websites</h2>
                    <p class="card-text">We build beautiful, responsive, and high-performing websites tailored to your brand. Whether you need a simple landing page or a complex e-commerce platform, our team of experts will work with you to create a stunning online presence.</p>
                    <ul class="list-unstyled">
                        <li>&#10003; Custom Design</li>
                        <li>&#10003; Mobile-Friendly</li>
                        <li>&#10003; SEO Optimized</li>
                        <li>&#10003; ongoing Maintenance</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="card-title">AI-Powered Agents</h2>
                    <p class="card-text">Automate your workflows and enhance customer interactions with our intelligent AI agents. We develop custom agents that can handle customer support, lead generation, data analysis, and much more, freeing up your team to focus on what matters most.</p>
                    <ul class="list-unstyled">
                        <li>&#10003; 24/7 Customer Support</li>
                        <li>&#10003; Lead Qualification</li>
                        <li>&#10003; Data-driven Insights</li>
                        <li>&#10003; Seamless Integration</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}