Skip to content

Happy-devloper/bistro-46-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍽️ Bistro 46

A Modern, Conversion-Focused Restaurant Website Template

🔗 Live Demo: https://bistro-46.netlify.app/

Bistro 46 is a fast, responsive, and fully customizable restaurant website template built using pure HTML, CSS, and JavaScript.

It is designed not just to look good — but to drive real customer actions like calls, visits, and direct orders.


✨ Key Highlights

  • ⚡ No frameworks — lightweight & fast
  • 📱 Mobile-first responsive design
  • 📞 Built to increase direct calls and orders
  • 💬 WhatsApp integration for instant ordering
  • 🧠 Data-driven content (edit one file only)
  • ♿ Accessibility-focused design
  • 🌐 Live preview: bistro-46.netlify.app

🚀 Features

📱 Responsive Design

  • Fully optimized for mobile, tablet, and desktop
  • Mobile navigation with hamburger menu
  • Adaptive layouts using Flexbox & Grid

📞 High-Converting Call-to-Actions

  • Click-to-call button in hero section
  • Sticky floating call button
  • Contact section phone integration

💬 WhatsApp Ordering Integration

  • “Order Online” button via WhatsApp
  • Pre-filled message for quick ordering
  • Works instantly without backend

Hero Section
Hero Section with Call-to-Action Buttons


🍔 Dynamic Menu System

  • Menu rendered using JavaScript
  • Easily editable via script.js
  • Includes:
    • Images
    • Descriptions
    • Pricing
  • Lazy-loaded images for performance

Menu Section
Dynamic Menu Rendering


⭐ Customer Reviews Section

  • Dynamically rendered reviews
  • Star rating system (★ / ☆)
  • Easy to update

📍 Location & Contact System

  • Google Maps embed integration
  • Address + working hours display
  • Clean contact layout

Contact Section
Contact Section with Map


📧 Contact Form (Demo)

  • Accessible form with labels
  • Inline success message (no alerts)
  • Keyboard-friendly inputs
  • Note: Form is frontend-only (no backend storage)

Contact Form
Accessible Contact Form


⚡ Performance Optimized

  • No heavy libraries or frameworks
  • Optimized assets and layout
  • Smooth scrolling navigation
  • Minimal JavaScript footprint

♿ Accessibility Features

  • Skip-to-content link
  • ARIA labels for better screen reader support

About

A modern, mobile-friendly restaurant website template designed to help small businesses increase direct calls and orders without relying on third-party platforms.

Topics

Resources

License

Stars

0 stars

Watchers

1 watching

Forks

Contributors