restuarant

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.

Landing
Landing

Comments (0)

No comments yet. Be the first!

Project Tasks

22 planning tasks
#1

Generate system requirement document

2m 19s0.1 cr used
Done
#2

Generate personas & user flows

0m 8s0.1 cr used
Done
#7

Create flow for Restaurant Visitor

0m 7sCredits in parent
Done
#8

Create flow for Business Owner

0m 7sCredits in parent
Done
#9

Landing

9m 26sCredits in subtasks
Done
#24

Repair Landing JSX

0m 57s0.2 cr used
Done
#12

Landing / Site Header

0m 59s0.8 cr used
Done
#13

Landing / Preloader

1m 10s0.8 cr used
Done
#14

Landing / Hero

1m 10s0.8 cr used
Done
#15

Landing / Marquee

1m 10s0.8 cr used
Done
#16

Landing / Story

1m 8s0.8 cr used
Done
#17

Landing / Stats

1m 8s0.8 cr used
Done
#18

Landing / Testimonials

1m 9s0.8 cr used
Done
#19

Landing / Faq

1m 10s0.8 cr used
Done
#20

Landing / Contact Prompt

1m 38s0.8 cr used
Done
#21

Landing / Site Footer

0m 51s0.8 cr used
Done
#22

Site Header

0m 59sCredits in parent
Done
#23

Site Footer

0m 51sCredits in parent
Done
#10

Menu

Credits in subtasks
Backlog
#11

Contact

Credits in subtasks
Backlog
#5

Architecture

0.1 cr needed
Backlog
#6

Workspace task plan

0.1 cr needed
Backlog
Landing design preview
Landing: Open public website
Landing: Review hero and business identity
Landing: Read story, testimonials and FAQs
Menu: Open Menu destination
Menu: Verify complete menu items and images
Contact: Open Contact destination
Contact: Verify phone, address and map
Landing: Demonstrate website to customer
Menu: Show menu during demonstration
Contact: Point customer to call action
Contact: Point customer to WhatsApp action
Contact: Point customer to map directions
Landing: Share website with customers
Landing design preview
Landing: Open public website
Landing: Review hero and business identity
Landing: Read story, testimonials and FAQs
Menu: Open Menu destination
Menu: Verify complete menu items and images
Contact: Open Contact destination
Contact: Verify phone, address and map
Landing: Demonstrate website to customer
Menu: Show menu during demonstration
Contact: Point customer to call action
Contact: Point customer to WhatsApp action
Contact: Point customer to map directions
Landing: Share website with customers