Create a premium, modern, high-converting, fully responsive restaurant website for **Le Petit Dejeuner by LPD Café**, Toronto. Make it feel like a real professional hospitality website, not a generic restaurant template. Use the attached reference images as inspiration for layout, spacing, typography, photography and sophistication, while creating an original design. ## BUSINESS **Le Petit Dejeuner by LPD Café** 191 King St E, Toronto, ON M5A 1J5, Canada +1 416-703-1560 4.3 ★ from 2,092 Google reviews 20–30 CAD/person Belgian-Canadian breakfast, brunch and restaurant. Description: "Brasserie dotée de murs en brique servant toute la journée des plats belgo-canadiens réconfortants à base de produits de saison." Google Maps: https://www.google.com/maps/place/Le+Petit+Dejeuner+by+LPD+Caf%C3%A9/@43.65072,-98.8820078,5z/data=!4m11!1m3!2m2!1zQ2FuYWRhLCBjYWbDqQ!6e5!3m6!1s0x89d4cb308fb262e3:0x68137a388b2bee04!8m2!3d43.65072!4d-79.3702891 ## DESIGN Create a warm, premium Toronto brasserie aesthetic combining boutique café, European editorial design and high-end food photography. Colors: Deep Espresso #241A17, Cream #F7F1E8, Terracotta #B76545, Muted Gold #C7A46A, Charcoal #151210, White #FFFDF9. Typography: Elegant serif for headlines (Playfair Display/Cormorant Garamond) + modern sans-serif for UI/body (Inter/Manrope). Use generous whitespace, sophisticated typography, subtle borders/shadows, premium photography and tasteful gradients. Avoid generic templates, excessive cards, neon colors, clutter or gimmicky animation. ## NAVIGATION Sticky desktop nav: Logo | Home | Our Story | Menu | Reviews | Visit Us | Contact | **Reserve a Table** Transparent over hero, then semi-transparent blurred background on scroll. Logo links Home. Main links smoothly scroll to sections or dedicated pages where appropriate. Mobile/tablet: hamburger opens a full-height menu sliding from the right with smooth animation, large typography and reservation CTA. Prevent horizontal overflow. ## HERO — FULLSCREEN VIDEO Create a 90–100vh hero with a **cinematic background video**, not a static image. Video content: coffee being poured, waffles, Eggs Benedict, pancakes, French toast, fresh ingredients, restaurant interior and guests enjoying brunch. Video: * autoplay * muted * loop * playsInline * cover * no controls * dark/warm overlay * poster/fallback image * mobile fallback * optimized/compressed Hero text: **BREAKFAST • BRUNCH • DINNER** # Good mornings start here. "Belgian-Canadian comfort food, seasonal ingredients, and all-day dining in the heart of Toronto." Buttons: **View Our Menu** **Reserve a Table** **Get Directions** Trust: **4.3 ★** **2,092+ Google reviews** Animate hero content on load from opacity 0 + translateY 30px to visible position with staggered timing. ## HERO RESERVATION CARD Floating right-side card on desktop; stacked on mobile. Glassmorphic: 5–10% white transparency, backdrop blur, thin border, subtle top glow and shadow. Title: **Plan Your Visit** Fields: Name, Email, Phone, Guests, Date, Preferred Time, Special Request. Button: **Request a Table** Small text: "Reservations are subject to availability." If no booking API is connected, make it a reservation request form and do not claim instant confirmation. ## HOMEPAGE ORDER Hero → Story → Menu → Food Gallery → Why Us → Reviews → Hours → Location → Contact → Final CTA → Footer. ## STORY Headline: **Comfort food, made for slow mornings and good company.** Copy: "Le Petit Dejeuner by LPD Café brings Belgian-Canadian comfort food to Toronto, serving breakfast, brunch, and dinner with seasonal ingredients in a warm, relaxed setting." Use large restaurant photography. CTA: **Discover Our Story** ## SIGNATURE MENU Headline: **Favourites worth waking up for.** Feature: Breakfast Crepe, Scrambled Eggs & Home Fries, Poached Egg & Hollandaise, Eggs Benny, Waffle Benny, Blueberry Pancakes with Scrambled Eggs, Croque Madame, Chicken Crêpe. Also showcase Latte, Cappuccino, French Toast and fresh juice. Each item: image, name, short description, price only when known. **Never invent prices.** CTA: **View Full Menu** → Menu page. ## FOOD EXPERIENCE Create an editorial gallery featuring waffles, Eggs Benedict, French toast, pancakes, coffee, fresh fruit and restaurant atmosphere. Use smooth image reveals, clipping animations and subtle parallax. Short copy: "Made fresh." "Served with care." "Built around good ingredients." ## WHY US Headline: **More than breakfast.** Four pillars: **01 Seasonal Ingredients** — Comfort food built around fresh, seasonal ingredients. **02 Belgian-Canadian Comfort** — Belgian classics and Canadian comfort food. **03 All-Day Experience** — Breakfast, brunch and selected dinner service. **04 Downtown Toronto** — 191 King St E. CTA: **Plan Your Visit** ## REVIEWS Headline: **Good food. Great company. Kind words.** Show: **4.3 ★ / 2,092 Google reviews** Use only authentic supplied excerpts, for example: "Mention spéciale pour les jus et les fruits, très frais et bien présentés." "Très bon service avec des serveurs souriants et attentionnés." "Déjeuner délicieux ! Une carte où tout donne envie d’être dégusté." CTA: **Read More Reviews** Never fabricate reviews, names, awards or statistics. ## OPENING HOURS Create a clean responsive hours component. Use accordion/tabs on mobile. **REGULAR** Monday: 09:00–14:30 Tuesday: Closed Wednesday: 09:00–14:30 / 17:00–23:00 Thursday: 09:00–14:30 / 17:00–23:00 Friday: 09:00–14:30 / 17:00–23:00 Saturday: 09:00–15:00 Sunday: 09:00–15:00 **BREAKFAST** Monday: 09:00–14:30 Tuesday: Closed Wednesday–Friday: 09:00–14:30 Saturday–Sunday: 09:00–15:00 **BRUNCH** Monday: 09:00–14:30 Tuesday: Closed Wednesday–Friday: 09:00–14:30 Saturday–Sunday: 09:00–15:00 **HAPPY HOURS** Wednesday–Friday: 17:00–21:00 Saturday–Tuesday: Closed **DINNER** Wednesday–Friday: 17:00–23:00 Saturday–Tuesday: Closed Do not invent holiday hours. ## LOCATION Headline: **Find us in Toronto.** 191 King St E, Toronto, ON M5A 1J5, Canada +1 416-703-1560 Buttons: **Get Directions** → supplied Google Maps link **Call Us** → tel:+14167031560 If map embedding is unavailable, create a premium location card. ## CONTACT Headline: **Let's make your next visit delicious.** Form: Name, Email, Phone, Guests, Date, Preferred Time, Message. Button: **Send Request** Show phone and address. ## FINAL CTA Use an atmospheric restaurant image or video. # Your table is waiting. "Join us for breakfast, brunch, dinner, coffee, and good moments in downtown Toronto." Buttons: **View Menu** **Reserve a Table** ## FOOTER Show: Le Petit Dejeuner by LPD Café "Belgian-Canadian comfort food in the heart of Toronto." Explore: Home / Our Story / Menu / Reviews / Visit Us / Contact Visit: 191 King St E, Toronto, ON M5A 1J5, Canada Contact: +1 416-703-1560 Social: Facebook Bottom: **© 2026 Le Petit Dejeuner by LPD Café. All rights reserved.** **Privacy Policy** ## PAGES Create dedicated: * Menu * Our Story * Reviews * Contact * Privacy Policy Menu categories: Breakfast, Brunch, Eggs, Waffles, Pancakes, Crepes, French Toast, Comfort Food, Dinner, Desserts, Drinks. Use supplied menu items only. About page: use only supplied facts. Do not invent founders, chefs, history or awards. Reviews page: show 4.3 rating, 2,092 reviews and authentic supplied excerpts. ## PRIVACY POLICY Create a clean, ad-safe page containing: Information Collected, Use of Information, Contact/Reservation Requests, Cookies & Analytics, Third Parties, Retention, Security, User Rights, Children's Privacy and Policy Updates. Include exactly: **Last updated: September 2026.** Do not make unsupported legal claims; present it as general website policy content suitable for review. ## MOTION Use elegant: * Page-load fade + slide-up * Staggered text * Scroll image reveals * Subtle parallax * Image hover zoom * Button micro-interactions * Smooth anchor scrolling * Navigation blur transition Respect `prefers-reduced-motion`. ## RESPONSIVE Mobile-first and optimized for mobile portrait/landscape, tablets and desktop. Stack hero/form on mobile, simplify galleries and maintain readable typography and touch-friendly controls. No horizontal overflow. ## PERFORMANCE Lazy-load images, compress media, optimize video, use responsive images, optimize fonts, minimize JavaScript and keep animations GPU-friendly. Hero video must have poster and mobile fallback. ## SEO Title: **Le Petit Dejeuner by LPD Café | Breakfast & Brunch in Toronto** Description: **Le Petit Dejeuner by LPD Café serves Belgian-Canadian comfort food, breakfast, brunch and dinner at 191 King St E in Toronto.** Use semantic headings, descriptive alt text and Restaurant/LocalBusiness structured data with address, phone, hours and menu URL. ## ACCESSIBILITY Use semantic HTML, keyboard navigation, visible focus states, accessible labels/forms, strong contrast, alt text, reduced-motion support and accessible mobile navigation. ## FUNCTIONAL LINKS Every CTA must work: View Menu → Menu page Reserve → reservation/contact section Directions → supplied Google Maps Call → +1 416-703-1560 Our Story → About Reviews → Reviews/Google Contact → Contact Privacy → Privacy Policy Never use dead "#" buttons. ## CONTENT RULE Only use facts supplied in this prompt. Never invent prices, awards, chefs, history, customer names, reviews or statistics. The final result must look specifically designed for **Le Petit Dejeuner by LPD Café**: warm, premium, editorial, appetizing, trustworthy and conversion-focused. The first screen must immediately show the restaurant experience, food, Toronto identity, social proof and clear actions to view the menu, reserve, call or get directions.
Sign in to leave a comment
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No comments yet. Be the first!