Hyper — Blockchain Landing Page 🔗

Secure. Scalable. Limitless. — A modern, responsive landing page for a next-generation blockchain platform.

🌐 Live Demo: blockchain-xi-henna.vercel.app

---

📌 About The Project

Hyper is a fully responsive blockchain company landing page built with pure HTML and Tailwind CSS v4. The page showcases a fictional blockchain platform that offers crypto wallet solutions, decentralized applications (dApps), and NFT marketplace services.

The project was built as a frontend practice project to demonstrate modern UI design using the Tailwind CSS CLI workflow — without any JavaScript framework.

---

✨ Features

• ⚡ Hero Section — Eye-catching banner with stats (500+ Uptime, 99.9% Lower Transaction)
• 🧩 Services Section — Crypto Wallet, Decentralized App, NFT Marketplace cards
• 🔐 Trust Section — "Where Technology Meets Trust" with enterprise blockchain stats
• 🌐 Ecosystem Section — HyperChain ecosystem overview with blog highlights
• 💬 Testimonials — Client reviews from industry leaders
• 📊 Stats Section — 128K satisfaction, 200+ integrations, 80.1% transactions
• 📧 Newsletter Signup — Email subscription form
• 📱 Fully Responsive — Works on all screen sizes

---

🛠️ Tech Stack

Technology	Version
HTML5	Latest
Tailwind CSS	v4.1.x
Tailwind CSS CLI	v4.1.x

---

📁 Project Structure

project/
├── index.html          # Main HTML file
├── src/
│   ├── input.css       # Tailwind CSS input file
│   ├── output.css      # Generated CSS (auto-build)
│   └── images/         # All image assets
├── package.json        # Project dependencies
└── README.md

---

🚀 Getting Started

Prerequisites

Make sure you have the following installed:

• Node.js (v18 or higher)
• npm (comes with Node.js)

Installation

1. Clone the repository

   https://github.com/basudevkumer/Blockchain-page.git
   cd your-repo-name

2. Install dependencies

   npm install

3. Start Tailwind CSS in watch mode

   npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --watch

4. Open the project

   Simply open index.html in your browser — or use a Live Server extension in VS Code for hot reload.

---

🏗️ Build for Production

To generate a minified CSS file for production:

npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --minify

---

🌍 Deployment

This project is deployed on Vercel. To deploy your own version:

1. Push your code to GitHub
2. Go to vercel.com and import your repository
3. Vercel will automatically detect and deploy the static site

---

📄 License

This project is open source and available under the MIT License.

---

🙌 Author

Made with ❤️ — Feel free to fork, star ⭐, and contribute!