Level Up Supplements

A modern, premium peptide supplement website built with React, TypeScript, and Tailwind CSS.

Tech Stack

• React 18 - UI library
• TypeScript - Type safety
• Vite - Build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• React Router - Client-side routing
• Framer Motion - Animations
• Lucide React - Icon library

Design Features

• Dark theme with navy/blue color palette
• Electric blue accents (#3b82f6, #60a5fa)
• Gradient overlays for modern aesthetic
• Fully responsive design
• Smooth animations and transitions
• Premium, tech-forward feel

Project Structure

src/
├── components/       # Reusable UI components
│   ├── Navigation.tsx
│   └── Hero.tsx
├── pages/           # Page components
│   ├── HomePage.tsx
│   ├── ProductsPage.tsx
│   ├── AboutPage.tsx
│   └── ContactPage.tsx
├── lib/             # Utility functions
│   └── utils.ts
├── App.tsx          # Main app component with routing
├── main.tsx         # Entry point
└── index.css        # Global styles with Tailwind

Development

The development server starts automatically. Your app will be available at the local development URL.

Build

npm run build

Domain

levelupsupps.us