96 lines
4.2 KiB
HTML

{% extends "main.html" %}
{% block content %}
<div class="home-container">
<div class="main-content-wrapper">
<div class="left-column">
<div class="welcome-message">
<span class="welcome-intro">Welcome to</span>
<img src="/assets/freealberta-logo-long-opaque.gif" alt="Free Alberta Logo" style="width: 500px; height: auto; margin: 2rem auto;">
<p>Redefining Freedom in Alberta</p>
</div>
<div class="free-resources-button">
<div class="button-base">
<a href="/free/" class="cta-button cta-button-red">Be Free</a>
</div>
</div>
<div class="newsletter-container">
<form method="post" action="https://newsletter.freealberta.org/subscription/form" class="listmonk-form">
<div>
<h3>Subscribe to Our Newsletter</h3>
<input type="hidden" name="nonce" />
<p><input type="email" name="email" required placeholder="E-mail" /></p>
<p><input type="text" name="name" placeholder="Name (optional)" /></p>
<p class="checkbox-wrapper">
<input id="a964a" type="checkbox" name="l" checked value="a964a178-6ba2-4213-ba68-77934db13a98" />
<label for="a964a">Opt-in to receive updates about Free Alberta</label>
</p>
<input type="submit" value="Subscribe" />
</div>
</form>
</div>
</div>
<div class="right-column">
<div class="quote-box" style="background-image: url('/assets/landscape-banff-national-park-alberta-canada-wallpaper-preview-276231027.jpg'); background-size: cover; background-position: center; color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); padding: 120px 40px; min-height: 300px; text-align: center; font-size: 1.5em; display: flex; align-items: center; justify-content: center;">
<div style="background-color: rgba(0, 0, 0, 0.5); padding: 30px 50px; border-radius: 15px; backdrop-filter: blur(5px);">
"Give me liberty or give me... wait, how much does liberty cost these days?"
</div>
</div>
<div class="wealth-section">
<h2>Alberta's Prosperity Should Mean Shared Prosperity</h2>
<p>
As Canada's wealthiest province in one of the world's richest nations, we already spend billions on corporate subsidies.
Imagine if we invested that same energy in our people. Other developed nations provide comprehensive public services -
it's time we did the same. Our abundance should translate to freedom from financial barriers, not just corporate profits.
</p>
</div>
<div class="grid-section">
<div class="grid-item">
<h2>Free Needs</h2>
<p>Because our basic human rights shouldn't come with a price tag (or require a GoFundMe campaign)</p>
<a href="freeneeds/" class="cta-button">Explore Our Needs</a>
</div>
<div class="grid-item">
<h2>Free Things</h2>
<p>From energy to recreation - because paying for basic services in the richest province is just silly</p>
<a href="freethings/" class="cta-button">Discover Free Things</a>
</div>
<div class="grid-item">
<h2>Free From</h2>
<p>Freedom from things that actually matter - like corporate greed and government overreach (not just mask mandates)</p>
<a href="freefrom/" class="cta-button">Break Free</a>
</div>
<div class="grid-item">
<h2>Free To</h2>
<p>Because real freedom is about what we can do together (not just where we can park our trucks)</p>
<a href="freeto/" class="cta-button">Discover Freedom</a>
</div>
<div class="grid-item">
<h2>Free Dumb</h2>
<p>Our loving catalog of freedom fails and misunderstood rights (featuring truck nuts)</p>
<a href="Free Dumb/" class="cta-button">Check Your Freedom</a>
</div>
<div class="grid-item">
<h2>Latest Updates</h2>
<p>Fresh takes on freedom, served with a side of sass and a healthy dose of reality</p>
<a href="blog/" class="cta-button">Read Our Blog</a>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block tabs %}
{{ super() }}
{% endblock %}