diff --git a/docs/pharma-erp/QUOTATION_README.md b/docs/pharma-erp/QUOTATION_README.md new file mode 100644 index 00000000..5a339da7 --- /dev/null +++ b/docs/pharma-erp/QUOTATION_README.md @@ -0,0 +1,241 @@ +# Pharma ERP System Quotation for Akram Laboratories + +## 📄 Document Details + +**File**: `quotation-akram-laboratories.html` +**Client**: Akram Laboratories +**Developer**: CodeStorm Hub (GitHub Organization) +**Quote Number**: AKL-2026-001 +**Date**: January 11, 2026 +**Valid Until**: March 11, 2026 (60 days) + +--- + +## 💰 Pricing Summary + +| Item | Amount (BDT) | +|------|--------------| +| **Main System Development** | ৳60,000 | +| **PWA Enhancement** | ৳10,000 | +| **Total Development Cost** | **৳70,000** | +| **Annual Maintenance (AMC)** | ৳12,000/year | + +### AMC Terms +- **Year 1**: FREE (included in development cost) +- **Year 2 onwards**: ৳12,000/year + +--- + +## 📋 What's Included + +### 1. System Requirements & Features (150+) +- **Master Data Management** (8 features) +- **Pharmaceutical Inventory Management** (12 features) +- **Procurement Management** (8 features) +- **Sales & Distribution** (10 features) +- **Accounting & Finance** (14 features) +- **Point of Sale (POS) System** (12 features) +- **Compliance & Audit Controls** (10 features) +- **Reporting & Analytics** (12 features) + +### 2. User Stories (18) +Stories covering 6 user roles: +- Warehouse Operator +- QA/QC Officer +- Sales User +- Finance User +- POS Cashier +- Management + +### 3. Entity Relationship Diagram (ERD) +- Full ERD diagram with 30+ entities +- Visual representation using Mermaid.js +- Shows relationships between all modules + +### 4. Technical Specifications +- Frontend Technologies (Next.js 16, React 19, Tailwind CSS v4) +- Backend Technologies (PostgreSQL, Prisma, NextAuth) +- Security Features (RBAC, Encryption, Audit Logs) +- Performance Features (Materialized Views, Indexing, SSR) + +### 5. Implementation Timeline (20 Weeks) +- **Phase 1** (Weeks 1-4): Database & Core Services +- **Phase 2** (Weeks 5-7): ERP API Layer +- **Phase 3** (Weeks 8-11): ERP UI Components +- **Phase 4** (Weeks 12-14): POS Module +- **Phase 5** (Weeks 15-17): Integration & Testing +- **Phase 6** (Weeks 18-20): Deployment & Training + +### 6. Terms & Conditions +Complete terms covering: +- Payment milestones +- AMC details +- Client responsibilities +- Deliverables +- Intellectual property +- Warranty & support +- Confidentiality + +--- + +## 🖨️ How to Use + +### Option 1: Open in Browser +1. Open `quotation-akram-laboratories.html` in any modern web browser +2. Click the "Print / Save as PDF" button at the top +3. Choose "Save as PDF" or "Microsoft Print to PDF" as your printer +4. Save the PDF file + +### Option 2: Direct Print +1. Open `quotation-akram-laboratories.html` in browser +2. Use Ctrl+P (Windows/Linux) or Cmd+P (Mac) +3. Select your printer and print + +### Option 3: Serve Locally +```bash +cd docs/pharma-erp +python3 -m http.server 8888 +# Open http://localhost:8888/quotation-akram-laboratories.html in browser +``` + +--- + +## ✨ Design Features + +### Professional Layout +- ✅ A4 size (210mm width) for perfect printing +- ✅ Proper page breaks for multi-page printing +- ✅ Professional gradient colors +- ✅ Modern card-based layout +- ✅ Proper spacing and typography + +### Visual Elements +- ✅ Color-coded pricing boxes +- ✅ Module cards with left border accents +- ✅ Check-mark icons for feature lists +- ✅ Gradient section headers +- ✅ Professional signature section +- ✅ ERD diagram with visual relationships + +### Responsive Design +- ✅ Looks great on screen (responsive) +- ✅ Prints perfectly on A4 paper +- ✅ Print button hidden when printing +- ✅ Exact colors preserved in PDF + +--- + +## 📊 Content Structure + +### Page 1 +- Header with company branding +- Client information +- Pricing summary with highlight boxes +- AMC terms + +### Page 2-4 +- System requirements & features (8 modules) +- Detailed feature lists with check marks +- Module descriptions + +### Page 5 +- User stories for 6 roles +- Use case descriptions + +### Page 6 +- ERD diagram +- Entity descriptions +- Relationship mappings + +### Page 7 +- Technical specifications +- Frontend & backend technologies +- Security & performance features + +### Page 8 +- Implementation timeline (20 weeks) +- Phase-by-phase breakdown +- Deliverables per phase + +### Page 9 +- Terms & conditions +- Payment terms +- Client responsibilities +- Deliverables list + +### Page 10 +- Expected outcomes & success metrics +- Contact information +- Signature section + +--- + +## 🔧 Technical Details + +### Dependencies (CDN) +- **Tailwind CSS**: For styling and responsive design +- **Mermaid.js**: For ERD diagram rendering + +### Browser Compatibility +- Chrome/Edge (recommended) +- Firefox +- Safari +- Any modern browser with ES6+ support + +### File Size +- HTML: ~52 KB (1,011 lines) +- Generated PDF: ~500 KB (estimated) + +--- + +## 📝 Important Notes + +### For Client (Akram Laboratories) +1. **Domain & Hosting**: Client bears all costs + - Estimated hosting: ৳3,000-5,000/month + - Domain: ৳1,500-2,500/year + +2. **Additional Features**: Charged separately after requirements finalization + +3. **Feedback Timeline**: 3 business days per milestone + +### For Developer (CodeStorm Hub) +1. **Source Documentation**: All references from `/docs/pharma-erp/` directory +2. **System Design**: Based on SRS and implementation plan +3. **Quotation Validity**: 60 days from issue date + +--- + +## 🔗 Related Documents + +- [Software Requirements Specification](./Software-Requirements-Specification-Pharma-Inventory-and-Accounts-ERP.md) +- [Executive Summary](./PHARMA_ERP_EXECUTIVE_SUMMARY.md) +- [Implementation Plan](./PHARMA_ERP_POS_IMPLEMENTATION_PLAN.md) +- [Database Schema](./DATABASE_SCHEMA.md) +- [Quick Start Guide](./PHARMA_ERP_QUICK_START.md) +- [Implementation Status](./IMPLEMENTATION_STATUS.md) + +--- + +## 📞 Next Steps + +1. **Review**: Client reviews the quotation carefully +2. **Questions**: Schedule a demo/consultation call if needed +3. **Finalize**: Finalize all requirements +4. **Sign**: Sign the contract +5. **Begin**: Start Phase 1 development + +--- + +## 📧 Contact + +For questions or clarifications about this quotation: +- **Organization**: CodeStorm Hub +- **GitHub**: github.com/CodeStorm-Hub +- **Email**: [Contact via GitHub] + +--- + +**Generated**: January 11, 2026 +**Last Updated**: January 11, 2026 +**Version**: 1.0 diff --git a/docs/pharma-erp/quotation-akram-laboratories.html b/docs/pharma-erp/quotation-akram-laboratories.html new file mode 100644 index 00000000..ee5becb7 --- /dev/null +++ b/docs/pharma-erp/quotation-akram-laboratories.html @@ -0,0 +1,1071 @@ + + +
+ + +Software Development Organization
+ +With Integrated Point of Sale (POS) Module
++ Includes: Bug fixes, minor updates, technical support, security patches, and system maintenance. +
++ Progressive Web App (PWA) is an advanced web technology that makes your pharmacy system work like a native mobile app while being accessed through a web browser. +
+ ++ Why PWA Costs Extra (৳10,000): Requires specialized development for offline data synchronization, + service worker implementation, background sync queues, local database (IndexedDB), conflict resolution, + and extensive testing across devices and network conditions. +
++ Simplified ERD showing core entities and relationships (Full schema includes 30+ tables) +
+ ++ ⚡ Accelerated Development Schedule: Complete system delivery in just 30 days +
++ Our experienced team will work in parallel sprints to deliver the complete ERP + POS system within 1 month. + This timeline is achievable because Phase 1 (Database) and Phase 2 (Services) are already 100% complete. +
++ This quotation is valid for 30 days from the date of issue. Pricing and terms are subject to change after this period. +
+ +This quotation is confidential and intended solely for Akram Laboratories.
+Generated by CodeStorm Hub | Quote #: AKL-2026-001 | Date: January 11, 2026
+- {config.categories.subtitle} + {subtitleTranslations[config.categories.subtitle] + ? t(subtitleTranslations[config.categories.subtitle]) + : config.categories.subtitle}
)}- {category._count.products} {category._count.products === 1 ? 'Item' : 'Items'} + {category._count.products === 1 + ? t("item", { count: category._count.products }) + : t("items", { count: category._count.products })}
- {config.featuredProducts.subtitle} + {subtitleTranslations[config.featuredProducts.subtitle] + ? t(subtitleTranslations[config.featuredProducts.subtitle]) + : config.featuredProducts.subtitle}
)}- Check back soon for amazing deals! + {t("checkBackSoon")}
- Fresh additions to our collection + {t("freshAdditions")}
- Our most popular products + {t("mostPopular")}
diff --git a/src/components/storefront/hero-section.tsx b/src/components/storefront/hero-section.tsx index 0532b474..edc97c29 100644 --- a/src/components/storefront/hero-section.tsx +++ b/src/components/storefront/hero-section.tsx @@ -22,6 +22,7 @@ import type { HeroSection as HeroSectionConfig } from "@/lib/storefront/types"; import { GRID_PATTERN_SVG } from "@/lib/storefront/defaults"; import { ShoppingBag, ArrowRight, Sparkles, Play } from "lucide-react"; import { useEffect, useState, useRef } from "react"; +import { useTranslations } from "next-intl"; interface HeroSectionProps { config: HeroSectionConfig; @@ -150,6 +151,7 @@ export function HeroSection({ config, storeName, storeSlug }: HeroSectionProps) const [mounted, setMounted] = useState(false); const [parallaxOffset, setParallaxOffset] = useState(0); const heroRef = useRef