nest burger

TypeScript (typed JavaScript) — main language

React 19 with TanStack Start — full-stack framework

JSX — for UI markup

Tailwind CSS v4 — styling

Framer Motion — animations & micro-interactions

وصف الموقع بالعربي:

موقع Nest Burger هو موقع عصري لمحل برجر في شبين الكوم وتلا. التصميم سينمائي وسلس، فيه:

صفحة واحدة بتمرير سلس مع حركات parallax وأنيميشن احترافية.

قسم Hero فيه صورة البرجر الرئيسية وعنوان كبير وزر Order Now.

قائمة الطعام مقسمة لـ Beef Burgers، Chicken Burgers، و Sides & Extras. كل برجر له صورة 3D خاصة.

زر عربة تسوق أصفر على كل كارت — لما تدوس عليه بيفتح اختيار الحجم (M/L)، وبعدين بيتحول لعلامة صح مكتوب "Added".

سلة مشتريات كاملة (Cart Drawer) فيها كل الأصناف، تقدر تزود الكمية أو تمسح، وفيها Checkout عبر WhatsApp.

اختيار الفرع عند الطلب: شبين الكوم أو تلا، وكل فرع برقمه على WhatsApp.

تفاصيل العميل عند الطلب: الاسم، الموبايل، والموقع — بتتبعت كلها في رسالة WhatsApp.

خرائط Google Maps لكل فرع في الفوتر.

قسم Vibe فيه صور من المحل والستاف والأكل.

قسم Offers للعروض والخصومات.

مراجعات العملاء (Reviews) بتتحرك أوتوماتيك.

تصميم 100% responsive — شكله حلو على الموبايل والديسكتوب، وممكن تدوس على الكارت على الموبايل عشان تظهر المكونات