Skip to content

Premium restaurant landing page built with React and GSAP, featuring scroll-based animations and high-end UI execution.

Notifications You must be signed in to change notification settings

Xebec13/Gericht-Restaurant

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🍷 Gericht Restaurant — Modern Fine Dining Website

Live (open in new tab)

A premium restaurant landing page built with React, Tailwind CSS, and GSAP.
The design highlights luxury dining through smooth animations, immersive visuals, and elegant typography.

Built by Xebec13.


✨ Features

  • 🎬 Hero Section: Catchy headline, CTA, and immersive background
  • 📖 About Us & History: Brand story with styled imagery
  • 🍷 Menu Showcase: Wines, beers, and cocktails with pricing & details
  • 👨‍🍳 Chef’s Word: Personal message from the founder with signature
  • 🏆 Awards & Recognition: Achievements and accolades
  • 📸 Instagram Gallery: Grid-based photo gallery with hover animations
  • 📍 Contact & Location: Address, phone numbers, and working hours
  • 📰 Newsletter Section: Subscription CTA
  • Fully animated with GSAP transitions and parallax
  • 📱 Responsive design across all devices

🛠 Tech Stack

  • React
  • Tailwind CSS
  • GSAP 3
  • React Icons

🚀 Installation

  1. Clone the repository:
    git clone https://github.com/Xebec13/Gericht-Restaurant.git

  2. Install dependencies and run: npm install npm run dev


🎥 Preview GIFs

GIFs are stored locally in ./src/assets/gifs/

Hero + About

Hero + About

Menu + Chef + Awards

Menu + Chef + Awards

Gallery + Contact + Newsletter

Gallery + Contact

About

Premium restaurant landing page built with React and GSAP, featuring scroll-based animations and high-end UI execution.

Topics

Resources

Stars

Watchers

Forks