@extends('front.en.layouts.master')

@section('title')
    404 Error || Opet Marketing Agency
@endsection

@section('content')
    <header id="header" class="fixed-top d-flex align-items-center header-transparent">
        <div class="container d-flex align-items-center justify-content-between">
            <div class="logo">
                <a href="index.html" aria-label="some more descriptive text that explains the link">
                    <img src="{{ asset('front/Assets/img/opetlogo.png') }} " alt="logo" class="img-fluid" />
                </a>
            </div>
            <nav id="navbar" class="navbar">
                <ul>
                    <li>
                        <a class="nav-link scrollto active" href="#hero">Home</a>
                    </li>
                    <li><a class="nav-link scrollto" href="#about">About</a></li>
                    <li class="dropdown">
                        <a class="nav-link scrollto" href="#service">Service</a>
                        <ul>
                            <li>
                                <a href="service/Marketing-Solutions.html">Marketing Solutions</a>
                            </li>
                            <li>
                                <a href="service/Marketing-Solutions.html">Digital Marketing</a>
                            </li>
                            <li>
                                <a href="service/Marketing-Solutions.html">Media Production</a>
                            </li>
                            <li><a href="service/Designing.html">Designing</a></li>
                            <li>
                                <a href="service/Web-Development.html">Web Development</a>
                            </li>
                            <li>
                                <a href="service/Events-Planning.html">Events Planning</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="nav-link scrollto" href="#clients">Our Partners</a>
                    </li>
                    <li>
                        <a class="nav-link scrollto" href="#contact">Contact Us</a>
                    </li>
                </ul>
                <a href="{{ route('ar_services_index', $id) }}" class="btn-get-started scrollto">AR</a>

                <i class="fa-solid fa-bars mobile-nav-toggle"></i>
            </nav>
            <!-- .navbar -->
        </div>
    </header>
    <main id="main">
        <section id="hero">
            <div class="container">
                <div id="hero-service">
                    <div class="row">
                        <div class="col-12 text-center" data-aos="fade-right">
                            <h1>Page Not Found </h1>
                        </div>
                    </div>
                    <div class="row mt-3">

                    </div>
                </div>
            </div>
        </section>

    </main>
@endsection