What is KHAYBAR - Speciality Roasters?

KHAYBAR - Speciality Roasters manages 5 data types including products. Helps you organize, track, and share your work in 1 place for teams and solo users.

TAILORING APP ARCHITECTURE

"True luxury is measured not by what adorns us, but by whom we nourish."

9 SUITS → 10 MEALS

1. BRAND IDENTITY & PHILOSOPHY

Core Mission

Through excellence in tailoring and uniform craftsmanship for 4-5 star hotels, we start the means of giving. Every 9 suits crafted feeds 10 families.

Philosophy

"The nourishment of body is food, while the nourishment of the soul is feeding others"

We don't speak luxury - we serve it. Excellence is our standard, but dignity through service is our purpose.

The Three Pillars

Crafters

Master tailors crafting premium uniforms with ethical fabrics

Ambassadors of Dignity

Hotels whose staff embody the mission through their attire

Atelier

Physical space for fittings, consultations, and impact showcase

2. COLOR PALETTE

Quranic Green

#006B3F

Primary brand color

Gold

#FFD700

Accents & typography

Burgundy Red

#8B2332

Highlights & CTAs

White

#FFFFFF

Backgrounds & text

Usage Guidelines:

• Headers/Navigation: Quranic Green backgrounds with Gold text
• Call-to-Actions: Burgundy buttons with White text
• Body Text: Dark gray on White backgrounds
• Accents: Gold for highlights, badges, icons

3. DATABASE ENTITIES (entities/)

Suit.json

{
  "name": "Suit",
  "type": "object",
  "properties": {
    "name": { "type": "string", "description": "Suit/Uniform name" },
    "description": { "type": "string", "description": "Detailed description" },
    "fabric_type": { "type": "string", "description": "Cotton, Wool, Blend, etc." },
    "color_options": { "type": "array", "items": { "type": "string" } },
    "sizes_available": { "type": "array", "items": { "type": "string" } },
    "cost_price": { "type": "number", "description": "Material + labor cost per unit" },
    "profit_margin": { "type": "number", "default": 1.8, "description": "Pricing multiplier" },
    "price": { "type": "number", "description": "Final selling price" },
    "meals_generated_per_unit": { "type": "number", "default": 1.11, "description": "Each suit = 1.11 meals (9 suits = 10 meals)" },
    "category": { 
      "type": "string", 
      "enum": ["front_desk", "restaurant", "housekeeping", "management", "valet"],
      "description": "Hotel department" 
    },
    "customization_available": { "type": "boolean", "default": true },
    "min_order_quantity": { "type": "number", "default": 9, "description": "Minimum order" },
    "image_url": { "type": "string" },
    "fabric_origin": { "type": "string", "description": "Ethical sourcing info" }
  },
  "required": ["name", "price", "category"]
}

Hotel.json

{
  "name": "Hotel",
  "type": "object",
  "properties": {
    "hotel_name": { "type": "string" },
    "star_rating": { "type": "number", "minimum": 4, "maximum": 5 },
    "location": { "type": "string" },
    "contact_person": { "type": "string" },
    "contact_email": { "type": "string" },
    "contact_phone": { "type": "string" },
    "staff_count": { "type": "number", "description": "Total staff members" },
    "departments": { 
      "type": "array", 
      "items": { "type": "string" },
      "description": "Departments needing uniforms" 
    },
    "total_suits_ordered": { "type": "number", "default": 0 },
    "total_meals_generated": { "type": "number", "default": 0 },
    "ambassador_status": { 
      "type": "string", 
      "enum": ["prospect", "active", "champion"],
      "default": "prospect" 
    },
    "partnership_date": { "type": "string", "format": "date" },
    "notes": { "type": "string" }
  },
  "required": ["hotel_name", "contact_email"]
}

Order.json

{
  "name": "Order",
  "type": "object",
  "properties": {
    "hotel_id": { "type": "string" },
    "hotel_name": { "type": "string" },
    "items": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "suit_id": { "type": "string" },
          "suit_name": { "type": "string" },
          "quantity": { "type": "number" },
          "size": { "type": "string" },
          "color": { "type": "string" },
          "customizations": { "type": "string" },
          "price_per_unit": { "type": "number" }
        }
      }
    },
    "total_amount": { "type": "number" },
    "total_suits_count": { "type": "number" },
    "meals_generated": { "type": "number", "description": "total_suits_count * 1.11" },
    "status": {
      "type": "string",
      "enum": ["quote_requested", "quote_sent", "confirmed", "measuring", "in_production", "quality_check", "delivered", "completed"],
      "default": "quote_requested"
    },
    "fitting_date": { "type": "string", "format": "date-time" },
    "delivery_date": { "type": "string", "format": "date-time" },
    "delivery_address": { "type": "string" },
    "special_instructions": { "type": "string" },
    "tailor_notes": { "type": "string" },
    "payment_terms": { "type": "string", "description": "Net 30, Net 60, etc." },
    "payment_status": {
      "type": "string",
      "enum": ["pending", "partial", "paid"],
      "default": "pending"
    }
  },
  "required": ["hotel_id", "items", "total_amount"]
}

ImpactMetric.json

{
  "name": "ImpactMetric",
  "type": "object",
  "properties": {
    "date": { "type": "string", "format": "date" },
    "suits_delivered": { "type": "number" },
    "meals_served": { "type": "number" },
    "hotels_partnered": { "type": "number" },
    "staff_dressed": { "type": "number" },
    "notes": { "type": "string" }
  },
  "required": ["date"]
}

Testimonial.json

{
  "name": "Testimonial",
  "type": "object",
  "properties": {
    "hotel_name": { "type": "string" },
    "contact_person": { "type": "string" },
    "role": { "type": "string", "description": "GM, HR Director, etc." },
    "testimonial": { "type": "string" },
    "suits_ordered": { "type": "number" },
    "meals_impact": { "type": "number" },
    "status": {
      "type": "string",
      "enum": ["pending", "approved", "featured"],
      "default": "pending"
    },
    "photo_url": { "type": "string" }
  },
  "required": ["hotel_name", "testimonial"]
}

4. PAGE STRUCTURE (pages/)

Home.js

Landing page showcasing the 9→10 mission

• Hero: "True luxury is measured not by what adorns us, but by whom we nourish."
• Impact counter: Suits delivered → Meals served
• Three pillars visualization
• Featured hotel testimonials
• CTA: Request Consultation

Collections.js

Browse uniform categories by hotel department

• Filter by: Front Desk, Restaurant, Housekeeping, Management, Valet
• Product cards with fabric details, customization options
• "Each suit feeds 1.11 families" badge on every item

SuitDetail.js

Detailed view of individual suit/uniform

• High-quality images (multiple angles)
• Fabric specifications, care instructions
• Size chart, color options
• Pricing transparency breakdown (material, labor, margin)
• Impact calculator: "X suits = Y meals"
• Request quote / Schedule fitting

Impact.js

Real-time impact dashboard

• Total suits delivered
• Total meals served (suits × 1.11)
• Hotels partnered
• Staff dressed in dignity
• Visual map of hotel locations
• Stories from beneficiaries

Atelier.js

Physical workshop/showroom information

• Location, hours, contact
• Book fitting appointment
• Meet the master tailors
• Fabric selection gallery
• Workshop/event calendar

About.js

Origin story and philosophy

• The "why" behind 9→10 model
• Founder story
• Values: Excellence, Dignity, Service
• Ethical sourcing commitment

Ambassadors.js

Partner hotels showcase

• Grid of hotel logos/names
• Individual impact stats per hotel
• Testimonials from hotel management
• "Become an Ambassador" CTA

RequestQuote.js

Form for hotels to request consultation

• Hotel details (name, location, star rating)
• Departments needing uniforms
• Approximate staff count
• Preferred contact method
• Upload current uniform photos (optional)

HotelDashboard.js

Client portal for hotel partners (requires login)

• Current orders status
• Order history
• Their personal impact stats
• Reorder functionality
• Schedule fittings

AdminPanel.js

Internal management dashboard (admin only)

• Order management (quote→production→delivery)
• Hotel relationship tracking
• Inventory management (fabrics, materials)
• Impact metrics overview
• Testimonial approval

5. KEY COMPONENTS (components/)

SuitCard.jsx

Product card with image, name, category, price, and "1.11 meals" badge

ImpactCounter.jsx

Animated counter showing real-time suits→meals conversion

PricingTransparency.jsx

Breakdown of cost→price with visual bar chart

HotelTestimonialCard.jsx

Hotel logo, testimonial quote, impact stats

ImpactCalculator.jsx

Interactive tool: "Enter suit quantity → See meal impact"

OrderStatusTimeline.jsx

Visual progress: Quote→Measuring→Production→Delivery

FittingScheduler.jsx

Calendar widget for booking atelier appointments

FabricShowcase.jsx

Grid of fabric swatches with origin/care info

6. CORE BUSINESS LOGIC

9→10 Calculation Formula

meals_generated = total_suits * 1.111111

For every 9 suits ordered, 10 meals are served. Each individual suit contributes 1.11 meals (10 ÷ 9 = 1.111...)

• 9 suits = 10 meals

• 18 suits = 20 meals

• 45 suits = 50 meals

• 90 suits = 100 meals

Pricing Transparency Model

Cost Breakdown:

• Fabric cost per suit: €X
• Tailoring labor per suit: €Y
• Total cost per suit: €(X + Y)
• Profit margin: 1.8x (suggested)
• Final price: €(X + Y) × 1.8

Profit Allocation:

• 55% → Meal fund (the giving)
• 30% → Operations & growth
• 15% → Craft excellence (training, R&D)

Order Workflow States

Quote Requested: Hotel submits inquiry

Quote Sent: Pricing & details provided

Confirmed: Order accepted by hotel

Measuring: Staff fittings scheduled/completed

In Production: Suits being crafted

Quality Check: Final inspection

Delivered: Suits received by hotel

Completed: Order finalized, meals served

Hotel Ambassador Tiers

Prospect

Inquiry submitted, not yet ordered

Active Ambassador

1+ orders completed, ongoing partnership

Champion

100+ suits ordered, featured testimonial

7. DESIGN SYSTEM & TYPOGRAPHY

Typography

Headings: Cinzel

Excellence in Service

Import: 'Cinzel', serif • Weights: 400, 600, 700

Body: Cormorant Garamond

True luxury is measured not by what adorns us, but by whom we nourish.

Import: 'Cormorant Garamond', serif • Weights: 300, 400, 600

UI Patterns

Sharp edges, no rounded corners - Reflects tailoring precision

Bold borders on accents - Creates luxury feel

Subtle gradients - Backgrounds only, never on cards

Button Styles

8. INTEGRATIONS & BACKEND FUNCTIONS

calculateMealsImpact.js

Input: suits_count → Output: meals_generated (suits × 1.111)

sendQuoteEmail.js

Automated email when hotel requests quote with pricing details

sendOrderConfirmation.js

Email confirmation when order moves to "Confirmed" status

updateImpactMetrics.js

Automated entity trigger on Order.status → "Completed" to update global metrics

generateImpactReport.js

Monthly report sent to hotels showing their cumulative impact

scheduleFitting.js

Calendar booking integration (Google Calendar/Calendly)

notifyLowFabricStock.js

Alert admin when fabric inventory drops below threshold

9. LAUNCH CHECKLIST

10. MESSAGING & COPY EXAMPLES

Hero Section

"True luxury is measured not by what adorns us, but by whom we nourish."

9 SUITS → 10 MEALS

About Copy

Through excellence in tailoring and uniform craftsmanship for 4-5 star hotels, we start the means of giving.

Every 9 suits we craft feeds 10 families. Not because we speak of luxury, but because we serve it.

"The nourishment of body is food, while the nourishment of the soul is feeding others."

Call-to-Action Examples

• "Dress Your Team in Dignity"

• "Request a Consultation"

• "See Our Impact"

• "Become an Ambassador of Dignity"

• "Schedule Your Fitting"

• "Meet the Craftspeople"

Impact Messaging

On product cards: "Each suit feeds 1.11 families"

On checkout: "Your order of 18 suits will serve 20 meals"

In dashboard: "Your partnership has nourished 150 people"

In testimonials: "Our 90-uniform order fed 100 families. That's the luxury we're proud of."

9 → 10

Excellence in craft. Dignity in service.

This blueprint is ready for implementation in a new Base44 app.

Privacy as Amana

TAILORING APP ARCHITECTURE

Core Mission

Philosophy

The Three Pillars

Crafters

Ambassadors of Dignity

Atelier

Usage Guidelines:

Suit.json

Hotel.json

Order.json

ImpactMetric.json

Testimonial.json

Home.js

Collections.js

SuitDetail.js

Impact.js

Atelier.js

About.js

Ambassadors.js

RequestQuote.js

HotelDashboard.js

AdminPanel.js

SuitCard.jsx

ImpactCounter.jsx

PricingTransparency.jsx

HotelTestimonialCard.jsx

ImpactCalculator.jsx

OrderStatusTimeline.jsx

FittingScheduler.jsx

FabricShowcase.jsx

9→10 Calculation Formula

Pricing Transparency Model

Order Workflow States

Hotel Ambassador Tiers

Prospect

Active Ambassador

Champion

Typography

UI Patterns

Button Styles

calculateMealsImpact.js

sendQuoteEmail.js

sendOrderConfirmation.js

updateImpactMetrics.js

generateImpactReport.js

scheduleFitting.js

notifyLowFabricStock.js

Hero Section

About Copy

Call-to-Action Examples

Impact Messaging