@extends('layout.app')

@section('title', 'KRIEG Technologies')
@section('meta_description', 'KRIEG Technologies develops hardware, software, and tools with a focus on professional audio, engineering quality, and practical reliability.')
@section('body_class', 'page-home')

@section('content')
    <section id="home" class="hero">
        <div class="container hero-grid">
            <div class="hero-copy reveal">
                <p class="eyebrow">KRIEG Technologies</p>
                <h1>Badass by default.</h1>
                <p class="hero-text">
                    KRIEG Technologies develops hardware, software, and tools with a focus on engineering quality and practical reliability. The company’s work includes professional audio solutions, open-source tools, and products shaped through research and testing.
                </p>
                <div class="hero-actions">
                    <a href="{{ route('products') }}" class="btn btn-primary">View products</a>
                    <a href="{{ route('contact') }}" class="btn btn-secondary">About KRIEG</a>
                </div>
            </div>

            <div class="hero-panel reveal">
                <div class="panel panel-primary">
                    <div class="panel-line"></div>
                    <div class="panel-header">
                    </div>
                    <div class="panel-content">
                        <div class="panel-item">
                            <span>Hardware</span>
                            <strong>Professional-grade systems</strong>
                        </div>
                        <div class="panel-item">
                            <span>Software</span>
                            <strong>Tools and utilities</strong>
                        </div>
                        <div class="panel-item">
                            <span>Open-source</span>
                            <strong>Community-oriented development</strong>
                        </div>
                        <div class="panel-item">
                            <span>Audio</span>
                            <strong>Professional applications</strong>
                        </div>
                    </div>
                </div>

                <div class="floating-card floating-card-a">
                    <span>Focus</span>
                    <strong>Hardware, software, and tools</strong>
                </div>

                <div class="floating-card floating-card-b">
                    <span>Approach</span>
                    <strong>Research, testing, and practical reliability</strong>
                </div>
            </div>
        </div>
    </section>
@endsection