ballistic-builder/src/components/Header/index-no-chakura.tsx

import Link from "next/link";
import constants from '@lib/constants';

export default function Header() {
  {/* Header Section */ }
  return (
    (
      <header className="bg-gray-800 text-white py-4 shadow-md">
        <div className="container mx-auto px-6 flex justify-between items-center">
          <h1 className="text-2xl font-bold">{constants.APP_NAME}</h1>
          <nav>
            <ul className="flex space-x-4">
              <li><Link href="#features" className="hover:underline">Features</Link></li>
              <li><Link href="/builder" className="hover:underline">Builder</Link></li>
              <li><Link href="/products" className="hover:underline">Products</Link></li>
              <li><Link href="#contact" className="hover:underline">Contact</Link></li>
            </ul>
          </nav>
        </div>

      </header>

    )
)}