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

{% block title %}BB Web Solutions - Modern Digital Solutions{% endblock %}

{% block head %}
<meta name="description" content="BB Web Solutions builds high-performance websites, AI agents, and custom software to help your business grow.">
{% endblock %}

{% block content %}
<div class="page-wrapper">

  <!-- Header -->
  <nav class="navbar navbar-expand-lg navbar-dark">
    <div class="container">
      <a class="navbar-brand" href="#">BB Web Solutions</a>
    </div>
  </nav>

  <!-- Hero Section -->
  <header class="hero-section text-center text-white">
    <div class="container">
      <h1 class="display-3">We Build What's Next</h1>
      <p class="lead">High-performance websites, AI agents, and custom software solutions that drive growth and efficiency.</p>
      <a href="#contact" class="btn btn-primary btn-lg">Get in Touch</a>
    </div>
  </header>

  <!-- Services Section -->
  <section class="services-section py-5">
    <div class="container">
      <h2 class="text-center mb-5">Our Expertise</h2>
      <div class="row text-center">
        <div class="col-md-4">
          <div class="service-card">
            <h3>Websites</h3>
            <p>Sleek, fast, and reliable websites that convert visitors into customers.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="service-card">
            <h3>AI Agents</h3>
            <p>Automate workflows and enhance customer interactions with intelligent AI agents.</p>
          </div>
        </div>
        <div class="col-md-4">
          <div class="service-card">
            <h3>Custom Software</h3>
            <p>Tailored software solutions to solve your unique business challenges.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Contact Section -->
  <footer id="contact" class="contact-section text-center text-white py-5">
    <div class="container">
      <h2 class="mb-3">Let's Build Together</h2>
      <p class="lead">The best way to contact us is by texting.</p>
      <h3 class="contact-number">341-204-5147</h3>
    </div>
  </footer>

</div>
{% endblock %}