{% extends 'base.html' %}
{% block content %}
<section class="hero-panel p-4 p-lg-5 mb-4">
  <div class="row align-items-center g-4">
    <div class="col-lg-8">
      <h1 class="display-5 fw-semibold mb-3">Welcome to CDC Storefront</h1>
      <p class="lead mb-0">
        CDC creates, manufactures, and ships the iconic Fahrenheit line through
        a fast, reliable, and customer-first online shopping experience.
      </p>
    </div>
    <div class="col-lg-4 text-lg-end">
      <img
        class="smallCenter"
        src="{{ url_for('static', filename='images/fahrenheitLogo.png') }}"
        alt="Fahrenheit Logo"
      />
    </div>
  </div>
</section>

<section class="row g-4">
  <div class="col-12 col-lg-7">
    <article class="content-card p-4 h-100">
      <h2 class="h4 mb-3">Mission</h2>
      <p class="mb-0">
        We build premium products with transparent quality standards, dependable
        delivery, and support that puts customers first at every step.
      </p>
    </article>
  </div>
  <div class="col-12 col-lg-5">
    <article class="content-card p-4 h-100">
      <h2 class="h4 mb-3">About Us</h2>
      <p class="mb-3">
        Operating since 2025, CDC continues to invest in craftsmanship, employee
        satisfaction, and long-term customer trust.
      </p>
      <a
        class="btn btn-outline-primary"
        href="https://en.wikipedia.org/?title=Doofenshmirtz_Evil_Incorporated&redirect=no"
      >
        Learn More
      </a>
    </article>
  </div>
</section>

<section class="content-card p-4 mt-4 text-center">
  <h2 class="h4 mb-3">Meet Our Founder</h2>
  <img
    class="smallCenter"
    src="{{ url_for('static', filename='images/founder.jpeg') }}"
    alt="Scrat, the Founder"
  />
</section>
{% endblock %}