Cafe

byAkhil

Build a COMPLETE premium 3D scrolling product-style website for RUSH CAFE. IMPORTANT: This is NOT a normal restaurant website. This is NOT a storytelling documentary website. This must feel like: Apple product launch page RAW Pressery premium product site Tesla showcase Awwwards immersive product website Draftly premium generated experience GOAL: Create a visually stunning, highly animated, immersive 3D scrolling website for RUSH CAFE where food items behave like premium products. TECH STACK: Use: Next.js 14+ App Router TypeScript Tailwind CSS Framer Motion GSAP + ScrollTrigger Lenis smooth scrolling Three.js React Three Fiber Drei HTML5 Canvas SplitType OUTPUT MUST BE COMPLETE: Generate every required file. Production ready. No placeholders. Code should run immediately. DESIGN STYLE: Luxury premium dark theme Coffee brown Warm gold glow Cream highlights Glassmorphism Depth blur Soft neon accents Product showcase aesthetic STRICT RULES: NO boring restaurant template NO bootstrap layout NO normal cards NO static sections NO storytelling narrative sections NO plain menus Everything should feel premium, futuristic, immersive, and interactive. CORE EXPERIENCE FLOW: 1. HERO PRODUCT ENGINE Create a sticky scroll engine similar to premium product sites. Implementation: sticky wrapper height 500vh+ sticky viewport canvas / 3D rendering Main object: massive premium 3D coffee cup / signature food product Behavior: scroll controls animation frames rotation zoom lighting changes steam particle simulation camera movement Hero display: RUSH CAFE Pure Vegetarian Telugu Cafe NH5 Medarametla CTA: Explore Call Now Navigate 2. SCROLL PRODUCT REVEAL As user scrolls: premium food products animate into view. Products: Burgers Sandwiches Telugu Meals Coffee Behavior: 3D floating product objects canvas image sequence OR GLB models scroll-controlled transforms smooth easing premium motion Need exact premium sticky product showcase feel. 3. IMMERSIVE IMAGE FX SECTION Create ultra-premium image visual effects. Effects: clip-path reveal mask transitions zoom transitions parallax stacking depth blur hover distortion liquid transitions Images: food closeups cafe ambience indoor seating outdoor seating night mood Layout should feel luxury. 4. FLOATING FEATURES EXPERIENCE Display highlights: Pure Vegetarian Friendly Staff Home-like Ambience Highway Pit Stop Indoor Seating Outdoor Seating Presentation: 3D floating glass cards hover tilt depth interaction smooth reveal animations 5. INTERACTIVE PRODUCT MENU EXPERIENCE Build premium horizontal product selector. Like premium e-commerce. Items: Coffee Burgers Sandwiches Meals Behavior: hover zoom 3D transforms animated active states premium transitions 6. PREMIUM LOCATION EXPERIENCE Interactive location showcase. NOT plain Google map embed. Create: stylized animated map glowing destination marker animated route lines premium location panel Location: NH5 Near Thammavaram Junction Medarametla Prakasam Andhra Pradesh Phone: [phone] 7. REVIEW SHOWCASE Animated premium review section. Display: 4.0 Rating 2072+ Reviews Effects: floating testimonial cards animated counters kinetic typography glass cards hover interactions 8. OPEN HOURS EXPERIENCE Premium animated timing showcase. Display: Open Daily Till 2 AM Visual: 3D rotating clock animated rings motion typography 9. FINAL CTA Massive premium final hero. Glowing background. Dynamic lighting. 3D floating visual accents. Display: Visit RUSH CAFE Take a Break Pure Veg Excellence Buttons: Call Navigate Visit Now TECHNICAL REQUIREMENTS: Create: sticky scroll engine canvas image sequence renderer Three.js scene engine responsive viewport scaling requestAnimationFrame optimization mobile fallback mode lazy loading smooth section transitions interactive hover states COMPONENTS REQUIRED: Navbar HeroCanvas StickyScrollEngine FoodShowcase3D ImageFXGallery FeatureCards3D InteractiveMenu LocationExperience ReviewsExperience HoursExperience FinalCTA Footer ANIMATIONS: GSAP timelines ScrollTrigger synced animations Framer Motion transitions Lenis smooth scrolling 3D camera movement parallax motion magnetic hover buttons micro interactions PERFORMANCE: optimized assets responsive production ready fast rendering BUSINESS DATA: Name: RUSH CAFE Address: NH 5 Near Thammavaram Junction Medarametla Prakasam Andhra Pradesh India Phone: [phone] Rating: 4.0 Reviews: 2072+ Type: Pure Vegetarian Telugu Cafe Popular: Burgers Sandwiches Coffee Telugu Meals FINAL REQUIREMENT: This should look like a premium interactive product website, not a restaurant template.

No preview

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Login: Sign In
Dashboard: View Overview
Dashboard: Manage Content
Products: Add Item
Products: Edit Item
Products: Remove Item
Reviews: Manage Reviews
Reviews: Approve Review
Hours: Update Timing
Location: Update Info
Settings: Save Changes

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Login: Sign In
Dashboard: View Overview
Dashboard: Manage Content
Products: Add Item
Products: Edit Item
Products: Remove Item
Reviews: Manage Reviews
Reviews: Approve Review
Hours: Update Timing
Location: Update Info
Settings: Save Changes