my project

byJari Abbas

You are an award-winning UI/UX Designer, Senior Frontend Developer, Creative Director, and Brand Designer. Your task is to DESIGN AND DEVELOP a COMPLETE premium website from scratch for a luxury indoor entertainment club. DO NOT create a basic business website. Create a website that feels premium, modern, luxurious, interactive, cinematic and expensive. The design quality should be comparable to websites winning Awwwards. Reference website for inspiration: https://play2pot.simplybook.asia/ DO NOT COPY the design. Instead create a significantly better version with a more premium look, smoother animations, better layout, modern effects, cleaner spacing, and more engaging interactions. Business Details ----------------------- Business Name: CUES & SAVOURS Business Categories: • Snooker Club • Video Arcade • Table Tennis • Indoor Recreation • Gaming Lounge Phone: 03162030603 Address: W3M3+76 Kausar Niazi Colony, Karachi, Pakistan Instagram: https://www.instagram.com/cuesnsavours/?hl=en Facebook: https://www.facebook.com/cuesnsavours/ Google Reviews: 228 Reviews 38 Reviews Overall Rating: ★★★★★ 4.9/5 The website should prominently display the excellent customer rating as social proof. (Use the provided information.) The business is known as a premium indoor sports and gaming venue. :contentReference[oaicite:0]{index=0} ==================================================== WEBSITE STYLE Design should look like a luxury gaming lounge. Overall feel: Premium Elegant Modern Dark Theme Luxury Minimal Interactive Smooth Absolutely NO outdated design. ==================================================== COLOR PALETTE Primary Background: #0B0B0B Secondary Background: #111111 Cards: #181818 Accent Green: #00FF88 Secondary Accent: #15C37E Gold Highlight: #FFD166 Text: White Secondary Text: #BBBBBB Buttons: Glassmorphism with green glowing borders Hover: Soft neon glow ==================================================== TYPOGRAPHY Use premium Google Fonts. Heading: Bebas Neue Secondary: Poppins Body: Inter Buttons: Montserrat SemiBold Numbers: Space Grotesk Proper typography hierarchy. Large hero text. Modern spacing. ==================================================== USE HIGH QUALITY IMAGES Use premium royalty-free images. Include images of: Luxury Snooker Tables Professional Pool Tables Table Tennis Gaming Arcade Friends Playing Coffee Premium Interior Luxury Lounge LED Lighting Food & Drinks ==================================================== HERO SECTION Full-screen hero. Animated background. Slow zoom effect. Dark overlay. Luxury typography. Headline: "Where Precision Meets Entertainment" Subheading: Premium Snooker • Arcade Gaming • Table Tennis • Great Food Buttons: Book Now Call Now Watch Club Floating glowing cue ball animation. Animated particles. Mouse parallax. ==================================================== NAVIGATION Sticky navbar Transparent initially Glassmorphism while scrolling Menu: Home About Games Gallery Reviews Contact Book Now Hover underline animation. ==================================================== SECTIONS 1. Hero 2. About Club 3. Why Choose Us 4. Games Snooker Pool Table Tennis Video Arcade Cafe 5. Gallery Masonry layout Hover zoom Lightbox 6. Customer Reviews Animated cards 4.9 Stars Counter animations 7. Statistics 228+ Happy Customers 4.9★ Rating Years Experience Premium Tables Animated counters. 8. Experience Section Luxury atmosphere Premium equipment Comfortable seating Food & Drinks Family Friendly Air Conditioned 9. Call to Action Book Your Game Today 10. Contact Google Map Address Phone Instagram Facebook Contact Form ==================================================== FOOTER Modern Large logo Social icons Quick links Business hours Copyright ==================================================== ANIMATIONS Use GSAP Framer Motion AOS Lenis Smooth Scroll Parallax Scroll Reveal Mouse Follow Magnetic Buttons Text Reveal Fade Slide Scale Image Reveal Floating Elements Glow Effects ==================================================== SPECIAL EFFECTS Glassmorphism Neumorphism Animated gradient borders Glow buttons Hover cards Ripple click effects Neon shadows Animated backgrounds Floating particles Mouse spotlight Scroll progress bar Loading animation Page transitions ==================================================== POPUPS Create beautiful popup buttons. Floating WhatsApp Button Floating Call Button Book Now Popup Review Popup Instagram Popup Facebook Popup Location Popup Offer Popup Back-to-top floating button Each popup should animate smoothly. ==================================================== BOOK NOW Popup Booking Form Name Phone Date Time Game Selection Message Modern success animation. ==================================================== RESPONSIVE Perfect on: Desktop Laptop Tablet Mobile Large TV ==================================================== PERFORMANCE Fast loading SEO optimized Lazy loading Optimized images Accessibility Semantic HTML ==================================================== TECH STACK HTML5 CSS3 JavaScript Tailwind CSS GSAP Framer Motion AOS Font Awesome Google Fonts ==================================================== EXTRA FEATURES Dark luxury cursor Animated cursor trail Preloader Smooth page transitions Image hover effects Animated statistics Testimonials slider Video background option Instagram feed section Google Maps Contact form validation FAQ accordion Booking section Modern pricing cards (if needed) Latest Offers Special Events Membership Plans ==================================================== MAKE THE WEBSITE FEEL ALIVE Everything should animate smoothly. No static sections. Every section should have premium interactions. ==================================================== UI QUALITY Think Apple + Nike + Porsche + PlayStation. Premium spacing. Beautiful cards. Rounded corners. Soft shadows. Luxury gradients. Neon accents. ==================================================== CODE QUALITY Write clean, production-ready code. Organize into reusable components. Comment important sections. No placeholder code. Everything should be functional. ==================================================== FINAL OUTPUT Generate the ENTIRE WEBSITE. Create every file necessary including: index.html style.css script.js assets structure images folder fonts README SEO meta tags Open Graph tags Favicon Responsive navigation Complete animations Complete booking popup Complete contact form Complete gallery Complete reviews Everything should work immediately after opening the project. Do not stop midway. Generate the FULL project from start to finish.