ballistic-builder/app/components/Header/index.tsx

import Link from "next/link";

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">Ballistic Builder</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>

    )
)}