HungryHub Marketing Landing Page

A responsive marketing landing page built with Next.js, TypeScript, and Tailwind CSS for the HungryHub take-home project.

The page is positioned around HungryHub as a dining discovery and booking platform, with curated restaurant experiences across Thailand and Singapore.

Tech Stack

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• Framer Motion
• ESLint

Features

• Responsive landing page layout
• Reworked HungryHub-focused brand and content
• Reusable section, navigation, and CTA components
• Local image assets for non-hero photography
• Static production build support

Getting Started

Prerequisites

• Node.js 20+
• npm

Install Dependencies

npm install

Run Locally

npm run dev

Open http://localhost:3000 in your browser.

Available Scripts

npm run dev

Starts the local development server.

npm run lint

Runs ESLint across the project.

npm run test

Runs the Vitest component test suite.

npm run build

Creates a production build.

npm run start

Starts the production server after building.

Project Structure

src/app/                App Router entry files
src/components/         Shared page components
src/components/home/    Landing page sections
src/components/navigations/ Header and footer
public/home/            Hero and section artwork
public/stocks/          Downloaded local stock photos
public/social-media/    Social icons

Deployment

This project is ready to deploy on Vercel.

1. Push the repo to GitHub
2. Import the repository into Vercel
3. Use the default Next.js settings
4. Deploy

No environment variables are required for the current version.

Notes

• The production build uses next build --webpack for a more stable build path in this repo.
• Fonts are local-safe and do not depend on Google Fonts during build.