@extends('layouts.principal')

@section('titulo', 'MNGD Sistemas')
@section('description', 'Conheça os produtos da MNGD Sistemas em Apucarana. Sistemas ERP, MySystem, desenvolvimento de software sob medida e soluções empresariais completas.')
@section('keywords', 'produtos MNGD, sistemas ERP Apucarana, MySystem, software empresarial Apucarana, MNGD Sistemas produtos, desenvolvimento software Apucarana')
@section('og_title', 'Produtos MNGD Sistemas - Sistemas ERP e Software em Apucarana')
@section('og_description', 'Conheça os produtos da MNGD Sistemas em Apucarana. Sistemas ERP, MySystem e soluções empresariais completas.')

@section('conteudo')
<div class="products-hero">
    <div class="container">
        <div class="hero-content" data-aos="fade-up" data-aos-duration="1000">
            <h1 class="hero-title">
                <span class="gradient-text">Nossos Produtos e Soluções</span>
            </h1>
            <p class="hero-subtitle">
                Soluções completas para sua empresa em Apucarana
            </p>
            <div class="hero-description">
                <p>A <strong>MNGD Sistemas</strong> oferece produtos e soluções inovadoras para empresas em <strong>Apucarana</strong> e região. Nossos sistemas ERP e software empresarial são desenvolvidos com as melhores tecnologias, garantindo eficiência e resultados para seu negócio.</p>
            </div>
        </div>
    </div>
</div>

<div class="products-section">
    <div class="container">
        <div class="section-header" data-aos="fade-up" data-aos-duration="800">
            <h2>Conheça Nossas Soluções</h2>
            <p>Escolha a solução ideal para o crescimento da sua empresa</p>
        </div>

        <div class="products-grid">
            @foreach ($products as $item)
            <div class="product-card" data-aos="fade-up" data-aos-duration="800" data-aos-delay="{{ $loop->index * 100 }}">
                <div class="product-icon">
                    <i class="{{ $item['icon'] }}"></i>
                </div>
                <div class="product-content">
                    <h3 class="product-title">{{ $item['title'] }}</h3>
                    <p class="product-description">{{ $item['description'] }}</p>
                    <a href="{{ route('product.show', $item['slug']) }}" class="btn-primary product-btn">
                        <i class="fas fa-arrow-right"></i>
                        <span>Saiba Mais</span>
                    </a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

@if (false)

<div class="products-section">
    <div class="container">
        <div class="section-header" data-aos="fade-up" data-aos-duration="800">
            <h2>Produtos da MNGD Sistemas em Apucarana</h2>
            <p>Soluções completas para sua empresa crescer</p>
        </div>

        <div class="products-grid">
            @foreach ($products as $item)
            <div class="product-card" data-aos="fade-up" data-aos-duration="800" data-aos-delay="{{ $loop->index * 100 }}">
                <div class="product-icon">
                    <i class="fas fa-cube"></i>
                </div>
                <div class="product-content">
                    <h3 class="product-title">{{ $item->nome }}</h3>
                    <p class="product-description">{{ $item->descricao }}</p>
                    <div class="product-price">
                        <span class="price-value">R$ {{ number_format($item->valor, 2, ',', '.') }}</span>
                    </div>
                    <div class="product-features">
                        <div class="feature">
                            <i class="fas fa-check"></i>
                            <span>Licença anual</span>
                        </div>
                        <div class="feature">
                            <i class="fas fa-check"></i>
                            <span>Suporte 24/7</span>
                        </div>
                        <div class="feature">
                            <i class="fas fa-check"></i>
                            <span>Atualizações gratuitas</span>
                        </div>
                    </div>
                    <a href="{{ route('produto.comprar', $item->id) }}" class="btn-primary product-btn">
                        <i class="fas fa-shopping-cart"></i>
                        <span>Comprar Agora</span>
                    </a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>

<div class="mainsystem-section" data-aos="fade-up" data-aos-duration="1000">
    <div class="container">
        <div class="mainsystem-content">
            <div class="mainsystem-text">
                <h2>MySystem - Sistema ERP da MNGD Sistemas</h2>
                <p>O <strong>MySystem</strong> é o sistema ERP desenvolvido pela <strong>MNGD Sistemas</strong> especialmente para empresas em <strong>Apucarana</strong> e região. Uma solução completa de gestão empresarial que integra todos os processos da sua empresa.</p>

                <h3>Principais funcionalidades do MySystem:</h3>
                <ul class="mainsystem-features">
                    <li><i class="fas fa-check"></i> Gestão financeira completa</li>
                    <li><i class="fas fa-check"></i> Controle de estoque</li>
                    <li><i class="fas fa-check"></i> Gestão de clientes e fornecedores</li>
                    <li><i class="fas fa-check"></i> Emissão de documentos fiscais</li>
                    <li><i class="fas fa-check"></i> Relatórios gerenciais</li>
                    <li><i class="fas fa-check"></i> Integração com sistemas externos</li>
                </ul>

                <p>O <strong>MySystem</strong> da <strong>MNGD Sistemas</strong> é a escolha certa para empresas que buscam um sistema ERP moderno, confiável e desenvolvido por uma empresa local em <strong>Apucarana</strong>.</p>

                <div class="mainsystem-cta">
                    <a href="https://app.mngd.com.br/register" class="btn-primary btn-large">
                        <i class="fas fa-rocket"></i>
                        <span>Experimente o MySystem</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="features-highlight">
    <div class="container">
        <div class="section-header">
            <h2>Por que escolher os produtos da MNGD Sistemas?</h2>
            <p>Vantagens exclusivas para empresas em Apucarana</p>
        </div>
        <div class="features-grid">
            <div class="feature-item" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
                <div class="feature-icon">
                    <i class="fas fa-shield-alt"></i>
                </div>
                <h3>Segurança Total</h3>
                <p>Seus dados protegidos com as melhores práticas de segurança. A <strong>MNGD Sistemas</strong> garante a proteção total das informações da sua empresa.</p>
            </div>

            <div class="feature-item" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                <div class="feature-icon">
                    <i class="fas fa-cloud"></i>
                </div>
                <h3>Cloud Computing</h3>
                <p>Acesse de qualquer lugar, a qualquer momento. Os produtos da <strong>MNGD Sistemas</strong> funcionam na nuvem, garantindo mobilidade e flexibilidade.</p>
            </div>

            <div class="feature-item" data-aos="fade-up" data-aos-duration="800" data-aos-delay="300">
                <div class="feature-icon">
                    <i class="fas fa-headset"></i>
                </div>
                <h3>Suporte Especializado</h3>
                <p>Equipe técnica pronta para ajudar quando precisar. A <strong>MNGD Sistemas</strong> oferece suporte local em <strong>Apucarana</strong>.</p>
            </div>

            <div class="feature-item" data-aos="fade-up" data-aos-duration="800" data-aos-delay="400">
                <div class="feature-icon">
                    <i class="fas fa-sync"></i>
                </div>
                <h3>Atualizações Constantes</h3>
                <p>Sempre com as funcionalidades mais modernas. A <strong>MNGD Sistemas</strong> mantém seus produtos sempre atualizados com as últimas tecnologias.</p>
            </div>
        </div>
    </div>
</div>


<div class="cta-section" data-aos="fade-up" data-aos-duration="1000">
    <div class="container">
        <h2>Pronto para transformar sua empresa com a MNGD Sistemas?</h2>
        <p>Junte-se a centenas de empresas em <strong>Apucarana</strong> que já confiam nos produtos da <strong>MNGD Sistemas</strong></p>
        <div class="cta-actions">
            <a href="https://app.mngd.com.br/register" class="btn-primary btn-large">
                <i class="fas fa-rocket"></i>
                <span>Começar Gratuitamente</span>
            </a>
            <a href="{{ route('index.contact') }}" class="btn-secondary btn-large">
                <i class="fas fa-phone"></i>
                <span>Falar com Especialista</span>
            </a>
        </div>
    </div>
</div>
@endif
@endsection