Tundesamson26

import Head from "next/head";
import { Fragment } from "react";
import { useState } from "react";
import { Disclosure, Menu, Transition } from "@headlessui/react";
import { BellIcon, MenuIcon, XIcon } from "@heroicons/react/outline";

const navigation = [
  { name: "Document", href: "#", current: true },
  { name: "Projects", href: "#", current: false },
  { name: "Share", href: "#", current: false },

Tundesamson26

<template>
  <section>
    <div
      class="u-flex u-main-space-between u-cross-center"
      style="
        padding: 20px;
        background-color: rgb(219, 26, 90);
        color: white;
        margin-bottom: 20px;
      "