1fe4716728
This commit sets up the foundational structure for the m5rcel portfolio website. It includes: - Basic Vite project configuration with React and TypeScript. - Essential dependencies like React, Framer Motion, and Lucide React. - Initial HTML structure with meta tags and Tailwind CSS setup. - Placeholder data structures for projects and timeline. - A basic loading screen component. - Updated README with local run instructions.
27 lines
779 B
TypeScript
27 lines
779 B
TypeScript
import React from 'react';
|
|
import { Apple } from 'lucide-react';
|
|
|
|
interface NavbarProps {
|
|
toggleTheme: () => void;
|
|
isDark: boolean;
|
|
}
|
|
|
|
const Navbar: React.FC<NavbarProps> = () => {
|
|
return (
|
|
<nav className="w-full bg-glossy-nav border-b border-[#333] shadow-md h-[44px] relative z-50 font-sans antialiased">
|
|
<div className="max-w-[980px] mx-auto h-full flex items-center justify-center md:justify-start px-2">
|
|
|
|
{/* Nav Items */}
|
|
<ul className="flex items-center h-full">
|
|
{/* Apple Logo */}
|
|
<li className="h-full flex items-center px-4">
|
|
<Apple className="text-[#e6e6e6] drop-shadow-md filter" size={18} fill="#e6e6e6" />
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</nav>
|
|
);
|
|
};
|
|
|
|
export default Navbar; |