Initial commit: Shahi Kitchen premium website
- Royal cream + gold theme - Playful animated hero with chef mascot - Advanced menu with sidebar + video hover - Multilingual support (EN, SV, HI, UR) - Cart system with WhatsApp ordering - Real restaurant photos integration - Responsive design with proper navbar
This commit is contained in:
@@ -1,36 +1,98 @@
|
||||
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
|
||||
# Shahikitchen — Animated Restaurant Website
|
||||
|
||||
## Getting Started
|
||||
This directory contains the official website for **Shahi Kitchen**, a popular Indian & Pakistani restaurant in Gothenburg (Göteborg), Sweden.
|
||||
|
||||
First, run the development server:
|
||||
**Domain**: [shahikitchen.se](https://shahikitchen.se)
|
||||
|
||||
```bash
|
||||
npm run dev
|
||||
# or
|
||||
yarn dev
|
||||
# or
|
||||
pnpm dev
|
||||
# or
|
||||
bun dev
|
||||
---
|
||||
|
||||
## About Shahi Kitchen
|
||||
|
||||
Shahi Kitchen is an authentic Indian and Pakistani restaurant specializing in flavorful curries, tandoori dishes, biryanis, haleem, fresh naan, and traditional sweets. The restaurant is particularly well-known for its generous **lunch buffet**, which offers excellent value and is popular among locals in the Gothenburg area.
|
||||
|
||||
### Key Information
|
||||
|
||||
| Detail | Information |
|
||||
|---------------------|--------------------------------------------------|
|
||||
| **Full Name** | Shahi Kitchen (Shahikitchen / Shahi Kitchen Sisjön) |
|
||||
| **Cuisine** | Indian & Pakistani (Halal options available) |
|
||||
| **Address** | Datavägen 10A, 436 32 Askim, Sweden |
|
||||
| **Area** | Sisjön / Askim (suburb of Gothenburg) |
|
||||
| **Phone** | 031-28 89 10 / 0739-381089 (Imran) |
|
||||
| **Email** | hello@shahikitchen.se |
|
||||
| **Opened** | Around 2016 |
|
||||
| **Specialties** | Lunch buffet, Biryani, Lamb Karahi, Curries, Sweets (Shahi Sweets) |
|
||||
|
||||
### Current Online Presence
|
||||
|
||||
- **Instagram**: [@shahikitchen](https://www.instagram.com/Shahikitchen/)
|
||||
- **Facebook**: [facebook.com/shahikitchengbg](https://www.facebook.com/shahikitchengbg/)
|
||||
- **Reviews**: ~4.1/5 on Google (600+ reviews)
|
||||
- **Note**: As of 2026, the domain `shahikitchen.se` is parked. This project will give the restaurant a proper modern website.
|
||||
|
||||
---
|
||||
|
||||
## Tech Stack
|
||||
|
||||
- **Next.js 15** (App Router) + TypeScript
|
||||
- **Tailwind CSS**
|
||||
- **GSAP** — for advanced scroll and UI animations
|
||||
- **React Three Fiber** — for 3D experiences (dishes)
|
||||
- **Spline** (optional) — for high-quality hosted 3D scenes
|
||||
- **Framer Motion** (optional alternative to GSAP for simpler animations)
|
||||
|
||||
---
|
||||
|
||||
## Project Structure (Planned)
|
||||
|
||||
```
|
||||
shahikitchen/
|
||||
├── app/
|
||||
│ ├── layout.tsx
|
||||
│ ├── page.tsx # Homepage (Hero + Menu + About + Contact)
|
||||
│ └── globals.css
|
||||
├── components/
|
||||
│ ├── MenuSection.tsx
|
||||
│ ├── Dish3D.tsx # React Three Fiber or Spline component
|
||||
│ ├── ReservationForm.tsx
|
||||
│ └── ...
|
||||
├── lib/
|
||||
│ └── menu-data.ts # Menu items
|
||||
├── public/
|
||||
│ └── images/
|
||||
└── ...
|
||||
```
|
||||
|
||||
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
||||
---
|
||||
|
||||
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
|
||||
## Development
|
||||
|
||||
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
|
||||
### Getting Started
|
||||
|
||||
## Learn More
|
||||
```bash
|
||||
# Install dependencies
|
||||
npm install
|
||||
|
||||
To learn more about Next.js, take a look at the following resources:
|
||||
# Run development server
|
||||
npm run dev
|
||||
```
|
||||
|
||||
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
|
||||
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
|
||||
Open [http://localhost:3000](http://localhost:3000) in your browser.
|
||||
|
||||
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
|
||||
### Planned Features (in order)
|
||||
|
||||
## Deploy on Vercel
|
||||
1. ✅ Create Next.js project
|
||||
2. ⏳ Build normal restaurant homepage (Hero, Navigation, About)
|
||||
3. ⏳ Add menu items (name, description, price)
|
||||
4. ⏳ Style with Tailwind CSS
|
||||
5. ⏳ Add animations (GSAP / Framer Motion)
|
||||
6. ⏳ Add 3D dishes (React Three Fiber + Spline)
|
||||
7. ⏳ Reservation / Contact form
|
||||
8. ⏳ Mobile responsive
|
||||
9. ⏳ Deploy to Vercel
|
||||
|
||||
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
|
||||
---
|
||||
|
||||
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
|
||||
## License
|
||||
|
||||
This project is being built for Shahi Kitchen. All rights reserved.
|
||||
|
||||
Reference in New Issue
Block a user