A modern, single-page marketing landing page for Jaboo, an on-demand ride-hailing app for Bangladesh.
- 🚀 Next.js 14 with App Router and TypeScript
- 🎨 Tailwind CSS for styling
- 🧩 ShadCN UI components
- 📱 Mobile-first responsive design
- ✨ Smooth scrolling navigation
- 🎯 Single-page layout with all sections
- Sticky Navigation - Smooth scroll to sections
- Hero Section - Bold headline with CTAs
- Features - Key value propositions
- How It Works - 4-step process
- Ride Options - Bike, Car, Microbus, CNG
- Safety - Safety features and trust indicators
- FAQ - Accordion-style questions
- Download - App store links
- Footer - Quick links and company info
- Node.js 18+
- npm or yarn
- Install dependencies:
npm install- Run the development server:
npm run dev- Open http://localhost:3000 in your browser.
npm run build
npm start- Next.js 14 - React framework with App Router
- TypeScript - Type safety
- Tailwind CSS - Utility-first CSS
- ShadCN UI - Component library
- Lucide React - Icon library
- Radix UI - Accessible component primitives
Primary color (green) is defined in app/globals.css:
--primary: 142 71% 45%;You can modify this to change the brand color throughout the site.
All content is in app/page.tsx. Edit the sections to update text, features, and other content.
MIT