Lux Laundry™ Landing Page

A modern, responsive landing page for a premium laundry service built with HTML, Tailwind CSS, and JavaScript.

🧺 Features

• Responsive Design: Fully responsive across all device sizes
• Interactive Navigation: Smooth scrolling and mobile-friendly hamburger menu
• Dynamic Header: Changes background on scroll with hide/show animations
• Service Packages: Interactive pricing cards with hover effects
• Modern UI Components:
  • Animated hamburger menu
  • Floating announcement banner
  • Interactive service cards
  • Testimonial section
  • Call-to-action sections

🛠️ Technologies

• HTML5
• Tailwind CSS
• JavaScript (Vanilla)
• Google Fonts
• Flowbite Components

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

✍ Figma Design

https://www.figma.com/design/kW3NkL8WZW0LFp9CkVd9A7/Laundry-service-website--Community-?node-id=2-1203&m=dev

🚀 Getting Started

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

1. Fork the repository

2. Clone the repository

   git clone https://github.com/yourusername/lux-laundry.git
   cd lux-laundry

3. Install dependencies

   npm install

4. Start development server

   npm run dev

5. Open your browser Navigate to http://localhost:3000 to view the site

📂 Project Structure

lux-laundry/
├── src/
│   ├── assets/
│   │   └── images/
│   ├── main.js
│   └── style.css
├── public/
│   └── images/
├── index.html
├── tailwind.config.js
├── package.json
└── README.md

🎨 Customization

Colors

The color scheme can be modified in tailwind.config.js:

colors: {
  primary: "#00334C",    // dark blue
  secondary: "#D0F6FF",  // light blue
  accent: "#21B7E2",     // bright light blue
  neutral: "#F7FEFF",    // white
  grey: "#263238"        // grey
}

Typography

The site uses the following Google Fonts:

• Grandstander - Display headings
• Inter - Body text
• Outfit - UI elements
• Rasa - Accent text

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

👥 Authors

• Brandon Jenkins - @devjenko
• Donovan Wilson - @DonovanWilson

🙏 Acknowledgments

• Heroicons for beautiful icons
• Flowbite for UI components
• Tailwind CSS for styling framework

---