تبدیل یک طرح فیگما به نسخه HTML با Tailwind

با احترام ، یک طرح فیگما داریم که در ادامه لینکشو قرار میدم میخوایم اینو یک فرانت اند کار مسلط به Tailwind برامون کد بزنه 1-کدنویسی تمیز 2-کامنت نویسی 3-HTML 5 4-Semantic HTML همراه با رعایت دستور العملی که بهتون میدیم برامون بسیار مهمه میتونید طرح فیگما رو نگاه کنید، زمانی که میدید باید با نهایت دقت باشه چون روی حرف و کار شما حساب میشه و اگر تیپیکالتون اینکه چند پروژه رو همزمان انجام میدید لطفا پیشنهاد ندید https://www.figma.com/design/ig3AygCHfqrVawaZbmTAlS/%D9%87%D9%85%DB%8C%D8%A7%D8%B1-%D8%B4%DB%8C%D9%85%DB%8C?node-id=0-1&p=f&t=vSnZ4qSzpsEkfpqc-0 به تعداد صفحات توجه نکنید چون ساختار 5 موردش تکراریه