@extends('layouts.app')

@section('metadata')
<title>CYBRA | Bedrijf Digitaliseren & Cloudbeheer</title>
<meta name="description" content="CYBRA helpt bedrijven met het digitaliseren van hun organisatie. Veilige cloudomgeving, professioneel e-mailbeheer en volledige controle over bedrijfsgegevens.">
<meta name="keywords" content="bedrijf digitaliseren, bedrijfscloud, cloudbeheer, zakelijke email, data beheer">
<meta name="author" content="CYBRA">

<!-- Open Graph -->
<meta property="og:site_name" content="CYBRA">
<meta property="og:title" content="Bedrijf Digitaliseren & Cloudbeheer">
<meta property="og:description" content="Een veilige digitale werkomgeving voor bedrijven met cloudopslag, professionele e-mail en volledige controle over data.">
<meta property="og:image" content="">

@endsection

@section('styles')
<link href="{{ asset('public/frontend/css/advies.css') }}" rel="stylesheet">
@endsection

@section('content')

<nav class="navbar">
    <div class="logo">
           <a href="{{ route('home') }}"><img src="{{ asset('public/frontend/images/cybra-logo.png') }}" alt="Cybra Logo"></a>
    </div>
  
</nav>

<section class="hero">
    <h1>Bedrijf Digitaliseren & Cloudbeheer</h1>
    <p>
        Wij helpen bedrijven met het opzetten van een veilige digitale werkomgeving.
        Van professionele e-mailadressen tot een eigen cloudomgeving waarin bestanden,
        communicatie en bedrijfsdata centraal beheerd kunnen worden.
    </p>
    <a href="{{ url('/#contact') }}" class="btn-primary">Plan een kennismaking</a>
</section>

<section class="services">
    <h2>Wat wij voor uw bedrijf kunnen opzetten</h2>

    <div class="grid">

        <div class="card">
            <i class="fas fa-cloud"></i>
            <h3>Bedrijfscloud</h3>
            <p>
                Een centrale cloudomgeving waarin alle bedrijfsbestanden veilig
                opgeslagen en beheerd kunnen worden. Altijd en overal toegankelijk
                voor geautoriseerde medewerkers.
            </p>
        </div>

        <div class="card">
            <i class="fas fa-envelope"></i>
            <h3>Professionele E-mail</h3>
            <p>
                Eigen zakelijke e-mailadressen zoals info@bedrijf.nl
                met betrouwbare mailservers en veilige communicatie
                voor uw organisatie.
            </p>
        </div>

        <div class="card">
            <i class="fas fa-shield-alt"></i>
            <h3>Beveiliging & Datacontrole</h3>
            <p>
                Betere bescherming van bedrijfsgegevens door veilige opslag,
                toegangsbeheer en controle over wie toegang heeft tot
                gevoelige informatie.
            </p>
        </div>

        <div class="card">
            <i class="fas fa-folder-open"></i>
            <h3>Centrale Bestandsstructuur</h3>
            <p>
                Alle documenten en gegevens op één overzichtelijke plek,
                waardoor samenwerking binnen het bedrijf eenvoudiger en
                efficiënter wordt.
            </p>
        </div>

    </div>
</section>

<section class="approach">
    <h2>Onze Aanpak</h2>

    <div class="steps">
        <div class="step">
            <span>1</span>
            <h3>Inventarisatie</h3>
            <p>Analyse van huidige systemen, data en digitale werkwijze.</p>
        </div>

        <div class="step">
            <span>2</span>
            <h3>Cloud Inrichting</h3>
            <p>Opzetten van een veilige cloudomgeving en e-mailsysteem.</p>
        </div>

        <div class="step">
            <span>3</span>
            <h3>Migratie</h3>
            <p>Overzetten van bestaande bestanden en systemen naar de nieuwe omgeving.</p>
        </div>

        <div class="step">
            <span>4</span>
            <h3>Beheer & Ondersteuning</h3>
            <p>Onderhoud, beveiliging en ondersteuning van de digitale werkomgeving.</p>
        </div>
    </div>
</section>

<section class="cta">
    <h2>Klaar om uw bedrijf te digitaliseren?</h2>
    <a href="{{ url('/#contact') }}" class="btn">Neem Contact Op</a>
</section>

@endsection

@section('scripts')
@endsection