"use clients"; import React, { useEffect, useState } from "react"; import { motion } from "framer-motion"; import { SectionWrapper } from "src/hoc"; import { fadeIn, textVariant } from "src/utils/motion"; import { styles } from "src/style"; import Image from "next/image"; import phi from "@img/adjustw.png"; import app from "../../src/assets/app.png"; import Avatar from "boring-avatars"; import { useLocale, useTranslations } from "next-intl"; const stepProducts = () => { const t = useTranslations("stepProducts"); return [ { title: t("setupRoutine.title"), desc: t("setupRoutine.desc"), }, { title: t("setupSections.title"), desc: t("setupSections.desc"), }, { title: t("setupPositions.title"), desc: t("setupPositions.desc"), }, { title: t("setupStaffInfo.title"), desc: t("setupStaffInfo.desc"), }, { title: t("setupShiftsLogic.title"), desc: t("setupShiftsLogic.desc"), }, { title: t("insertTasks.title"), desc: t("insertTasks.desc"), }, ]; }; const StepProduct = ({}) => { const [activeIndex, setActiveIndex] = useState(1); const t = useTranslations("stepProducts"); const locale = useLocale(); const isRTL = locale === "fa"; return (
{isRTL ? (

آسان برای پیاده سازی

آسان برای استفاده

) : (
E

asy to Implement

asy to Use.

)} {/*

{" "} make your operation simple and smooth

*/}
{stepProducts().map((e, index) => ( setActiveIndex(index)} >

{e.title}

{activeIndex == index && (

{e.desc}

)} ))}

{t("endDesc")}

Phone Mockup {/* Example screen content inside the mockup */}
setActiveIndex(0)}>

1 -

{isRTL ? "مدیریت روتین ها" : " Management routines"}

{activeIndex == 0 ? (
) : (
)}

{isRTL ? "عادی" : "normal"}

<>

{isRTL ? "جمعه ها" : "friday"}

<>
setActiveIndex(1)}>

2 -

{isRTL ? "مدیریت سکشن ها" : "Management sections"}{" "}

{activeIndex == 1 ? (
) : (
)}

{isRTL ? "بار" : "bar"}

<>

{isRTL ? "آشپز خانه فرنگی" : " Italian kitchenbar"}

<>
setActiveIndex(2)}>

3 -

{isRTL ? "مدیریت پوزیشن ها" : "Management positions"}

{activeIndex == 2 ? (
) : (
)}

{isRTL ? "صندوق دار" : "cashier"}

<>

{isRTL ? "باریستا" : "barista"}

<>
setActiveIndex(3)}>

4 -

{isRTL ? "مدیریت کارکنان" : " Management staff"}

{activeIndex == 3 ? (
) : (
)}
{" "}

{isRTL ? "علی مالکی - باریستا" : " ali maleki - barista"}

{" "}

{isRTL ? "صدف هدایتی - صندوق دار" : " sadaf hedayati - cashier"}

setActiveIndex(4)}>

5 -

{isRTL ? "مدیریت شیفت ها" : " Management set shifts"}

{activeIndex == 4 ? (
) : (
)}

{isRTL ? " شیفت صبح | 07:00-11:59" : " morning shift | 07:00-11:59"}

{isRTL ? " شیقت عصر| 02:00-17:59" : " Afternoon shift | 02:00-17:59"}

setActiveIndex(5)}>

6 -

{isRTL ? "مدیریت فعالیت ها" : " Add collection task"}

{activeIndex == 5 ? (
) : (
)}

{isRTL ? "شیفت صبح | باریستا | روزانه" : "morning shift | barista | daily"}

{isRTL ? "تمیزی نهایی اسپرسو ماشین" : " Backwashing the espresso machine"}

{isRTL ? "شیفت عصر | ویتر | روزانه" : "morning shift | barista | daily"}

{isRTL ? "تمیز کردن پنجره های ورودی" : " Close the morning shift box"}

); }; export default SectionWrapper(StepProduct, "product");