{% extends "base.html" %}
{% block content %}
<!-- Hero -->
<section class="hero">
    <div class="hero-inner">
        <div>
            <h1>{{ t('hero_title') }}</h1>
            <p>{{ t('hero_subtitle') }}</p>
            <div class="hero-btns">
                <a href="/produkter?lang={{ lang }}" class="btn btn-blue">{{ t('hero_cta') }}</a>
                <a href="/kontakt?lang={{ lang }}" class="btn btn-outline">{{ t('hero_contact') }}</a>
            </div>
        </div>
    </div>
</section>

<!-- News ticker -->
<div class="ticker"><div class="ticker-inner">
    <span>{{ t('home_news1') }}</span><span>&bull;</span>
    <span>{{ t('home_news2') }}</span><span>&bull;</span>
    <span>{{ t('home_news3') }}</span><span>&bull;</span>
    <span>{{ t('home_news1') }}</span><span>&bull;</span>
    <span>{{ t('home_news2') }}</span><span>&bull;</span>
    <span>{{ t('home_news3') }}</span>
</div></div>

<!-- USP strip -->
<div class="usps"><div class="usps-inner">
    <div class="usp">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
        {{ t('home_usp1_title') }}
    </div>
    <div class="usp">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0"/><circle cx="12" cy="12" r="3"/></svg>
        {{ t('home_usp2_title') }}
    </div>
    <div class="usp">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"/></svg>
        {{ t('home_usp3_title') }}
    </div>
    <div class="usp">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"/></svg>
        {{ t('home_usp5_title') }}
    </div>
    <div class="usp">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 21h18M3 10h18M3 7l9-4 9 4M4 10h16v11H4z"/></svg>
        {{ t('home_usp4_title') }}
    </div>
</div></div>
{% endblock %}