This landing page showcases the KAT VR product and is built using HTML, CSS, and JavaScript.
The landing page is designed to be fully responsive across mobile (>320px), tablet (768px), and desktop (1280px and 1920px) screen sizes. It is divided into the following sections:
'About': Introduces the product to viewers.
'Tech': Highlights the product's key technical features.
'Benefits': Outlines the product's advantages.
Additionally, the 'Buy now' button redirects users to a 'Cart' page, where they can fill out a form to purchase the product. The 'Place order' step requires users to fill in all the necessary information to proceed to the next step.
Note: The 'Country' and 'City' dropdowns are not mandatory and are included for demonstration purposes. The 'City' dropdown displays selected cities from the U.S. only.
The 'Pay' step requires valid credit card information. You can use the following test card numbers, which pass the Luhn algorithm for checking credit card validity:
Visa: 4111 1111 1111 1111
MasterCard: 5555 5555 5555 4444
Node.js: v14.21.3
NPM: 6.14.18
Fork and clone this repository.
Run npm install in your terminal.
Run npm start to launch the development server.
For common issues, ensure that:
-
you are using the correct Node.js version (v14.21.3).
-
the main dependencies are correctly installed by running npm install.
-
the development server should start without errors using npm start.
If you encounter any issues or need assistance, feel free to reach out at valostrovska@gmail.com.