Skip to content

owais-khan-zai/Lazarev-Web-Project

Repository files navigation

Lazarev Landing Page Clone

la1

A modern and polished landing page clone of the Lazarev website built with React, Tailwind CSS, GSAP, and Lenis.js.
This project focuses on complex UI layouts, interactive animations, and a smooth user experience.


🚀 Features

  • Page Reload Animations: Beautiful intro animations on refresh to capture user attention.
  • Interactive Animations: GSAP-powered animations that make the UI more engaging and attractive.
  • Smooth Scrolling: Seamless and buttery scroll experience implemented with Lenis.js.
  • Hover Video Animations: Videos animate on hover, enhancing interactivity.
  • Cards Section: Clean and stylish cards displaying visuals + content.
  • FAQs Section: Accordion-style FAQ section with smooth transitions.
  • Complex UI Layout: Professional-level layout design for a modern landing page experience.
  • Responsive Design: Fully adapts to desktop, tablet, and mobile screens.

la2

🛠️ Tech Stack

  • React.js — UI framework
  • Tailwind CSS — utility-first styling & responsive layout
  • GSAP — advanced animations
  • Lenis.js — smooth scrolling

📂 Usage — Setup & Run Locally

  1. Clone the repo:

    git clone https://github.com/your-username/Lazarev-Web-Project.git
    cd Lazarev-Web-Project
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

📬 Contact

If you have any questions, feedback, or collaboration ideas, feel free to reach out:


⭐ Thanks for checking out this project!

About

This project focuses on complex UI layouts, interactive animations, and a smooth user experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages