A premium and fully responsive single-page restaurant website crafted for luxury fine-dining experiences.
Designed with elegant dark aesthetics, immersive visuals, smooth animations, and interactive UI elements to deliver a sophisticated digital presence for modern culinary brands.
🏆 Officially part of GirlScript Summer of Code 2026 (GSSoC'26)
- ✨ Features
- 🛠️ Tech Stack
- 📂 Project Structure
- 🚀 Getting Started
- 🎨 Customization
- 🌟 Future Improvements
- 🤝 Contributing
- 📜 License
- 💖 Acknowledgements
- ⭐ Support
- 🔗 Repository
- Elegant dark-themed luxury interface
- Built-in dark/light theme toggle
- Gold-accented modern design
- Premium typography using:
- Cormorant Garamond
- Inter
- Smooth transitions and hover effects
Interactive category-based menu tabs:
- 🍳 Breakfast
- 🥗 Lunch
- 🍽️ Dinner
- 🍰 Desserts
- 🍸 Drinks
Switch seamlessly between menu sections without page reloads. Search and veg/non-veg filters help users quickly discover matching dishes.
- Mobile-first architecture
- Responsive layouts for all devices
- Hamburger navigation menu
- Optimized user experience across screen sizes
- Sticky glassmorphism navbar
- Smooth scrolling navigation
- Scroll reveal animations
- Hover effects and transitions
- Parallax scrolling backgrounds
- Interactive 3D menu cards
- Customer review submission with local storage
- Interactive reservation form
- Date validation
- Prevents past-date booking
- Success feedback animations
- Embedded Google Maps support
- Location section with address, contact details, hours, and social links
| Technology | Purpose |
|---|---|
| HTML5 | Semantic structure |
| CSS3 | Styling, layouts & animations |
| JavaScript (ES6+) | Dynamic interactions |
| Google Fonts | Premium typography |
| Intersection Observer API | Scroll animations |
The-Lighthouse/
│
├── images/
│ ├── breakfast.jpg
│ ├── Butter_Chicken.jpg
│ ├── chef.jpg
│ ├── Chicken_Keema_Dosa.jpg
│ ├── dinner.jpg
│ ├── drinks.jpg
│ ├── Fresh_Lime_Soda.jpg
│ ├── Gulab_Jamun.jpg
│ ├── hero-restaurant.jpg
│ ├── Hyderabadi_Chicken_Biryani.jpg
│ ├── Idli_Sambar.jpg
│ ├── Kulfi.jpg
│ ├── lunch.jpg
│ ├── Mango_Lassi.jpg
│ ├── Masala_Chai.jpg
│ ├── MasalaDosa.jpg
│ ├── Paneer_Butter_Masala.jpg
│ └── Rasmalai.jpg
│
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── Favicon.ico
├── index.html
├── LICENSE
├── Readme.md
├── robots.txt
├── SECURITY.md
├── sitemap.xml
├── script.js
└── style.cssgit clone https://github.com/anushkasark08/The-Lighthouse.gitcd The-LighthouseOpen the index.html file directly in your browser.
OR use the VS Code Live Server extension for a better development experience.
This website is tested and supported on:
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
- Brave Browser
- Opera
- Fork the repository
- Open repository Settings
- Navigate to Pages
- Select the main branch
- Save changes
Your website will be deployed automatically.
- Visit Netlify
- Drag and drop the project folder
- Deployment will start automatically
- Import the GitHub repository
- Click Deploy
- Vercel will build and host the project
- Semantic HTML structure
- Mobile responsive layout
- Keyboard-friendly navigation
- Smooth scrolling support
- Readable typography and contrast
- Accessible navigation menu
Make sure all images are inside the images/ folder with correct file names.
Ensure JavaScript is enabled in your browser.
This project uses CSS Variables for easy theme customization.
Modify colors inside style.css:
:root {
--color-primary: #c9a962;
--color-bg: #1a1714;
--color-text: #f5f2ed;
--transition: 0.3s ease;
}- Online reservation backend
- Newsletter subscription backend
- Payment gateway integration
- Food ordering functionality
- Multi-language support
- Accessibility improvements
Contributions are welcome and appreciated.
-
Fork the repository
-
Create a feature branch
git checkout -b feature-name- Commit your changes
git commit -m "Added new feature"- Push the branch
git push origin feature-name- Open a Pull Request
Thanks to all the amazing people who contribute to The Lighthouse 🚀
This project is licensed under the MIT License.
Developed with passion by Anushka Sarkar
Special thanks to:
- GirlScript Summer of Code 2026
- Open-source contributors ❤️
If you like this project:
- Give it a ⭐ on GitHub
- Share it with others
- Contribute to improve it further
GitHub Repository:
https://github.com/anushkasark08/The-Lighthouse





