import React, { useState } from ‘react’;

const QbeesCleaningDashboard = () => {
const [activeTab, setActiveTab] = useState(‘beforeWeStart’);
const [language, setLanguage] = useState(‘english’);

// Translations
const translations = {
english: {
title: “QBEES Cleaning Training”,
subtitle: “Short-Term Specialized Cleaning Guide”,
languageSelector: “Language:”,
english: “English”,
mongolian: “Mongolian”,
tabs: {
beforeWeStart: “Before We Start”,
duringClean: “During the Clean”,
afterClean: “After Cleaning”,
checklist: “Checklist”,
},
beforeWeStart: {
title: “Before We Start”,
checkKit: “Check Your Cleaning Kit:”,
kitItems: [
“Microfiber cloths”,
“Sponge and grout brush”,
“Cream cleanser”,
“Glass cleaner”,
“Multi-purpose cleaner”,
“Gloves and mask”
],
appTitle: “Make sure these apps are working:”,
appItems: [
“Breezeway – for job info”,
“Slack – for communication”,
“Timestamp – for photos”,
“WhatsApp – backup communication”
],
findProperty: “If you can’t find the property:”,
findPropertySteps: [
“Check Breezeway app for address”,
“Look for onboarding video”,
“Call office if needed”
]
},
duringClean: {
title: “During the Clean”,
inspectionTitle: “First: Inspection”,
inspectionSteps: [
“Take photos of any damage”,
“Report in Breezeway app”,
“Check guest key location”
],
bathroomTitle: “Bathroom Cleaning:”,
bathroomSteps: [
“Clean toilet, sink, shower”,
“Refill toiletries”,
“Clean mirrors and glass”,
“Mop floor”
],
bedroomTitle: “Bedroom Cleaning:”,
bedroomSteps: [
“Change bed linens”,
“Dust all surfaces”,
“Check under bed”,
“Vacuum floor”
],
kitchenTitle: “Kitchen Cleaning:”,
kitchenSteps: [
“Clean sink and counters”,
“Wipe all appliances”,
“Empty refrigerator”,
“Vacuum and mop floor”
]
},
afterClean: {
title: “After Cleaning”,
finalTitle: “Final Steps:”,
finalSteps: [
“Style property like in listing photos”,
“Double-check all instructions”,
“Turn off all lights and appliances”,
“Take final photos”,
“Update job status in app”
],
returnTitle: “Return to Base:”,
returnSteps: [
“Return extra supplies to designated box”,
“Return dirty linens to correct base”,
“Return keys to correct panel”,
“Prepare for next day if needed”
]
},
checklist: {
title: “Quick Checklist”,
sections: [
{
name: “Kit Ready”,
items: [“Cleaning supplies”, “Working apps”, “Access info”]
},
{
name: “Inspected”,
items: [“Damage photos”, “Guest belongings”, “Keys located”]
},
{
name: “Cleaned All Rooms”,
items: [“Bathroom”, “Bedroom”, “Kitchen”, “Living area”]
},
{
name: “Final Steps”,
items: [“Photos taken”, “Status updated”, “Keys returned”]
}
]
}
},
mongolian: {
title: “QBEES Цэвэрлэгээний Сургалт”,
subtitle: “Богино Хугацааны Тусгай Цэвэрлэгээний Заавар”,
languageSelector: “Хэл:”,
english: “Англи”,
mongolian: “Монгол”,
tabs: {
beforeWeStart: “Эхлэхийн Өмнө”,
duringClean: “Цэвэрлэх Үеэр”,
afterClean: “Цэвэрлэсний Дараа”,
checklist: “Шалгах Хуудас”,
},
beforeWeStart: {
title: “Эхлэхийн Өмнө”,
checkKit: “Цэвэрлэгээний Хэрэгслээ Шалгана уу:”,
kitItems: [
“Микрофибер алчуур”,
“Порлон ба үенээс цэвэрлэх сойз”,
“Кремэн цэвэрлэгч”,
“Шилний цэвэрлэгч”,
“Олон зориулалтын цэвэрлэгч”,
“Бээлий ба маск”
],
appTitle: “Эдгээр аппууд ажиллаж байгаа эсэхийг шалгана уу:”,
appItems: [
“Breezeway – ажлын мэдээллийн”,
“Slack – харилцаа холбооны”,
“Timestamp – зураг авах”,
“WhatsApp – нөөц харилцаа холбоо”
],
findProperty: “Хэрэв та байр олж чадахгүй бол:”,
findPropertySteps: [
“Breezeway аппаас хаягийг шалгах”,
“Танилцуулга видеог хайх”,
“Шаардлагатай бол оффист залгах”
]
},
duringClean: {
title: “Цэвэрлэх Үеэр”,
inspectionTitle: “Эхлээд: Шалгалт”,
inspectionSteps: [
“Ямар нэг гэмтэл байвал зураг ав”,
“Breezeway аппд мэдэгдэх”,
“Зочны түлхүүрийн байршлыг шалгах”
],
bathroomTitle: “Угаалгын Өрөө Цэвэрлэх:”,
bathroomSteps: [
“Суултуур, угаалтуур, шүршүүр цэвэрлэх”,
“Ариун цэврийн хэрэгслийг дүүргэх”,
“Толь ба шилийг цэвэрлэх”,
“Шал угаах”
],
bedroomTitle: “Унтлагын Өрөө Цэвэрлэх:”,
bedroomSteps: [
“Орны даавууг солих”,
“Бүх гадаргууг тоос арчих”,
“Орны доор шалгах”,
“Шал соруулах”
],
kitchenTitle: “Гал Тогоо Цэвэрлэх:”,
kitchenSteps: [
“Угаалтуур ба тавцан цэвэрлэх”,
“Бүх цахилгаан хэрэгслийг арчих”,
“Хөргөгчийг хоослох”,
“Шал соруулж угаах”
]
},
afterClean: {
title: “Цэвэрлэсний Дараа”,
finalTitle: “Эцсийн Алхамууд:”,
finalSteps: [
“Байрыг зарын зурган дээрх шиг засах”,
“Бүх зааврыг дахин шалгах”,
“Бүх гэрэл, цахилгаан хэрэгслийг унтраах”,
“Эцсийн зургуудыг авах”,
“Аппд ажлын статусыг шинэчлэх”
],
returnTitle: “Баазад Буцах:”,
returnSteps: [
“Илүүдэл хангамжийг тусгай хайрцагт буцаах”,
“Бохир хэрэглэлийг зөв баазад буцаах”,
“Түлхүүрүүдийг зөв самбарт буцаах”,
“Шаардлагатай бол дараа өдөрт бэлтгэх”
]
},
checklist: {
title: “Хурдан Шалгах Хуудас”,
sections: [
{
name: “Бэлтгэл Бүрэн”,
items: [“Цэвэрлэгээний хэрэгсэл”, “Ажиллаж буй аппууд”, “Нэвтрэх мэдээлэл”]
},
{
name: “Шалгасан”,
items: [“Гэмтлийн зураг”, “Зочны эд зүйлс”, “Түлхүүр олдсон”]
},
{
name: “Бүх Өрөө Цэвэрлэсэн”,
items: [“Угаалгын өрөө”, “Унтлагын өрөө”, “Гал тогоо”, “Зочны өрөө”]
},
{
name: “Эцсийн Алхамууд”,
items: [“Зураг авсан”, “Статус шинэчилсэн”, “Түлхүүр буцаасан”]
}
]
}
}
};

const t = translations[language];

// QBEES brand colors from the style guide
const colors = {
primary: {
darkBlue: “#273E4B”, // RGB: 39-62-75
gold: “#DFC790”, // RGB: 224-199-145
cream: “#FFF7EB” // RGB: 253-246-233
},
secondary: {
blue: “#354F5E”, // RGB: 53-79-94
tan: “#AC9F7B”, // RGB: 173-159-124
offWhite: “#FDF6E9” // RGB: 255-247-235
}
};

return (

);
};

export default QbeesCleaningDashboard;