🧛‍♂️ Dracula – Gaming Storefront

Draculs - Gaming Template Project is a modern, fully responsive web template built with Next.js, TailwindCSS, and Framer Motion. It is designed for gaming platforms, eSports communities, and online game stores with a dark red-and-black Dracula-inspired theme.

---

🚀 Features

• 🎨 Cinematic UI – red & black Dracula theme with glitch titles and neon glow.
• 🛒 Full E-Commerce Flow
  • Browse by category (New Releases, Pre-Orders, On Sale, Merchandise).
  • Advanced filters (Platform, Genre, Price Range, Publisher).
  • Add to Cart & Cart Badge.
  • Product Details page with ratings & reviews.
  • Checkout flow with order summary.
  • Login / Signup modal to purchase.
• ⚡ Performance Ready
  • Next.js 14 App Router
  • Optimized images via next/image
  • Code-splitting & lazy loading
• 🎬 Animations
  • Smooth hover states with Framer Motion
  • Banner parallax & animated transitions
• 📱 Responsive
  • Works across desktop, tablet, and mobile
• 🔍 SEO Optimized
  • Next.js Metadata API for meta tags
  • Open Graph & Twitter cards
  • Sitemap & robots.txt auto generation

---

🖼️ Tech Stack

• Framework: Next.js 14
• Styling: TailwindCSS
• Animations: Framer Motion
• Icons: Lucide React
• Forms & Auth: NextAuth.js (for login)
• Payments (optional): Stripe integration

---

⚡ Getting Started

1. Clone the repo

   git clone https://github.com/yourusername/dracula.git
   cd dracula
   
   

🎮 Usage

• Browse games in different tabs (New Releases, Pre-Orders, On Sale, Merchandise).
• Filter by platform, genre, price range, or publisher.
• Click ADD TO CART to add items.
• Open cart via cart icon → see all selected games.
• Proceed to Checkout → login or sign up → confirm payment.

📜 License

• MIT License © 2025 Dracula Project

❤️ Credits

• Design inspiration: Dark Gaming UI concepts
• Icons: Lucide
• Animations: Framer Motion
• Fonts: Teko & Rubik (Google Fonts)