Demon Host Hub is a modern, animated landing page UI for a VPS/RDP hosting brand — built with Vite, React, TypeScript, Tailwind CSS, and shadcn/ui (Radix UI).

---

Highlights

• Animated hero + background (Framer Motion)
• Product sections: providers gallery, trust badges, pricing cards, OS selector
• Component-driven UI using shadcn/ui + Radix primitives
• Fast dev server via Vite (configured to run on port 8080)

---

Preview

Add a short demo GIF to make this README pop.

How to create public/preview.gif

• Record a quick screen capture of the homepage (10–20 seconds).
• Export as a GIF named preview.gif and put it in public/.
• Keep it lightweight (recommended: 6–12 FPS, ~900–1200px width).

---

Quick Start

Prerequisites

• Node.js 18+ (recommended)
• npm (or pnpm/yarn — adjust commands accordingly)

Install

npm install

Run locally

npm run dev

Vite will start on:

• http://localhost:8080

---

Scripts

• npm run dev — start development server
• npm run build — production build
• npm run build:dev — build using development mode
• npm run preview — preview the production build locally
• npm run lint — run ESLint

---

Tech Stack

• Vite + React + TypeScript
• Tailwind CSS + tailwindcss-animate
• shadcn/ui + Radix UI
• Framer Motion (animations)
• React Router (routing)

---

Project Structure

src/
	components/       Reusable UI sections (Hero, Navbar, PricingCards, etc.)
	components/ui/    shadcn/ui primitives
	context/          App state (OrderContext)
	pages/            Route pages (Index, NotFound)
	lib/              Utilities

---

Notes

• The main landing page is composed in src/pages/Index.tsx using sections like Hero, PricingCards, and OSSelector.
• If you want the README badges to reflect your GitHub repo (stars, license, deploy), tell me your repo URL and I’ll switch them to repo-specific badges.

---

License

No license file is currently included. If you want, I can add a LICENSE (MIT/Apache-2.0/GPL-3.0/etc.) and update this section.