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!

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