Premium artisan tea e-commerce website built with Next.js 16, Tailwind CSS v4, and shadcn/ui.
- Modern Stack - Next.js 16 with React 19 and Turbopack
- Beautiful UI - Built with shadcn/ui components and Tailwind CSS v4
- Responsive Design - Mobile-first approach with smooth animations
- Dark Mode Ready - CSS variables for easy theming
- Type Safe - Full TypeScript support
- Hero section with call-to-action
- Product collection with tea varieties
- About section highlighting values
- Newsletter subscription
- Responsive header with mobile menu
- Footer with navigation links
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/abhid1234/SereneLeaf.git
cd SereneLeaf
# Install dependencies
npm install
# Start development server
npm run devOpen http://localhost:3000 to view the site.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm run start |
Run production build |
npm run lint |
Run ESLint |
├── app/
│ ├── globals.css # Tailwind & theme variables
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page
├── components/
│ ├── ui/ # shadcn/ui components
│ │ ├── button.tsx
│ │ ├── card.tsx
│ │ └── input.tsx
│ ├── header.tsx # Navigation header
│ ├── hero.tsx # Hero section
│ ├── about.tsx # About section
│ ├── products.tsx # Product grid
│ ├── newsletter.tsx # Email signup
│ └── footer.tsx # Site footer
├── lib/
│ └── utils.ts # Utility functions
└── public/ # Static assets
- Next.js 16 - React framework
- React 19 - UI library
- Tailwind CSS v4 - Utility-first CSS
- shadcn/ui - Component library
- Lucide React - Icons
- TypeScript - Type safety
MIT