@extends('layout.app')
@section('title', 'Products — KRIEG Technologies')
@section('meta_description', 'KRIEG Technologies builds hardware and software with a clear engineering focus. Explore active hardware, software tools, and retired products.')
@section('body_class', 'page-products')
@section('content')
    <section class="page-hero">
        <div class="container">
            <div class="section-head reveal" style="margin-bottom: 0">
                <p class="eyebrow">Products</p>
                <h3 style="font-size: 25px">Hardware, software, and tools built with a clear engineering focus.</h3>
            </div>
        </div>
    </section>
    <section class="section section-top-tight">
        <div class="container">
            <div class="products-tabs-shell reveal">
                <input class="products-tab-input" type="radio" name="products-tab" id="tab-hardware" checked>
                <input class="products-tab-input" type="radio" name="products-tab" id="tab-software">
                <input class="products-tab-input" type="radio" name="products-tab" id="tab-retired">
                <div class="products-tabs" role="tablist" aria-label="Product categories">
                    <label class="products-tab" for="tab-hardware">Hardware</label>
                    <label class="products-tab" for="tab-software">Software</label>
                    <label class="products-tab" for="tab-retired">Retired products</label>
                </div>
                <div class="products-panels">
                    <div class="products-panel products-panel-hardware">
                        <div class="product-grid">
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/nemesis_v2_c.png') }}');">
                                    <span><strong>Nemesis</strong><b>[V2]</b></span>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-eol">EOL</span>
                                        <span class="product-kicker">HARDWARE</span>
                                    </div>
                                    <p class="product-description">A next-generation pure analog Class AB amplifier with a new current control system and on-board power supply capacitance for greater stability, cleaner delivery, and simpler integration.</p>
                                    <a href="{{ route('products.nemesisv2') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/themis_v2_c.png') }}');">
                                    <span><strong>Themis</strong><b>[V2]</b></span>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-active">Active</span>
                                        <span class="product-kicker">HARDWARE</span>
                                    </div>
                                    <p class="product-description">A universal analog buffer and headphone amplifier with balanced and unbalanced conversion, 3.5W output power, ALPS stepped volume control, and transparent zero-gain operation.</p>
                                    <a href="{{ route('products.themisv2') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/kratos_v2_c.png') }}');">
                                    <span><strong>Kratos</strong><b>[V2]</b></span>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-active">Active</span>
                                        <span class="product-kicker">HARDWARE</span>
                                    </div>
                                    <p class="product-description">An industrial-grade linear voltage regulator with 10 high-performance MOSFETs, 800W dual-rail delivery, advanced protection, and an 8-step selector for precise system matching.</p>
                                    <a href="{{ route('products.kratosv2') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/soteria_c.png') }}');">
                                    <strong>Soteria</strong>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-active">Active</span>
                                        <span class="product-kicker">HARDWARE</span>
                                    </div>
                                    <p class="product-description">An intelligent speaker protection board with negative-voltage detection, self-powered operation from the amplifier supply, and seamless integration for serious loudspeaker safety.</p>
                                    <a href="{{ route('products.soteria') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                        </div>
                    </div>
                    <div class="products-panel products-panel-software">
                        <div class="product-grid">
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/sgs_screenshot.png') }}');">
                                    <strong>Signal Generator Suite</strong>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-active">Active</span>
                                        <span class="product-kicker">SOFTWARE</span>
                                        <span class="product-kicker">Open Source</span>
                                    </div>
                                    <p class="product-description">A free, open-source audio test signal generation suite for Windows, built for precise signal creation and distributed by KRIEG Technologies.</p>
                                    <a href="{{ route('products.sgs') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/loudbox_screenshot.png') }}');">
                                    <strong>LoudBox</strong>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-eol">EOL</span>
                                        <span class="product-kicker">SOFTWARE</span>
                                        <span class="product-kicker">Freeware</span>
                                    </div>
                                    <p class="product-description">An intelligent loudspeaker enclosure design tool that analyzes Thiele/Small parameters, models response, predicts port tuning, and works with an expandable speaker database.</p>
                                    <a href="{{ route('products.loudbox') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                        </div>
                    </div>
                    <div class="products-panel products-panel-retired">
                        <div class="product-grid">
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/nemesis_v1_c.png') }}');">
                                    <span><strong>Nemesis</strong><b>[V1]</b></span>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-retired">Retired</span>
                                        <span class="product-kicker">HARDWARE</span>
                                    </div>
                                    <p class="product-description">A pure analog Class AB amplifier, delivering extremely low distortion, exceptional stability, and reference-grade musical transparency.</p>
                                    <a href="{{ route('products.nemesisv1') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/themis_v1_c.png') }}');">
                                    <span><strong>Themis</strong><b>[V1]</b></span>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-retired">Retired</span>
                                        <span class="product-kicker">HARDWARE</span>
                                    </div>
                                    <p class="product-description">A reference-grade analog headphone amplifier and preamplifier with interchangeable op-amp architecture, powerful discrete output stages, and versatile RCA and headphone connectivity.</p>
                                    <a href="{{ route('products.themisv1') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                            <article class="product-card">
                                <div class="product-media" style="--image-url: url('{{ asset('images/products/kratos_v1_c.png') }}');">
                                    <span><strong>Kratos</strong><b>[V1]</b></span>
                                </div>
                                <div class="product-body">
                                    <div class="product-top">
                                        <span class="product-status product-status-retired">Retired</span>
                                        <span class="product-kicker">HARDWARE</span>
                                    </div>
                                    <p class="product-description">An advanced power filtering solution with a massive parallel capacitor array and dual-rail architecture, created to suppress noise and deliver cleaner, more stable power to audio equipment.</p>
                                    <a href="{{ route('products.kratosv1') }}" class="btn btn-secondary product-link">View</a>
                                </div>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection