Create a modern, professional, responsive e-commerce website...

Prompt

Create a modern, professional, responsive e-commerce website for an electrical products business in India. ### Business Type An electrical shop/supplier selling electrical products for homes, offices, industries, electricians, contractors, and builders. ### Main Product Categories * Wires & Cables * Switches & Sockets * MCBs, RCCBs & Distribution Boards * LED Bulbs & Lights * Fans * Electrical Accessories * Conduits & Pipes * Plugs, Adapters & Extension Boards * Switchgear * Industrial Electrical Products * Tools & Testing Equipment * Home Electrical Appliances ### Design Use a clean, premium, trustworthy electrical-industry design. The interface should feel: * Professional * Reliable * Modern * Fast * Easy to navigate * Suitable for both retail and wholesale customers Use a strong visual hierarchy, excellent spacing, high-quality product photography, clear product cards, subtle animations, and a mobile-first responsive layout. ### Header Create a sticky header containing: * Business logo * Home * Products * Categories * Brands * Offers * About Us * Contact * Search * Wishlist * Shopping Cart * Login/Register Include a prominent search bar with autocomplete. ### Homepage Create these sections: 1. **Hero Section** * Large electrical-products visual * Headline: "Powering Homes. Businesses. Industries." * Subheading explaining the company's products and services * "Shop Products" CTA * "Get a Quote" CTA 2. **Product Categories** Display attractive category cards with icons/images. 3. **Featured Products** Product cards should show: * Product image * Product name * Brand * Rating * Price * Discount * Stock status * Add to Cart * Buy Now * Wishlist 4. **Popular Brands** Display supported electrical brands in a professional logo grid. 5. **Why Choose Us** * Genuine Products * Competitive Pricing * Fast Delivery * Secure Payments * Expert Support * Wholesale Pricing 6. **Deals & Offers** Create promotional banners for discounts and bulk purchases. 7. **Bulk / Wholesale Enquiry** Add a dedicated section for contractors, builders, electricians, and businesses. Include a "Request Bulk Quote" button. 8. **Customer Reviews** Display verified customer reviews and ratings. 9. **Trust Section** Show: * Years of experience * Products available * Customers served * Brands available 10. **Contact Section** Include: * Phone * WhatsApp * Email * Store address * Business hours * Map ### Product Listing Page Create a powerful product catalog with: * Category filters * Brand filter * Price range * Rating * Availability * Product specifications * Discount * Sort by price * Sort by popularity * Sort by newest * Search * Grid/list view * Pagination ### Product Details Page Each product should include: * Large product gallery * Product name * Brand * SKU * Price * MRP * Discount * GST information * Stock availability * Quantity selector * Add to Cart * Buy Now * Wishlist * Product description * Technical specifications * Datasheet/download option * Warranty information * Delivery information * Customer reviews * Related products ### Shopping Cart Create a complete cart system with: * Product quantity controls * Remove item * Save for later * Price breakdown * Discounts * GST * Delivery charges * Total amount * Apply coupon * Proceed to checkout ### Checkout Include: * Login/guest checkout * Customer details * Multiple addresses * Delivery address * Shipping method * Coupon * GST invoice details * Order summary * Payment method * Place Order Support common Indian payment methods such as: * UPI * Credit/Debit Cards * Net Banking * Cash on Delivery where applicable ### Customer Account Create a dashboard containing: * Profile * Orders * Order tracking * Saved addresses * Wishlist * Saved products * Invoices * Returns/refunds * Support requests ### Business Features Support both retail and B2B customers. Add: * Bulk ordering * Request quotation * GSTIN field * Business account * Wholesale pricing * Minimum order quantities * Product availability * Dealer/contractor enquiries * Downloadable invoices * Order history ### Admin Dashboard Create an admin panel for managing: * Products * Categories * Brands * Inventory * Orders * Customers * Wholesale customers * Coupons * Discounts * Reviews * Banners * Payments * Returns/refunds * Delivery * Quotes * Contact enquiries ### Inventory Logic Maintain: * On-Hand Stock * Reserved Stock * Available Stock Calculate: Available Stock = On-Hand Stock - Reserved Stock Never allow Available Stock to become negative. All inventory modifications must use database transactions to prevent race conditions and overselling. ### Search Implement fast product search with: * Product name * SKU * Brand * Category * Specifications Include autocomplete and relevant search suggestions. ### Notifications Provide notifications for: * Order confirmation * Payment confirmation * Order shipped * Order delivered * Low inventory * Quote updates * Returns/refunds Use email, SMS, and WhatsApp where supported. ### SEO Implement: * SEO-friendly URLs * Product schema * Organization schema * Breadcrumbs * Meta titles/descriptions * Sitemap * Robots.txt * Optimized images * Fast page loading ### Security Implement: * Secure authentication * Role-based access control * Input validation * Secure payments * Protected admin routes * HTTPS-ready architecture * Protection against common web vulnerabilities ### Responsive Design The entire website must work perfectly on: * Desktop * Laptop * Tablet * Mobile Do not simply shrink the desktop interface. Create a properly optimized mobile experience. ### UX Requirements Prioritize: * Fast navigation * Minimal clicks * Clear CTAs * Excellent product discoverability * Easy checkout * Accessibility * Loading states * Empty states * Error handling * Success confirmations Add subtle animations and hover effects without making the website feel slow or distracting. ### Final Quality Check After building the website, inspect the entire application as if you were a real customer. Ask: 1. Is the website visually professional? 2. Can users quickly find electrical products? 3. Does search work correctly? 4. Do category filters work? 5. Does the cart work? 6. Does checkout work? 7. Is inventory handled correctly? 8. Can wholesale customers request quotes? 9. Are product specifications easy to understand? 10. Does the website work properly on mobile? 11. Are loading, error, and empty states handled? 12. Is the navigation intuitive? 13. Are there broken buttons, links, or forms? 14. Is the design consistent? 15. Are security and authorization properly implemented? Fix every issue you discover. Then perform another complete review and continuously improve the website until it feels like a polished, production-ready electrical-commerce platform. Do not create a generic template. Make the website feel like a real, trustworthy Indian electrical-products company.

A system prompt was added to support web rendering