{"repo":"arnobt78/CoffeeShop-Landing-Page-1--NextJS-Frontend","free":true,"listed":false,"github":"https://github.com/arnobt78/CoffeeShop-Landing-Page-1--NextJS-Frontend","clone":"git clone https://github.com/arnobt78/CoffeeShop-Landing-Page-1--NextJS-Frontend.git","description":"A modern, fully responsive coffee shop landing page built with Next.js 15, React, TypeScript, and TailwindCSS. This project is designed for learning and instruction: it showcases the App Router, client & server components, advanced animations (GSAP, Framer Motion, Locomotive Scroll), SEO metadata, component-based structure","language":"TypeScript","stars":38,"topics":["coffee-shop","framer-motion","frontend-development","gsap","locomotive-scroll","nextjs","swiper","tailwindcss","typescript","coffee-lovers"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"Coffee Shop 1 Landing Page - Next.js, TypeScript, TailwindCSS, GSAP, Framer Motion Frontend Project A modern, fully responsive coffee shop landing page for Coffee & Joy - Zenbrew , built with Next.js 15, React, TypeScript, and TailwindCSS. This project is designed for learning and instruction: it showcases the App Router, client and server components, advanced animations (GSAP, Framer Motion, Locomotive Scroll), SEO metadata, and a component-based structure you can reuse in other projects. - Live Demo: https://coffeeshop-ui-1.vercel.app/ Table of Contents - Project Overview - Features - Tech Stack & Dependencies - Project Structure - Getting Started - Environment Variables & .env - Available Scripts - Routes & Pages - Components Walkthrough - How Features Work - Reusing Components in Other Projects - Keywords - Conclusion - License --- Project Overview This is a static frontend website for a fictional coffee shop Coffee & Joy - Zenbrew . There is no backend or API : all content is in components and data arrays. The project is ideal for learning: - Next.js App Router – file-based routing, app/layout.tsx , app/page.tsx - TypeScript – typed props, interfaces, and type-safe JSX - TailwindCSS – utility classes, custom theme (colors, fonts, breakpoints) - Animations – GSAP ScrollTrigger (horizontal scroll), Framer Motion (nav, letters), Locomotive Scroll (smooth scroll & parallax) - SEO – metadata, Open Graph, Twitter Cards, canonical URL in app/layout.tsx The single page flows: He","default_branch":null,"files":null,"tree":[],"storefront":"/r/arnobt78","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/arnobt78/CoffeeShop-Landing-Page-1--NextJS-Frontend/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}