The Golden Yurt Cafe Website

Welcome to the Golden Yurt Cafe website! This site showcases the best of Central Asian cuisine. It includes a homepage with a video, images, testimonials, a menu button, Google Maps directions, and more. It is built using Next.js, TypeScript, Tailwind CSS for responsive styling, Framer Motion for animations, ShadCN UI for reusable components, Nodemailer for handling reservations and contact forms, React Hook Form for form validation, and React Toast for notifications.

Tech Stack

• Next.js: React framework for building the website.
• TypeScript: Ensures type safety throughout the application.
• Tailwind CSS: Utility-first CSS framework for responsive styling.
• Framer Motion: Adds animations to enhance user interactions.
• ShadCN UI: Reusable UI components for faster development.
• Nodemailer: Handles email notifications for reservations and contact forms.
• React Hook Form: Provides form validation and management.
• React Toast: Displays notifications to the user.

Features

• Homepage: Includes a video, images, testimonials, a menu button, and Google Maps directions.
• About Page: Provides information about the cafe, its history, and its mission.
• Menu Page: Displays the full menu with detailed items.
• Reservation Page: A reservation form integrated with Nodemailer to send email notifications upon submission.
• Contact Page: A contact form that sends inquiries via Nodemailer.
• Header: Includes the cafe's logo, navigation menu, and social media icons.
• Footer: Displays the cafe's logo, opening hours, Google Maps directions, and location information.