SDF Clothing — Learning Hub Setup Instructions

তোমার Astro project-এ কোন ফাইল কোথায় রাখবে

your-astro-project/
├── src/
│   ├── pages/
│   │   └── insights/
│   │       └── index.astro          ← REPLACE করো (এটা নতুন Learning Hub page)
│   ├── components/
│   │   ├── FobCalculator.astro      ← NEW (FOB Price Calculator)
│   │   ├── AqlTool.astro            ← NEW (AQL Sample Size Calculator)
│   │   ├── LeadTimeEstimator.astro  ← NEW (Lead Time Estimator)
│   │   └── Glossary.astro           ← NEW (Industry Glossary)
│   └── data/
│       └── learning-hub.ts          ← NEW (all content data)

Step-by-step নির্দেশ

Step 1 — src/data/ folder তৈরি করো

তোমার project-এ যদি src/data/ folder না থাকে, তাহলে তৈরি করো।

Step 2 — data file রাখো

learning-hub.ts → src/data/learning-hub.ts

Step 3 — Components রাখো

নিচের ৪টি ফাইল → src/components/ folder-এ রাখো:

Step 4 — Main page replace করো

index.astro → src/pages/insights/index.astro (পুরনো insights/index.astro টা backup রাখতে পারো)

Step 5 — Downloads folder তৈরি করো (optional)

public/downloads/ folder তৈরি করো এবং এই ৪টি ফাইল রাখো:

যদি এখন না থাকে, Download card গুলো দেখাবে কিন্তু click করলে 404 হবে। সাময়িকভাবে href="#" করে রাখতে পারো।

কী কী নতুন feature আছে

FeatureDescription
FOB CalculatorGarment type, fabric cost, SAM, quantity দিলে FOB price breakdown দেয়
AQL CalculatorLot size + AQL levels দিলে sample size ও Ac/Re numbers দেয়
Lead Time EstimatorProduct type, destination, shipping mode দিলে T&A breakdown দেয়
Industry Glossary20টি searchable + filterable industry terms
Learning Paths3টি curated reading sequence
Article FilterSector filter + live search সব articles-এ
Downloadable Resources4টি template/checklist card
Newsletter signupEmail capture (Web3Forms বা তোমার endpoint দিয়ে replace করো)
Sector pillsHero-এর sector pills click করলে article list filter হয়

Newsletter endpoint বদলানো

index.astro ফাইলের এই অংশটা খোঁজো:

// Replace this with your actual form endpoint (Web3Forms, Mailchimp, etc.)
this.innerHTML = '<p ...>✓ Subscribed...</p>';

এখানে তোমার Web3Forms বা Mailchimp API call যোগ করো।

TypeScript issue হলে

learning-hub.ts file টা .js করে দিতে পারো এবং import এ .ts → .js করো।

Notes