lime-business

byShashank Singh

Business Name: [SHYAM MISHTHAN VATIKA] Business Category: [ Restaurant / Sweets/Snacks/Chat] Address: [Lucknow - Sultanpur Rd, Arjunganj, Lucknow, Uttar Pradesh 226002] Phone Number: [099563 91007] Target Location: [Lucknow/Uttar Pradesh/India] You are a senior frontend developer and UI/UX designer at a world-class digital agency. Build a fully production-ready, visually stunning single-page business website in one standalone HTML file polished enough to show a real business owner as a live sales demo. Before writing any code, deeply analyze the business details above. From that alone, independently decide the aesthetic direction, color palette, font pairing, section structure, copy tone, and animation style. Every decision must feel native and intentional to this specific business. DESIGN: Define a 4-5 color system using CSS custom properties aligned with the business's psychology and audience. Choose two expressive Google Fonts one display, one body that reflect the brand personality. Never use Inter, Roboto, Arial, or system fonts. Commit to a clear visual language (editorial, warm, bold, clinical, luxurious, etc.) and apply it consistently across every section. SECTIONS: Decide which sections to include, their order, and their purpose based solely on what would convert visitors for this specific business. Always include a navbar, hero, and contact/footer. Everything else names, count, layout you decide. Write all copy yourself. No placeholder Every headline, description, CTA, testimonial, and FAQ must be real, complete, and business specific. Use Unsplash for contextually relevant placeholder images with proper alt text and lazy loading. I'm attaching the whole menu card please add and write each and every food item written in menu card also please try to add the ai photo of each and every food! 230 ANIMATIONS: Use GSAP, Scroll Trigger, and Lenis via CDN. Include a branded preloader with smooth exit, staggered hero reveal, scroll-triggered fade/slide animations on every section, parallax on at least two sections, count-up statistics, sticky nav with scroll transition, and a functional mobile hamburger menu. All buttons have hover micro-interactions with cubic-bezie easing. TECHNICAL: Everything inside one HTML file HTML, CSS, JS, animations, responsiveness. CDN imports only. Fully responsive from 320px to 1600px+. Semantic HTML5 structure. Meta title description, Open Graph tags, and LocalBusiness JSON-LD schema. Contact section includes a validated form, click-to-call link, WhatsApp button, address, and Google Maps embed. 180 Output only the raw HTML file starting with <!DOCTYPE html>. No explanations. No markdown Open in any browser with zero setup.

No preview

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 1

System Requirements Document for lime-business

1. Introduction

lime-business is the delivery codename for a single, standalone, production-ready marketing website for Shyam Mishthan Vatika, a Restaurant / Sweets / Snacks / Chaat business at Lucknow – Sultanpur Rd, Arjunganj, Lucknow, Uttar Pradesh 226002, phone 099563 91007, serving the Lucknow / Uttar Pradesh / India market.

The product intent is narrow and deliberate: give a neighbourhood mithai-and-chaat counter a public storefront that looks and reads like it was designed specifically for that counter, and that converts a passing local visitor into a phone call, a WhatsApp message, a map direction, or a walk-in. The visitor must be able to see the complete menu card, item by item, each with its name, price/detail and an accompanying food photograph — not a summarised or category-level menu.

The audience is twofold:

  • Prospective Diner / Walk-in Customer — a Lucknow local with a craving, a family takeaway order, or a festive gifting need, deciding where to spend.
  • Restaurant Owner / Operator

No completed page designs yet.

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

Landing: Arrive at storefront
Landing: Judge brand and offering
Menu: Open full menu card
Menu: Scan categories and prices
Menu: Review item photos
Contact: Reach contact ticket
Contact: Place click-to-call order
Contact: Send WhatsApp order
Contact: Get map directions
Contact: Submit enquiry form
Contact: Call again after failed order

No completed page designs yet.

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

Landing: Arrive at storefront
Landing: Judge brand and offering
Menu: Open full menu card
Menu: Scan categories and prices
Menu: Review item photos
Contact: Reach contact ticket
Contact: Place click-to-call order
Contact: Send WhatsApp order
Contact: Get map directions
Contact: Submit enquiry form
Contact: Call again after failed order