inner-batteries

byجیلر Ss

Build a complete modern e-commerce website for a lithium battery business. Business Name: PowerCell Batteries Tagline: High Performance Lithium Batteries for Every Need GOAL: Create a fully working website with both frontend and backend functionality. The website should allow users to browse products, add to cart, and place orders. DESIGN STYLE: - Dark theme (black/charcoal background) - Electric green accent color (#00ff88) - Inspired by Tesla/Rivian energy style - Clean, futuristic, industrial-tech UI - Smooth animations and hover effects PAGES REQUIRED: 1. Home Page - Hero section with headline: "Power Your Future" - CTA button: "Shop Now" - Featured products section - Categories: Lithium Cells, E-bike Batteries, Solar Batteries - Benefits section (Long Life, Fast Charging, Safety) - Testimonials slider - Client logos slider 2. Shop Page - Product listing with filters (price, category) - Each product card with image, price, short description 3. Product Detail Page - Full product info - Add to cart button - Specifications section 4. About Page - Company introduction - Mission and vision 5. Contact Page - Contact form - WhatsApp button - Map location BACKEND FEATURES: - Admin dashboard - Add/Edit/Delete products - Order management system - Customer data storage - Login system (admin + user) E-COMMERCE FEATURES: - Add to cart - Checkout system - Order confirmation - Payment method (Cash on Delivery + optional online payment) EXTRA FEATURES: - Mobile responsive design - Fast loading speed - SEO optimized structure - Secure form handling - WhatsApp integration for orders TECH STACK: - Frontend: React / Next.js - Backend: Node.js / Firebase / Supabase - Database: MongoDB or Firebase DB IMPORTANT: - Make the website fully functional (not just UI) - Generate clean, structured code - Ready to deploy on Vercel

HomeLoginContact
Home

Comments (0)

No comments yet. Be the first!

Home design preview
Login: Sign In
Dashboard: View Overview
Products: Add Product
Products: Edit Product
Products: Delete Product
Orders: Manage Orders
Orders: View Customer Data