purple-app

byJashwanth Burgula

Build an ultra-premium, award-winning website for "Preeti's Cafe" located in Hyderabad, India. GOAL: Create a website that looks like a ₹2,00,000+ professionally designed cafe website and immediately impresses the owner during a demo presentation. The design should feel modern, luxurious, interactive, and memorable. DESIGN STYLE: * Apple + Awwwards + Tesla + Luxury Cafe aesthetic * Dark theme with premium coffee, gold, cream, and warm brown color palette * Glassmorphism effects * Smooth gradients * Cinematic animations * Luxury typography * Premium visual storytelling * Mobile-first responsive design ADVANCED FEATURES: * 3D hero section using Three.js * Floating 3D coffee cup with steam animation * Interactive 3D coffee beans reacting to mouse movement * Parallax scrolling sections * Smooth scrolling with Lenis * GSAP animations * Framer Motion style transitions * Mouse-following glow effects * Magnetic buttons * Hover tilt effects on cards * Premium loading screen animation * Scroll-triggered animations * Glassmorphism navigation bar * Animated page transitions HOME PAGE: Hero Section: Headline: "Where Every Cup Creates a Memory" Subheadline: Premium coffee, handcrafted beverages, delicious pizzas, burgers, snacks, and unforgettable moments. Buttons: * Explore Menu * Order on WhatsApp 3D Feature: A rotating realistic 3D coffee cup with steam particles and floating coffee beans. ABOUT SECTION: Tell the story of Preeti's Cafe. Family-friendly atmosphere. Comfortable workspace. Perfect for friends and families. Free WiFi. Great coffee and tea selection. MENU SHOWCASE: Create beautiful cards for: * Coffee * Rose Tea * Burgers * Pizzas * Sandwiches * French Fries * Ice Cream Each card should have: * 3D hover effect * Floating animation * Glassmorphism overlay * Shine effect on hover * Smooth zoom interactions CUSTOMER REVIEWS: Show: 4.8 Star Rating Display customer reviews in animated testimonial cards. Include: "Loved the atmosphere and service." "Great food and coffee." "Perfect place for family and friends." Animated rating counter: * 4.8 Rating * 16+ Reviews * 1000+ Happy Customers GALLERY: Create a Pinterest-style animated gallery. Features: * Hover zoom * Lightbox preview * Smooth transitions * Category filters SPECIAL FEATURES: Interactive menu cards: When hovering: * Card lifts in 3D * Shadow grows * Light reflection moves * Image slowly zooms CONTACT SECTION: Show: Address Phone Number Opening Hours Google Maps Integration WhatsApp Contact FLOATING ELEMENTS: * Floating WhatsApp button * Floating coffee beans * Floating glow particles * Animated cursor PERFORMANCE: * Fast loading * SEO optimized * Mobile responsive * Accessibility friendly TECH STACK: * React * Next.js * Tailwind CSS * GSAP * Framer Motion * Three.js * React Three Fiber FINAL RESULT: The website should look like a premium international coffee brand website that makes the owner immediately think: "Wow. My cafe needs this." Focus heavily on animations, 3D interactions, smooth scrolling, luxury visuals, and conversion-oriented design.