Virtual Reality Website Landing Page

Table of Contents

• Virtual Reality Website Landing Page
  • Table of Contents
  • Introduction
  • Features
  • Tech Stack
  • Installation & Setup
    • Prerequisites
    • Steps
  • Project Structure
  • Deployment
    • Steps to Deploy on Vercel
  • Live Demo
  • License

Introduction

The Virtual Reality Website Landing Page is a modern, fully responsive landing page built with React.js, Tailwind CSS, and Lucide React. It features a sleek UI, real-time previews, a responsive navbar with a mobile drawer, gradient text for a modern look, video showcases, feature sections, pricing cards, testimonials, and a footer section. The project is deployed on Vercel.

Features

• 🚀 Built with Vite for fast performance
• 🎨 Tailwind CSS for modern styling
• 📱 Fully responsive navbar with mobile drawer
• 🎥 Video section with autoplay and loop
• 📜 Gradient text for a modern aesthetic
• ⭐ Feature section with clean UI
• 💳 Pricing section with three plans
• 💬 Testimonials section for user feedback
• 📌 Footer section with useful links
• ☁ Deployed on Vercel for easy access

Tech Stack

• React.js - Frontend framework
• Vite - Development and build tool
• Tailwind CSS - Utility-first CSS framework
• Lucide React - Icon library
• Vercel - Deployment platform

Installation & Setup

Prerequisites

• Node.js (v16+ recommended)
• npm or yarn

Steps

1. Clone the repository

   https://github.com/Aaditya-Kumar-Mittal/Virtual-Reality-Website-Landing-Page.git
   cd virtual-reality-website-landing-page

2. Install dependencies

   npm install  # or yarn install

3. Run the development server

   npm run dev  # or yarn dev

4. Open in browser Navigate to http://localhost:5173/ to see the project in action.

Project Structure

📂 virtual-reality-website-landing-page
├── 📂 src
│   ├── 📂 components
│   │   ├── Navbar.jsx
│   │   ├── HeroSection.jsx
│   │   ├── index.js
│   │   ├── FeatureSection.jsx
│   │   ├── PricingSection.jsx
│   │   ├── Testimonials.jsx
│   │   ├── WorkFlow.jsx
│   │   ├── Footer.jsx
│   ├── 📂 constants
│   │   ├── index.js
│   ├── 📂 assets
│   │   ├── profile-pictures
│   │   │   ├── user1.jpg
│   │   │   ├── user2.jpg
│   │   │   ├── user3.jpg
│   │   │   ├── user4.jpg
│   │   │   ├── user5.jpg
│   │   │   ├── user6.jpg
│   │   ├── logo.png
│   │   ├── code.jpg
│   │   ├── video1.mp4
│   │   ├── video2.mp4
│   ├── App.jsx
│   ├── main.jsx
├── 📜 index.html
├── 📜 .gitignore
├── 📜 vite.config.js
├── 📜 package.json
└── 📜 README.md

Deployment

This project is deployed on Vercel.

Steps to Deploy on Vercel

1. Push your code to GitHub.
2. Go to Vercel and import the repository.
3. Click on Deploy and get your live URL.

Live Demo

Check out the live demo: Virtual Reality Website

License

This project is licensed under the MIT License.

---

Made with ❤️ by Aaditya Kumar Mittal.