rudarksh-frontend/components/header/Header.jsx

"use client";

import React from "react";
import "./Header.css";  // Include your styles

import HeaderTwo from "./HeaderTwo";

const Header = () => {
  return (
    <>
    <header className="desctop-menu-large small-header headertype2">
      <nav className="panel-menu mobile-main-menu">
        <ul>
          <li className="">
            <a href="/pages/buy-rudraksha">Rudraksha</a>
            <ul>
              <li>
                <a href="/collections/nirakar-zero-mukhi">Nirakar (0) Mukhi </a>
              </li>
              <li>
                <a href="/collections/one-mukhi-1-face-rudraksha">1 Mukhi </a>
              </li>
              <li>
                <a href="/collections/two-mukhi-2-face-rudraksha">2 Mukhi</a>
              </li>
              <li>
                <a href="/collections/three-mukhi-3-face-rudraksha">3 Mukhi</a>
              </li>
              <li>
                <a href="/collections/four-mukhi-4-face-rudraksha">4 Mukhi</a>
              </li>
              <li>
                <a href="/collections/five-mukhi-5-face-rudraksha">5 Mukhi</a>
              </li>
              <li>
                <a href="/collections/six-mukhi-6-face-rudraksha">6 Mukhi </a>
              </li>
              <li>
                <a href="/collections/seven-mukhi-7-face-rudraksha">7 Mukhi </a>
              </li>
              <li>
                <a href="/collections/eight-mukhi-8-face-rudraksha">8 Mukhi </a>
              </li>
              <li>
                <a href="/collections/nine-mukhi-9-face-rudraksha">9 Mukhi </a>
              </li>
              <li>
                <a href="/collections/ten-mukhi-10-face-rudraksha">10 Mukhi</a>
              </li>
              <li>
                <a href="/collections/eleven-mukhi-11-face-rudraksha">
                  11 Mukhi
                </a>
              </li>
              <li>
                <a href="/collections/twelve-mukhi-12-face-rudraksha">
                  12 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/thirteen-mukhi-13-face-rudraksha">
                  13 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/fourteen-mukhi-14-face-rudraksha">
                  14 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/15-mukhi-rudraksha-nepali">15 Mukhi </a>
              </li>
              <li>
                <a href="/collections/sixteen-mukhi-16-face-rudraksha">
                  16 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/seventeen-mukhi-17-face-rudraksha">
                  17 Mukhi
                </a>
              </li>
              <li>
                <a href="/collections/eighteen-mukhi-18-face-rudraksha">
                  18 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/nineteen-mukhi-19-face-rudraksha">
                  19 Mukhi
                </a>
              </li>
              <li>
                <a href="/collections/twenty-mukhi-20-face-rudraksha">
                  20 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/twenty-one-mukhi-21-face-rudraksha">
                  21 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/twenty-two-mukhi-22-face-rudraksha">
                  22 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/twenty-three-mukhi-23-face-rudraksha">
                  23 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/twenty-four-mukhi-24-face-rudraksha">
                  24 Mukhi{" "}
                </a>
              </li>
              <li>
                <a href="/collections/25-mukhi-rudraksha">25 Mukhi </a>
              </li>
              <li>
                <a href="/collections/26-mukhi-rudraksha">26 Mukhi </a>
              </li>
              <li>
                <a href="/collections/trijuti-rudraksha">Trijuti Rudraksha </a>
              </li>
              <li>
                <a href="/collections/gauri-shankar-rudraksha">
                  Gauri Shankar Rudraksha{" "}
                </a>
              </li>
              <li>
                <a href="/collections/ganesh-rudraksha">Ganesh Rudraksha </a>
              </li>
              <li>
                <a href="/collections/garbha-gauri-rudraksha">
                  Garbha Gauri Rurdaksha{" "}
                </a>
              </li>
            </ul>
          </li>
          <li className="">
            <a href="/pages/exclusive-rudraksha">Exclusive</a>
          </li>
          <li className="">
            <a href="/collections/siddha-mala">Siddha Mala</a>
            <ul>
              <li>
                <a href="/products/siddha-mala-economy-1">
                  Siddha Mala (Economy)
                </a>
              </li>
              <li>
                <a href="/products/siddha-mala-basic">Basic Siddha Mala</a>
              </li>
              <li>
                <a href="/products/sarva-siddha-mala">Sarva Siddha Mala </a>
              </li>
              <li>
                <a href="/products/karya-siddha-mala">Karya Siddha Mala</a>
              </li>
              <li>
                <a href="/products/gayatri-siddha-mala">Gayatri Siddha Mala</a>
              </li>
              <li>
                <a href="/products/maha-mrityunjaya-siddha-mala">
                  Maha MrityunJaya Siddha Mala
                </a>
              </li>
              <li>
                <a href="/products/mangal-siddha-mala">Mangal Siddha Mala</a>
              </li>
              <li>
                <a href="/products/indonesian-siddha-mala">
                  Indonesian Siddha Mala
                </a>
              </li>
            </ul>
          </li>
          <li className="">
            <a href="/products/premium-rudraksha-consultation-astrology">
              Rudraksha Consultation
            </a>
          </li>
          <li className="">
            <a href="/collections/shaligram">Shaligram</a>
            <ul>
              <li>
                <a href="/collections/vishnu-dashavatar-shaligrams">
                  Vishnu Dashavatar Shaligrams
                </a>
              </li>
              <li>
                <a href="/collections/most-worshipped-shaligrams">
                  Most Worshipped Shaligrams
                </a>
              </li>
            </ul>
          </li>
          <li className="main-menus last-child">
            <a href="#more_menus">More</a>
          </li>
          <li className="item-categories">
            <a href="/collections/online-pooja">
              <span>Pooja</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/collections/rudraksha-japa-mala">
              <span>Japa Mala</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/pages/certification-and-guarantee">
              <span>Certification and Guarantee</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/pages/rudraksha-combination">
              <span>Combination</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/collections/murti-yantra">
              <span>Murtis &amp; Yantra</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/pages/energization">
              <span>Rudraksha Energization</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/pages/about-us">
              <span>Why Gupta Rudraksha?</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/pages/contact">
              <span>Contact Us</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/blogs/blog">
              <span>Blogs</span>
            </a>
          </li>
          <li className="item-categories">
            <a href="/pages/knowledge-center">
              <span>Knowledge Center</span>
            </a>
          </li>
        </ul>
      </nav>
    </header>
    <HeaderTwo />
    </>
  );
};

export default Header;