@extends('layout')

@section('title', __('store.home_title'))

@section('content')
<!-- Hero Section -->
<section class="hero-section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6">
                <h1 class="display-4 mb-4">{{ __('store.home_welcome') }}</h1>
                <p class="lead mb-4">{{ __('store.home_lead') }}</p>
                <a href="{{ lroute('store.contact') }}" class="btn btn-light btn-lg">
                    <i class="fas fa-paper-plane me-2"></i>{{ __('store.home_contact_cta') }}
                </a>
            </div>
            <div class="col-md-6 text-center">
                <i class="fas fa-laptop-code fa-10x text-white-50"></i>
            </div>
        </div>
    </div>
</section>

<!-- Features Section -->
<section class="py-5">
    <div class="container">
        <h2 class="text-center mb-5">{{ __('store.home_features_title') }}</h2>
        
        <div class="row">
            <div class="col-md-4 mb-4">
                <div class="card feature-card h-100">
                    <div class="card-body text-center">
                        <i class="fas fa-rocket fa-3x mb-3 text-primary"></i>
                        <h3 class="h4 card-title">{{ __('store.home_features_item1_title') }}</h3>
                        <p class="card-text">{{ __('store.home_features_item1_text') }}</p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4 mb-4">
                <div class="card feature-card h-100">
                    <div class="card-body text-center">
                        <i class="fas fa-shield-alt fa-3x mb-3 text-primary"></i>
                        <h3 class="h4 card-title">{{ __('store.home_features_item2_title') }}</h3>
                        <p class="card-text">{{ __('store.home_features_item2_text') }}</p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4 mb-4">
                <div class="card feature-card h-100">
                    <div class="card-body text-center">
                        <i class="fas fa-cogs fa-3x mb-3 text-primary"></i>
                        <h3 class="h4 card-title">{{ __('store.home_features_item3_title') }}</h3>
                        <p class="card-text">{{ __('store.home_features_item3_text') }}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection 