import React, { useState } from 'react';import {   ArrowUpRight,   Menu,   X,   MessageSquare,   Globe,  Wrench,  Sparkles,  Scale,  CarFront,  Zap,  Check,  ChevronRight} from 'lucide-react';const Button = ({ children, variant = 'primary', className = '', onClick }) => {  const baseStyle = "px-6 py-3 font-bold transition-all duration-300 flex items-center justify-center gap-2 uppercase tracking-widest text-sm";  const variants = {    primary: "bg-black text-white hover:bg-neutral-800 border-2 border-black",    secondary: "bg-white text-black hover:bg-neutral-100 border-2 border-black",  };    return (    <button className={`${baseStyle} ${variants[variant]} ${className}`} onClick={onClick}>      {children}    </button>  );};