Untitled

import React from 'react';
import { Menu, Layout } from 'antd';
import './ManistryHeader.css'; // Import custom CSS for additional styling
import logo from '../../Assets/english-bwaba-logo-light.png';

const { Header } = Layout;

const ManistryHeader = () => {
  return (
    <Layout>
      <section className='HeaderSection'>
      <div className="container">

      <Header className="navbar">
          <div className="logo">
            <img src={logo} alt="Logo" />
          </div>
          <Menu mode="horizontal" className="menu">
            <Menu.Item key="oman">
              <a href="/oman">OMAN</a>
            </Menu.Item>
            <Menu.Item key="hm-the-sultan">
              <a href="/hm-the-sultan">HM THE SULTAN</a>
            </Menu.Item>
            <Menu.Item key="ministry-of-information">
              <a href="/ministry-of-information">MINISTRY OF INFORMATION</a>
            </Menu.Item>
            <Menu.Item key="policies">
              <a href="/policies">POLICIES</a>
            </Menu.Item>
            <Menu.Item key="sultan-qaboos">
              <a href="/sultan-qaboos">SULTAN QABOOS</a>
            </Menu.Item>
            <Menu.Item key="oman-2040">
              <a href="/oman-2040">OMAN 2040</a>
            </Menu.Item>
            <Menu.Item key="oman-media">
              <a href="/oman-media">OMAN MEDIA</a>
            </Menu.Item>
          </Menu>
      </Header>
      </div>
      </section>
    </Layout>
  );
};

export default ManistryHeader;