Skip to content

Latest commit

 

History

7 Commits

Folders and files

Repository files navigation

🎮 BetMaster - Promotional Website

BetMaster

React Tailwind CSS Three.js Framer Motion Netlify


📸 Website Preview

🏠 Hero Section with 3D Background

Interactive 3D floating sports objects - Cricket balls, football, cards, and trophies

🎮 Games Showcase

6+ games displayed with beautiful gradient cards and animations

💰 Prizes & Winnings

Live winners ticker, daily jackpots, and referral bonuses

📱 Download Section

Direct APK download with platform selection


🚀 Features

🎨 Visual Excellence

  • ✅ 3D Animated Background - Three.js powered floating sports objects
  • ✅ Glassmorphism Design - Modern frosted glass UI effects
  • ✅ Smooth Animations - Framer Motion page transitions & micro-interactions
  • ✅ Responsive Design - Optimized for all devices (mobile, tablet, desktop)
  • ✅ Dark Theme - Premium dark color scheme with green accents

🎵 Interactive Elements

  • ✅ Background Music - Random playlist with mute/skip controls
  • ✅ Sports Sound Effects - Immersive gaming atmosphere
  • ✅ Game Alert Modals - Beautiful popup when clicking "Play Now"
  • ✅ Live Winners Ticker - Real-time winning announcements
  • ✅ Prize Calculator - Interactive potential winnings display

📄 Pages

  • ✅ Home - Hero section, games grid, features, prizes, testimonials
  • ✅ Games - All 6 games with detailed cards and play alerts
  • ✅ Download - APK download with iOS coming soon
  • ✅ FAQ - Animated accordion with common questions
  • ✅ Contact - FormSubmit integration (sends to your email)

🌍 Localization

  • ✅ English (Default)
  • ✅ Hindi (हिन्दी)
  • ✅ Chinese (中文)
  • ✅ Language Switcher - Persistent language selection

🛠️ Tech Stack

Technology Purpose
React 18 UI framework
Tailwind CSS 3 Utility-first styling
Three.js / React Three Fiber 3D background animations
Framer Motion Page animations & gestures
React Router 6 Client-side routing
React Icons Icon library
i18next Internationalization
FormSubmit Contact form email delivery
Web Audio API Background music system

📦 Installation

Prerequisites

  • Node.js 18+
  • npm or yarn

Quick Start

# Clone the repository
git clone https://github.com/yourusername/betmaster-website.git
cd betmaster-website

# Install dependencies
npm install

# Start development server
npm start

# Build for production
npm run build