Skip to content

artgolwebdev/LP02

Repository files navigation

Breakdance Tel Aviv - Landing Page (LP02)

A modern, brutalist-style landing page for a breakdance studio in Tel Aviv. Built with React, TypeScript, Tailwind CSS, and Framer Motion-like animations using standard CSS.

Features

  • Brutalist Neon Aesthetic: Bold borders, negative margins, neon colors (Green, Orange, Purple, Blue, Yellow).
  • Interactive Animations: Custom cursor, hover effects, infinite marquees, and scroll animations.
  • Multi-language Support: Full support for English, Hebrew (RTL), and Russian.
  • Mobile Responsive: Fully optimized for all device sizes.
  • Performance: Vite-powered build with specialized optimizations.

Tech Stack

  • Framework: React 18 + TypeScript
  • Build Tool: Vite
  • Styling: Tailwind CSS + Custom CSS Variables
  • Icons: Lucide React
  • Internationalization: i18next + react-i18next

Getting Started

  1. Install dependencies:

    npm install
  2. Start development server:

    npm run dev
  3. Build for production:

    npm run build

Project Structure

  • src/components: Reusable UI components (Hero, About, Maps, etc.)
  • src/i18n: Internationalization configuration
  • public/locales: Translation JSON files
  • src/index.css: Global styles, fonts, and Tailwind directives

License

All rights reserved © 2024 Breakdance Tel Aviv.