{% extends "base.html" %}
{% load static %}
{% block title %}About {{ SITE_NAME }}{% endblock %}
{% block og_title %}About {{ SITE_NAME }}{% endblock %}
{% block twitter_title %}About {{ SITE_NAME }}{% endblock %}
{% block meta_description %}About {{ SITE_NAME }}. {{ SITE_TAGLINE }}. {{ CONTACT_SERVICE_AREA }}. 3D printed toys, custom prints, and nationwide shipping.{% endblock %}
{% block og_description %}About {{ SITE_NAME }}. {{ SITE_TAGLINE }}. {{ CONTACT_SERVICE_AREA }}.{% endblock %}
{% block twitter_description %}About {{ SITE_NAME }}. {{ SITE_TAGLINE }}. {{ CONTACT_SERVICE_AREA }}.{% endblock %}
{% block structured_data %}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "AboutPage",
  "name": "About {{ SITE_NAME|escapejs }}",
  "url": "{{ PUBLIC_SITE_URL }}{% url 'public:about' %}",
  "description": "{{ SITE_TAGLINE|escapejs }}",
  "mainEntity": {
    "@type": "Store",
    "name": "{{ SITE_NAME|escapejs }}",
    "url": "{{ PUBLIC_SITE_URL }}/",
    "telephone": "{{ CONTACT_PHONE|escapejs }}",
    "email": "{{ CONTACT_EMAIL|escapejs }}"
  }
}
</script>
{% endblock %}
{% block content %}
  {% include "public/_breadcrumbs.html" with title="About Us" %}
  <section class="section section-xl bg-default">
    <div class="container">
      <div class="row row-30 row-lg-50">
        <div class="col-md-6">
          <article class="video">
            <img class="video-image" src="{% static 'images/video-1-549x384.jpg' %}" alt="Close-up of a 3D printer nozzle over the build plate" width="549" height="384"/>
          </article>
        </div>
        <div class="col-md-6">
          <div class="inset-xl-left-70">
            <h2>A Few Words <span class="text-italic font-weight-thin">About Us</span></h2>
            <article class="quote-minimal">
              <div class="heading-3 quote-minimal-text">
                <p class="q">{{ SITE_NAME }} is a 3D printed toy shop. We print playable figures, gifts, and custom pieces.</p>
              </div>
            </article>
            <p class="big">We design and print toys you can hold — not just display. Ready-to-ship designs live in the shop. Custom work starts with a call or email. {% if CONTACT_SERVICE_AREA %}Based in {{ CONTACT_SERVICE_AREA }},{% endif %} we ship nationwide.</p>
            <p class="big">Questions about filament, size, or a classroom set? We answer the phone: <a href="tel:{{ CONTACT_PHONE_TEL }}">{{ CONTACT_PHONE }}</a>.</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section bg-default">
    <div class="row no-gutters bordered-1">
      <div class="col-sm-6 col-xl-3">
        <article class="box-classic">
          <div class="box-classic-icon linearicons-cube"></div>
          <div class="heading-3 box-classic-title">3D Printed</div>
          <div class="big box-classic-text">Printed in-house so we control quality, color, and turnaround.</div>
        </article>
      </div>
      <div class="col-sm-6 col-xl-3">
        <article class="box-classic">
          <div class="box-classic-icon linearicons-mustache-glasses"></div>
          <div class="heading-3 box-classic-title">Custom Design</div>
          <div class="big box-classic-text">Bring a character, a gift idea, or a one-off print — we will quote it.</div>
        </article>
      </div>
      <div class="col-sm-6 col-xl-3">
        <article class="box-classic">
          <div class="box-classic-icon linearicons-truck"></div>
          <div class="heading-3 box-classic-title">Ships Nationwide</div>
          <div class="big box-classic-text">Weekday print-and-ship, plus local pickup when it works for you.</div>
        </article>
      </div>
      <div class="col-sm-6 col-xl-3">
        <article class="box-classic">
          <div class="box-classic-icon linearicons-heart"></div>
          <div class="heading-3 box-classic-title">Made to Play</div>
          <div class="big box-classic-text">Toys first. Durable prints for kids, collectors, and gift-givers.</div>
        </article>
      </div>
    </div>
  </section>
  <section class="section section-xl bg-default text-center">
    <div class="container">
      <a class="button button-lg button-primary" href="{% url 'public:contact' %}">Contact us</a>
      {% if "shop" in enabled_features %}
      <a class="button button-lg button-default-outline" href="{% url 'shop:list' %}">Shop toys</a>
      {% endif %}
    </div>
  </section>
{% endblock %}