greenwhale/app/components/header.vue

<template>
    <header>
        <div class="header--wrap">
            <div class="header--container">
                <div class="logo--wrap">
                    <NuxtLink to="/">
                        <img src="/img/header--logo.svg" alt="그린웨일글로벌">
                    </NuxtLink>
                </div>
                <ul class="menu--wrap">
                    <li class="menu--item">
                        <NuxtLink to="/company/intro">Company</NuxtLink>
                        <ul class="submenu">
                            <li><NuxtLink to="/company/intro">회사소개</NuxtLink></li>
                            <li><NuxtLink to="/company/history">회사연혁</NuxtLink></li>
                            <li><NuxtLink to="/company/partners">협력업체</NuxtLink></li>
                        </ul>
                    </li>
                    <li class="menu--item">
                        <NuxtLink to="/products/materials">Products</NuxtLink>
                        <ul class="submenu">
                            <li><NuxtLink to="/products/materials">Materials</NuxtLink></li>
                            <li><NuxtLink to="/products/solutions">Solutions</NuxtLink></li>
                        </ul>
                    </li>
                    <li class="menu--item">
                        <NuxtLink to="/technology/facilities">Technology</NuxtLink>
                        <ul class="submenu">
                            <li><NuxtLink to="/technology/facilities">시설</NuxtLink></li>
                            <li><NuxtLink to="/technology/patents">특허 / 인증</NuxtLink></li>
                        </ul>
                    </li>
                    <li class="menu--item">
                        <NuxtLink to="/media/news">Media</NuxtLink>
                        <ul class="submenu">
                            <li><NuxtLink to="/media/news">환경뉴스</NuxtLink></li>
                            <li><NuxtLink to="/media/press">보도자료</NuxtLink></li>
                        </ul>
                    </li>
                    <li class="menu--item">
                        <NuxtLink to="/contact/notice">Contact</NuxtLink>
                        <ul class="submenu">
                            <li><NuxtLink to="/contact/notice">공지사항</NuxtLink></li>
                            <li><NuxtLink to="/contact/faq">FAQ</NuxtLink></li>
                            <li><NuxtLink to="/contact/support">고객센터</NuxtLink></li>
                            <li><NuxtLink to="/contact/location">오시는길</NuxtLink></li>
                        </ul>
                    </li>
                </ul>
                <div class="lang--wrap">
                    <i class="ico"></i>
                    <p>KR</p>
                </div>
            </div>
        </div>
    </header>
</template>