Zayn Gear
Bangladesh-First E-Commerce with Bilingual Experience
Built for
Bangladesh
A modern e-commerce platform built specifically for the Bangladesh market, featuring full bilingual support (Bengali & English), mobile-first design with bottom navigation, light/dark theme toggle, and localized checkout with district-based shipping and COD payment.
This project prioritizes the local market with Bangladesh-specific features including Cash on Delivery payment, district-based shipping, and full Bengali language support throughout the platform.
Bangladesh-First
Localized for the Bangladesh market
Bilingual Support
Full English and Bengali language support
Bilingual Experience
Full support for both Bengali and English across the entire platform. Toggle between languages to see the seamless translation system.
Bilingual Content Fields
nameBndescriptionBncategoryBntitleBnAll content is stored with both English and Bengali fields in Sanity CMS, allowing seamless switching between languages without page reload.
Delivery Across Bangladesh
Cash on Delivery available to 20 districts across all 8 divisions of Bangladesh. Select your district at checkout for accurate shipping rates.
Cash on Delivery
Pay when you receive your order
Light & Dark Modes
Seamless theme switching powered by next-themes. Respects system preference with smooth CSS transitions.
System Detection
Automatic theme based on OS
Persistent Choice
Remembers your preference
Smooth Transitions
CSS-based animations
SSR Compatible
No flash on page load
import { ThemeProvider } from 'next-themes'
// Wrap your app
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
>
{children}
</ThemeProvider>Mobile-First Navigation
Fixed bottom navigation bar with touch-optimized targets, badge counters, and smooth tab transitions.
Welcome to Zayn Gear
Mobile-First Features
Fixed Bottom Navigation
Always accessible navigation bar that stays fixed at the bottom of the screen for easy thumb access.
Badge Counters
Real-time badge updates showing cart item count and wishlist items at a glance.
Touch-Friendly Targets
Large tap targets (44x44px minimum) following iOS Human Interface Guidelines.
Safe Area Support
Proper padding for notched devices and home indicator areas on modern phones.
Smooth Transitions
Spring-based animations provide tactile feedback on navigation changes.
Try it! Click the navigation icons on the phone to see the screen transitions.
The Feature Set
Core features designed for the Bangladesh market with bilingual support, mobile-first design, and comprehensive admin capabilities.
Bilingual Experience
Full Bengali & English support across the platform
Products, categories, promotions, and UI elements support both Bengali (বাংলা) and English. Dynamic language display adapts to content availability with fallback handling.
Bangladesh Checkout
Localized checkout with district-based shipping
20+ Bangladesh districts supported with Cash on Delivery (COD) as primary payment. BDT currency formatting with proper locale and phone validation for BD numbers.
Light/Dark Theme
System-aware theme with manual toggle
Seamless theme switching with next-themes. Respects system preference, persists user choice, and includes smooth CSS transitions between modes.
Mobile-First Design
Bottom navigation and touch-optimized UI
Fixed bottom navigation bar for mobile with quick access to Home, Store, Cart, Wishlist, and Account. Touch-friendly components with proper safe area handling.
4-Tier Role System
Customer, Staff, Admin, Master Admin
Hierarchical role system with granular permissions. Master Admin controls user management, Admin handles products/orders, Staff assists with operations, Customers shop.
Comprehensive Admin
Full dashboard for products, orders, customers
Dark-mode admin dashboard with real-time stats, order management, product CRUD, customer analytics, and promotion management via Sanity CMS integration.
Review System
Star ratings with verification
Customer reviews with 5-star ratings, verified purchase badges, and admin moderation queue. Reviews stored in Supabase with RLS policies.
Wishlist & Favorites
Save products for later
Persistent wishlist with badge counts, quick add-to-cart, and localStorage persistence. Wishlist icon in header and product cards for easy access.
Modern Stack
Built with the latest technologies for performance, type safety, and developer experience.
Framework
UI & Styling
Backend
State Management
Integrations
4-Tier Role System
Hierarchical role-based access control with granular permissions for each user type.
Master Admin
Complete system control with user management
- User role management
- System settings
- All admin features
- Master controls
Admin
Full product, order, and customer management
- Product CRUD
- Order processing
- Customer management
- Analytics dashboard
Staff
Operational assistance and order support
- Order viewing
- Customer support
- Basic reports
- Inventory checks
Customer
Shopping with wishlist and order tracking
- Browse & purchase
- Wishlist
- Order tracking
- Reviews & ratings
Higher levels inherit all permissions from lower levels
Project Phases
From initial setup to launch-ready, the development journey of Zayn Gear.
Foundation
Next.js 16 setup with Turbopack, Supabase integration, and Sanity CMS configuration
Localization
Bilingual support implementation and Bangladesh-focused features
Admin & Dashboard
Comprehensive admin panel with role-based access and analytics
Mobile Optimization
Mobile-first refinements, bottom navigation, and theme toggle system
Visual Gallery
A visual tour through the key screens and features of Zayn Gear.
Bilingual Product Display
Products shown in both Bengali and English
Mobile Bottom Navigation
Fixed bottom nav with quick access icons
Theme Toggle
Light and dark mode comparison
Bangladesh Checkout
District-based shipping with COD option
Admin Dashboard
Real-time stats and order management
Role Hierarchy
4-tier role system visualization
Screenshots will be added once the site launches with products
Ready to Explore
Zayn Gear?
Visit the live site to see Bangladesh-first e-commerce in action. Products launching soon!
