Nike_landing_page Tailwind Templates

Nike_landing_page

This repository contains the source code for a Nike brand landing page built with Tailwind CSS and React. It features a sleek design with dark mode support, implemented using the useContext hook, and theme persistence via useEffect and local storage. This ensures the selected theme remains even after a browser refresh.

Nike Brand Landing Page

This repository contains the source code for a Nike brand landing page built using Tailwind CSS and React. The project features a sleek, modern design with support for dark mode. Dark mode is implemented using the useContext hook, and the user's theme preference is saved in local storage using the useEffect hook, ensuring the selected theme persists even after the browser is refreshed.

Features

  • Tailwind CSS: Utilizes the utility-first CSS framework for rapid UI development.
  • Dark Mode: Seamlessly switch between light and dark themes using React's useContext hook.
  • Persistent Theme: Saves the user's theme preference in local storage using the useEffect hook to maintain the selected theme across sessions.
  • Responsive Design: Ensures optimal viewing experience across various devices and screen sizes.

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/nike-landing-page.git
    
  2. Navigate to the project directory:
    cd nike-landing-page
    
  3. Install dependencies:
    npm install
    
  4. Start the development server:
    npm start
    

Usage

  • Open the landing page in a web browser.
  • Toggle between light and dark mode using the provided switch.
  • The chosen theme will be saved and applied automatically on subsequent visits.

Technologies Used

  • React
  • Tailwind CSS
  • JavaScript (for theme toggling and local storage)

Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your enhancements.

License

This project is licensed under the MIT License. See the LICENSE file for more details.


Top categories

Loading Svelte Themes