{% extends 'frontend/base.html' %}

{% block title %}Welcome to Lux{% endblock %}

{% block content %}
<div class="text-center">
    <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Welcome to Lux</h1>
    <p class="mt-6 text-lg leading-8 text-gray-600">The platform for professional connections and opportunities.</p>
    <div class="mt-10 flex items-center justify-center gap-x-6">
        <a href="{% url 'frontend:profiles' %}" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">View Profiles</a>
        <a href="{% url 'frontend:opportunities' %}" class="text-sm font-semibold leading-6 text-gray-900">View Opportunities <span aria-hidden="true">→</span></a>
    </div>
</div>
{% endblock %}
