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

{% block title %}Super Affiliate AI{% endblock %}

{% block head %}
{{ block.super }}
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/custom.css' %}">
{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-8">
    <header class="mb-8 text-center">
        <h1 class="text-5xl font-bold font-poppins text-white">Promote HubSpot</h1>
        <p class="text-gray-300 font-inter text-lg">The Ultimate All-in-One Platform for Your Business</p>
    </header>

    <div class="glass-card max-w-4xl mx-auto mb-8">
        <div class="p-6">
            <h2 class="text-3xl font-bold font-poppins text-white mb-4">Why Promote HubSpot?</h2>
            <p class="text-gray-200 font-inter mb-4">HubSpot offers a full platform of marketing, sales, customer service, and CRM software — plus the methodology, resources, and support to help businesses grow better. As a HubSpot affiliate, you'll earn a commission on every new customer you refer.</p>
            <a href="https://www.hubspot.com/?af_id=[YOUR_AFFILIATE_ID]" class="w-full bg-orange-500 hover:bg-orange-600 text-white font-bold py-3 px-4 rounded-lg transition duration-300 block text-center">Get Started with HubSpot!</a>
        </div>
    </div>
</div>
{% endblock %}