Skip to content

README.md

Latest commit

 

History

History
55 lines (42 loc) · 1.32 KB

README.md

File metadata and controls

55 lines (42 loc) · 1.32 KB
Raw

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