orbit-food

byNoboru Pucay

this is the link of my inspired website "https://www.foodpanda.ph/?expedition=pickup&vertical=restaurants". and this is my prompt = (Create a modern, fully responsive food delivery website called “HeyFoodie”, inspired by Foodpanda PH but improved in UI/UX, features, and interactivity. The system must include both User Side and Admin Dashboard, with a unique Lamp-based Login System interaction. 🏠 PUBLIC WEBSITE (NOT LOGGED IN) When the user is not logged in, only basic pages are visible: 1. Homepage Hero section with tagline: “Cravings solved instantly 🍔⚡” Search bar (restaurants / food) Featured restaurants Categories (Fast Food, Milk Tea, Filipino, etc.) Promotions / discounts Call-to-action buttons (Login / Sign Up) 2. About Page What is HeyFoodie Mission & Vision Why choose HeyFoodie (faster delivery, smarter suggestions, better UI) 3. Reviews / Testimonials Customer reviews Star ratings Photos of food 4. Contact Page Email, phone Social media links Simple contact form 💡 LAMP LOGIN SYSTEM (MAIN FEATURE) UI Concept: A lamp on the left side A hidden login form on the right Dark background when OFF Light glow when ON ⚙️ LOGIC: When user clicks the lamp (pull chain): Light turns ON Background brightens Login form appears with smooth animation When clicked again: Light turns OFF Login form disappears 🧠 Behavior: Add sound effect (click switch) Smooth animation (fade + slide) Use modern UI (glassmorphism or neumorphism) 🔐 Login Form Content: Username / Email Password Sign In button “Login as Admin” option “Create Account” link 👤 USER SIDE (LOGGED IN) After login: Dashboard / Main Page Personalized greeting Recommended food (AI-based suggestion optional) Nearby restaurants Order history Features: Add to cart Checkout system Delivery tracking (progress bar or map simulation) Favorites Notifications 🛠️ ADMIN DASHBOARD Admin Login (Separate Access) Can login via toggle or special button Admin Features: 1. Dashboard Overview Total orders Total users Revenue stats Graphs (daily / weekly sales) 2. Manage Restaurants Add / edit / delete restaurants Upload images Set menu 3. Manage Orders View all orders Update status (Preparing, Delivering, Completed) 4. Manage Users View users Ban / activate accounts 5. Promotions Create discount codes Flash sales 🎨 DESIGN IMPROVEMENTS (IMPORTANT) Do NOT just copy Foodpanda — improve it: Dark mode + light mode toggle Smooth animations (GSAP or Framer Motion) Glass UI login card Floating elements Clean spacing (modern look like Apple/Stripe) ⚡ TECH STACK (OPTIONAL BUT RECOMMENDED) Frontend: React (Vite) Styling: Tailwind CSS Animations: GSAP Backend: Node.js / Express Database: Firebase or MongoDB 🔥 BONUS FEATURES (TO STAND OUT) AI food recommendation Voice search (“Order burger”) Real-time delivery tracker Gamification (points / rewards) Smart filtering (price, rating, distance) 🧠 FINAL BEHAVIOR RULE If user is NOT logged in → show only: Homepage About Reviews Contact If user logs in → unlock full system) and for my login form part, this is the reference(the one image im about to send to you)