World’s first lifestyle-integrated brand. Discover, try, and buy premium products right where you live, work, and relax..

ZenZebra brings curated lifestyle products directly into your daily spaces - offices, gyms, cafés, and malls. Try first, own after. No pressure, no guesswork, just better living by design.

Built with the latest modern web technologies for performance and experience:

• Framework: Next.js 16 (App Router & Turbopack)ack)
• Language: TypeScript
• Styling: Tailwind CSS v4
• Animations: Framer Motion
• Storage/Assets: Appwrite
• Monitoring: Sentry
• Linting & Formattingting: ESLint, Prettier, Husky, Lint-staged

• Node.js (Latest LTS recommended)
• pnpm (Package Manager)

1. Clone the repository:

   git clone https://github.com/Saksham-Goel1107/ZenZebra-Website.git
   
   cd "ZenZebra Website"

2. Install dependencies:

   pnpm install

3. Run the development server:

   pnpm dev

   Open http://localhost:3000 with your browser to see the result.

├── app/                  # App Router pages and layouts
│   ├── brands/            # Brands page
│   ├── catalogue/         # Catalogue viewing page
│   ├── layout.tsx         # Root layout & Metadatadata
│   └── page.tsx           # Home page
├── components/            # Reusable UI components
│   ├── Catalog.tsx        # PDF Catalogue Viewer
│   ├── Navbar.tsx         # Responsive Navigation
│   ├── Ticker.tsx         # Infinite Brand Carousel
│   └── ...
├── public/                 # Static assets
└── ....

We enforce high code quality standards using Husky and lint-staged.

• Pre-commit Hook: Automatically formats your code (Prettier) and fixes linting errors (ESLint) before you commit.
• Formatting: Ensure your editor is set to format on save or run pnpm format manually.

• Email: [email protected] | [email protected]
• Phone: +91 9910605187
• Socials: LinkedIn | Instagram

© 2026 ZenZebra. All rights reserved.