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:
Zeeshan Khan
2026-06-01 15:14:19 +02:00
parent edd906d893
commit 56fe68eb48
314 changed files with 4129 additions and 111 deletions
+84 -22
View File
@@ -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.