order

Dockerfile

@@ -2,25 +2,42 @@ FROM node:20-alpine AS builder
 
 WORKDIR /app
 
+# کپی package.json و package-lock.json
 COPY package*.json ./
+
+# نصب وابستگی‌ها با force (برای رفع مشکل TailwindCSS)
 RUN npm install --force
 
+# کپی کل پروژه
 COPY . .
 
+# متغیر محیطی برای جلوگیری از خطای location
+ENV NEXT_PUBLIC_SITE_URL=https://modstagram.com
+ENV NODE_ENV=production
+
+# Build (fail loudly on error)
 RUN npm run build
 
+# مرحله اجرا
 FROM node:20-alpine AS runner
 
 WORKDIR /app
 
+# کپی فایل‌های build شده
 COPY --from=builder /app/.next ./.next
 COPY --from=builder /app/public ./public
 COPY --from=builder /app/package*.json ./
 COPY --from=builder /app/node_modules ./node_modules
 
+# فایل‌های config رو هم کپی کن
+COPY --from=builder /app/next.config.ts ./
+COPY --from=builder /app/next-sitemap.config.js ./
+
 ENV NODE_ENV=production
 ENV HOST=0.0.0.0
+ENV PORT=3001
+ENV NEXT_PUBLIC_SITE_URL=https://modstagram.com
 
-EXPOSE 3000
+EXPOSE 3001
 
-CMD ["npm", "start"]
+CMD ["npm", "start"]

_dead_code_quarantine/NewBillboard-duplicate-component/MultiStepForm.tsx

@@ -1,24 +1,24 @@
-"use client";
-
-import { useState } from "react";
-import Step1 from "./Step1";
-import Step2 from "./Step2";
-import Step3 from "./Step3";
-import Step4 from "./Step4";
-import Step5 from "./Step5";
-
-const MultiStepForm = () => {
-  const [step, setStep] = useState(1);
-
-  return (
-    <div className="p-4 flex flex-col items-center w-full">
-      {step === 1 && <Step1 nextStep={() => setStep(2)} />}
-      {step === 2 && <Step2 nextStep={() => setStep(3)} />}
-      {step === 3 && <Step3 nextStep={() => setStep(4)} />}
-      {step === 4 && <Step4 nextStep={() => setStep(5)} />}
-      {step === 5 && <Step5 />}
-    </div>
-  );
-};
-
-export default MultiStepForm;
+"use client";
+
+import { useState } from "react";
+import Step1 from "./Step1";
+import Step2 from "./Step2";
+import Step3 from "./Step3";
+import Step4 from "./Step4";
+import Step5 from "./Step5";
+
+const MultiStepForm = () => {
+  const [step, setStep] = useState(1);
+
+  return (
+    <div className="p-4 flex flex-col items-center w-full">
+      {step === 1 && <Step1 nextStep={() => setStep(2)} />}
+      {step === 2 && <Step2 nextStep={() => setStep(3)} />}
+      {step === 3 && <Step3 nextStep={() => setStep(4)} />}
+      {step === 4 && <Step4 nextStep={() => setStep(5)} />}
+      {step === 5 && <Step5 />}
+    </div>
+  );
+};
+
+export default MultiStepForm;

_dead_code_quarantine/NewBillboard-duplicate-component/Step1.tsx

@@ -1,142 +1,151 @@
-"use client";
-
-import RoundedButton from "@/components/elements/RoundedButton";
-import { useFormik } from "formik";
-import * as Yup from "yup";
-import LocationSelector from "./step1/LocationSelector";
-import { useBillboardForm } from "@/contexts/BillboardFormContext";
-import { useEffect, useState } from "react";
-import useAxios from "@/hooks/useAxios";
-import SelectBox from "@/components/elements/SelectBox";
-import { IAdvertisingCategory } from "@/types/types";
-import RoundedInput from "@/components/elements/RoundedInput";
-import ImageUploader from "./step1/ImageUploader";
-
-const validationSchema = Yup.object({
-  stateId: Yup.string().required("انتخاب استان الزامی است"),
-  cityId: Yup.string().required("انتخاب شهر الزامی است"),
-  categoryId: Yup.string().required("لطفا دسته‌بندی را انتخاب کنید"),
-  adsTitle: Yup.string().required("لطفا عنوان وارد کنید"),
-  description: Yup.string().required("توضیحات الزامی است"),
-  neighbourhood: Yup.string().required("محله الزامی است"),
-  address: Yup.string().required("آدرس الزامی است"),
-  images: Yup.array()
-    .min(1, "حداقل یک عکس انتخاب کنید")
-    .max(5, "حداکثر ۵ عکس می‌توانید انتخاب کنید")
-    .required("انتخاب تصویر الزامی است"),
-  markerCoordinate: Yup.array()
-    .of(Yup.number().required())
-    .length(2, "انتخاب موقعیت روی نقشه الزامی است")
-    .required("انتخاب موقعیت روی نقشه الزامی است"),
-});
-
-const Step1 = ({ nextStep }: { nextStep: () => void }) => {
-  const { formData, updateForm } = useBillboardForm();
-  const [categories, setCategories] = useState<IAdvertisingCategory[]>([]);
-  const { request } = useAxios();
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const response = await request<{ categories: IAdvertisingCategory[] }>(
-          "GET",
-          "/advertising/categories"
-        );
-        setCategories(response?.categories);
-      } catch (err) {
-        console.log(err);
-      }
-    };
-    fetchData();
-  }, []);
-console.log(categories);
-
-  const formik = useFormik({
-    initialValues: {
-      cityId: formData.cityId || "",
-      stateId: formData.stateId || "",
-      adsTitle: formData.adsTitle || "",
-      categoryId: formData.categoryId || "",
-      images: formData.images || [],
-      address: formData.address || "",
-      neighbourhood: formData.neighbourhood || "",
-      description: formData.description || "",
-      markerCoordinate: formData.markerCoordinate || null,
-    },
-    validationSchema,
-    onSubmit: (values) => {
-      updateForm(values);
-      nextStep();
-    },
-  });
-  console.log(formik?.values);
-
-  return (
-    <form
-      onSubmit={formik.handleSubmit}
-      className="flex flex-col gap-2 w-full items-center text-sm"
-    >
-      <h6 className="font-bold text-xl mb-2">ثبت بیلبورد</h6>
-      <SelectBox
-        className={`max-w-full bg-secondary-light dark:bg-secondary-dark ${
-          formik.touched.categoryId && formik.errors.categoryId
-            ? "border-red-500 dark:border-red-500"
-            : ""
-        }`}
-        value={formik.values.categoryId}
-        onChange={(e) => formik.setFieldValue("categoryId", e.target.value)}
-      >
-        <option className="bg-secondary-light dark:bg-secondary-dark" disabled value="">
-          دسته بندی
-        </option>
-        {categories?.map((item: IAdvertisingCategory) => (
-          <option className="bg-secondary-light dark:bg-secondary-dark"  key={item._id} value={item.title}>
-            {item?.title}
-          </option>
-        ))}
-      </SelectBox>
-      {formik.touched.categoryId && formik.errors.categoryId && (
-        <p className="text-red-500 text-xs">{formik.errors.categoryId}</p>
-      )}
-      <hr />
-      <RoundedInput
-        className={`max-w-full ${
-          formik.touched.stateId && formik.errors.stateId
-            ? "border-red-500 dark:border-red-500"
-            : ""
-        }`}
-        type="text"
-        placeholder="عنوان"
-        {...formik.getFieldProps("adsTitle")}
-      />
-      {formik.touched.adsTitle && formik.errors.adsTitle && (
-        <p className="text-red-500 text-xs">{formik.errors.adsTitle}</p>
-      )}
-      <textarea
-        className={`w-full p-4 mt-2 h-24 rounded-3xl border 
-    ${
-      formik.touched.description && formik.errors.description
-        ? "border-red-500 dark:border-red-500"
-        : ""
-    }
-    border-neutral-950 text-neutral-900 dark:text-neutral-50 dark:border-neutral-400 border  font-medium`}
-        placeholder="توضیحات"
-        {...formik.getFieldProps("description")}
-      />
-      {formik.touched.description && formik.errors.description && (
-        <p className="text-red-500 text-xs">{formik.errors.description}</p>
-      )}
-
-      <hr className="w-full my-2" />
-      <LocationSelector formik={formik} />
-      <ImageUploader formik={formik} />
-      {formik.touched.images && formik.errors.images && (
-        <p className="text-red-500 text-xs">{formik.errors.images}</p>
-      )}
-      <RoundedButton type="submit" className="p-2 px-8 rounded mt-4">
-        ثبت و ادامه
-      </RoundedButton>
-    </form>
-  );
-};
-
-export default Step1;
+"use client";
+
+import RoundedButton from "@/components/elements/RoundedButton";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import LocationSelector from "./step1/LocationSelector";
+import { useBillboardForm } from "@/contexts/BillboardFormContext";
+import { useEffect, useMemo, useState } from "react";
+import useAxios from "@/hooks/useAxios";
+import SelectBox from "@/components/elements/SelectBox";
+import { IAdvertisingCategory } from "@/types/types";
+import RoundedInput from "@/components/elements/RoundedInput";
+import ImageUploader from "./step1/ImageUploader";
+import { useTranslation } from "react-i18next";
+
+const Step1 = ({ nextStep }: { nextStep: () => void }) => {
+  const { t } = useTranslation("common");
+  const { formData, updateForm } = useBillboardForm();
+  const [categories, setCategories] = useState<IAdvertisingCategory[]>([]);
+  const { request } = useAxios();
+
+  const validationSchema = useMemo(
+    () =>
+      Yup.object({
+        stateId: Yup.string().required(t("billboards.form.validation.provinceRequired")),
+        cityId: Yup.string().required(t("billboards.form.validation.cityRequired")),
+        categoryId: Yup.string().required(t("billboards.form.validation.categoryRequired")),
+        adsTitle: Yup.string().required(t("billboards.form.validation.titleRequired")),
+        description: Yup.string().required(t("billboards.form.validation.descriptionRequired")),
+        neighbourhood: Yup.string().required(t("billboards.form.validation.neighbourhoodRequired")),
+        address: Yup.string().required(t("billboards.form.validation.addressRequired")),
+        images: Yup.array()
+          .min(1, t("billboards.form.validation.minImages"))
+          .max(5, t("billboards.form.validation.maxImages"))
+          .required(t("billboards.form.validation.imagesRequired")),
+        markerCoordinate: Yup.array()
+          .of(Yup.number().required())
+          .length(2, t("billboards.form.validation.mapLocationRequired"))
+          .required(t("billboards.form.validation.mapLocationRequired")),
+      }),
+    [t]
+  );
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const response = await request<{ categories: IAdvertisingCategory[] }>(
+          "GET",
+          "/advertising/categories"
+        );
+        setCategories(response?.categories);
+      } catch (err) {
+        console.log(err);
+      }
+    };
+    fetchData();
+  }, [request]);
+
+  const formik = useFormik({
+    initialValues: {
+      cityId: formData.cityId || "",
+      stateId: formData.stateId || "",
+      adsTitle: formData.adsTitle || "",
+      categoryId: formData.categoryId || "",
+      images: formData.images || [],
+      address: formData.address || "",
+      neighbourhood: formData.neighbourhood || "",
+      description: formData.description || "",
+      markerCoordinate: formData.markerCoordinate || null,
+    },
+    validationSchema,
+    onSubmit: (values) => {
+      updateForm(values);
+      nextStep();
+    },
+  });
+
+  return (
+    <form
+      onSubmit={formik.handleSubmit}
+      className="flex flex-col gap-2 w-full items-center text-sm"
+    >
+      <h6 className="font-bold text-xl mb-2">{t("billboards.createTitle")}</h6>
+      <SelectBox
+        className={`max-w-full bg-secondary-light dark:bg-secondary-dark ${
+          formik.touched.categoryId && formik.errors.categoryId
+            ? "border-red-500 dark:border-red-500"
+            : ""
+        }`}
+        value={formik.values.categoryId}
+        onChange={(e) => formik.setFieldValue("categoryId", e.target.value)}
+      >
+        <option className="bg-secondary-light dark:bg-secondary-dark" disabled value="">
+          {t("billboards.category")}
+        </option>
+        {categories?.map((item: IAdvertisingCategory) => (
+          <option
+            className="bg-secondary-light dark:bg-secondary-dark"
+            key={item._id}
+            value={item.title}
+          >
+            {item?.title}
+          </option>
+        ))}
+      </SelectBox>
+      {formik.touched.categoryId && formik.errors.categoryId && (
+        <p className="text-red-500 text-xs">{formik.errors.categoryId}</p>
+      )}
+      <hr />
+      <RoundedInput
+        className={`max-w-full ${
+          formik.touched.stateId && formik.errors.stateId
+            ? "border-red-500 dark:border-red-500"
+            : ""
+        }`}
+        type="text"
+        placeholder={t("billboards.title")}
+        {...formik.getFieldProps("adsTitle")}
+      />
+      {formik.touched.adsTitle && formik.errors.adsTitle && (
+        <p className="text-red-500 text-xs">{formik.errors.adsTitle}</p>
+      )}
+      <textarea
+        className={`w-full p-4 mt-2 h-24 rounded-3xl border 
+    ${
+      formik.touched.description && formik.errors.description
+        ? "border-red-500 dark:border-red-500"
+        : ""
+    }
+    border-neutral-950 text-neutral-900 dark:text-neutral-50 dark:border-neutral-400 border  font-medium`}
+        placeholder={t("billboards.description")}
+        {...formik.getFieldProps("description")}
+      />
+      {formik.touched.description && formik.errors.description && (
+        <p className="text-red-500 text-xs">{formik.errors.description}</p>
+      )}
+
+      <hr className="w-full my-2" />
+      <LocationSelector formik={formik} />
+      <ImageUploader formik={formik} />
+      {formik.touched.images && formik.errors.images && (
+        <p className="text-red-500 text-xs">{formik.errors.images}</p>
+      )}
+      <RoundedButton type="submit" variant="primary" className="mt-4 px-8 py-2">
+        {t("billboards.submitContinue")}
+      </RoundedButton>
+    </form>
+  );
+};
+
+export default Step1;

_dead_code_quarantine/NewBillboard-duplicate-component/Step2.tsx

@@ -1,87 +1,89 @@
-"use client";
-
-import RoundedButton from "@/components/elements/RoundedButton";
-import { useFormik } from "formik";
-import * as Yup from "yup";
-import { useBillboardForm } from "@/contexts/BillboardFormContext";
-import { useState } from "react";
-import { Service } from "@/types/types";
-import ServiceItem from "@/components/main/Services/ServiceItem";
-import AddServiceModal from "@/components/main/Services/AddServiceModal";
-
-const validationSchema = Yup.object({
-  services: Yup.array().min(1, "حداقل یک خدمت یا کالا انتخاب کنید"),
-});
-
-const Step2 = ({ nextStep }: { nextStep: () => void }) => {
-  const { formData, updateForm } = useBillboardForm();
-  const [isModalOpen, setModalOpen] = useState(false);
-
-  const formik = useFormik({
-    initialValues: {
-      services: formData.services || [],
-    },
-    validationSchema,
-    onSubmit: (values) => {
-      updateForm(values);
-      nextStep();
-    },
-  });
-
-  // لیست سرویس‌ها از فرمیک مقداردهی می‌شود
-  const services = formik.values.services;
-
-  const handleAddService = (newService: Service) => {
-    const updatedServices = [...services, newService];
-    formik.setFieldValue("services", updatedServices);
-  };
-
-  const handleDeleteService = (id: string) => {
-    const updatedServices = services.filter((service) => service.id !== id);
-    formik.setFieldValue("services", updatedServices);
-  };
-  console.log(formik?.values);
-
-  return (
-    <form
-      onSubmit={formik.handleSubmit}
-      className="flex flex-col gap-2 w-full items-center text-sm"
-    >
-      <h6 className="font-bold text-xl mb-2">ثبت بیلبورد</h6>
-      <div className="gap-4 min-h-96">
-        {services.map((service) => (
-          <ServiceItem
-            onDelete={handleDeleteService}
-            key={crypto.randomUUID()}
-            service={service}
-          />
-        ))}
-      </div>
-      {/* {formik.touched.services && formik.errors.services && (
-        <p className="text-red-500 text-xs">{formik.errors.services}</p>
-      )} */}
-      <hr />
-      <div className="flex gap-4 mb-4 ">
-        <RoundedButton type="submit" className="w-32 rounded h-9">
-          ثبت و ادامه
-        </RoundedButton>
-        <RoundedButton
-          onClick={() => setModalOpen(true)}
-          className="!text-[#0066FF] !border-[#0066FF] w-32 h-9"
-          type="button"
-        >
-          افزودن
-        </RoundedButton>
-      </div>
-      {isModalOpen && (
-        <AddServiceModal
-          onClose={() => setModalOpen(false)}
-          onAdd={handleAddService}
-          isModalOpen={isModalOpen}
-        />
-      )}
-    </form>
-  );
-};
-
-export default Step2;
+"use client";
+
+import RoundedButton from "@/components/elements/RoundedButton";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { useBillboardForm } from "@/contexts/BillboardFormContext";
+import { useMemo, useState } from "react";
+import { Service } from "@/types/types";
+import ServiceItem from "@/components/main/Services/ServiceItem";
+import AddServiceModal from "@/components/main/Services/AddServiceModal";
+import { useTranslation } from "react-i18next";
+
+const Step2 = ({ nextStep }: { nextStep: () => void }) => {
+  const { t } = useTranslation("common");
+  const { formData, updateForm } = useBillboardForm();
+  const [isModalOpen, setModalOpen] = useState(false);
+
+  const validationSchema = useMemo(
+    () =>
+      Yup.object({
+        services: Yup.array().min(1, t("billboards.form.validation.minServices")),
+      }),
+    [t]
+  );
+
+  const formik = useFormik({
+    initialValues: {
+      services: formData.services || [],
+    },
+    validationSchema,
+    onSubmit: (values) => {
+      updateForm(values);
+      nextStep();
+    },
+  });
+
+  const services = formik.values.services;
+
+  const handleAddService = (newService: Service) => {
+    formik.setFieldValue("services", [...services, newService]);
+  };
+
+  const handleDeleteService = (id: string) => {
+    formik.setFieldValue(
+      "services",
+      services.filter((service) => service.id !== id)
+    );
+  };
+
+  return (
+    <form
+      onSubmit={formik.handleSubmit}
+      className="flex flex-col gap-2 w-full items-center text-sm pb-28"
+    >
+      <h6 className="font-bold text-xl mb-2">{t("billboards.createTitle")}</h6>
+      <div className="gap-4 min-h-96 w-full">
+        {services.map((service) => (
+          <ServiceItem
+            onDelete={handleDeleteService}
+            key={service.id}
+            service={service}
+          />
+        ))}
+      </div>
+      <hr className="w-full" />
+      <div className="sticky bottom-[calc(5.5rem+env(safe-area-inset-bottom))] z-20 flex w-full justify-center gap-4 bg-background/95 py-3 backdrop-blur-sm">
+        <RoundedButton type="submit" variant="primary" className="h-9 w-32">
+          {t("billboards.submitContinue")}
+        </RoundedButton>
+        <RoundedButton
+          onClick={() => setModalOpen(true)}
+          className="!text-[#0066FF] !border-[#0066FF] w-32 h-9"
+          type="button"
+        >
+          {t("billboards.add")}
+        </RoundedButton>
+      </div>
+      {isModalOpen && (
+        <AddServiceModal
+          onClose={() => setModalOpen(false)}
+          onAdd={handleAddService}
+          isModalOpen={isModalOpen}
+        />
+      )}
+    </form>
+  );
+};
+
+export default Step2;

_dead_code_quarantine/NewBillboard-duplicate-component/Step3.tsx

@@ -1,174 +1,176 @@
-"use client";
-
-import RoundedButton from "@/components/elements/RoundedButton";
-import { useFormik } from "formik";
-import * as Yup from "yup";
-import { useBillboardForm } from "@/contexts/BillboardFormContext";
-import useAxios from "@/hooks/useAxios";
-import { useEffect, useState } from "react";
-
-export interface IFeatureFetch {
-  title?: string;
-  value: boolean;
-  _id: string;
-}
-
-const validationSchema = Yup.object({
-  selectedFeatures: Yup.array().min(
-    1,
-    "حداقل یکی از امکانات را باید انتخاب کنید."
-  ),
-});
-
-const Step3 = ({ nextStep }: { nextStep: () => void }) => {
-  const { formData, updateForm } = useBillboardForm();
-  const { request } = useAxios();
-  const [features, setFeatures] = useState<IFeatureFetch[]>([]);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const response = await request<{ features: IFeatureFetch[] }>(
-          "GET",
-          "/advertising/features"
-        );
-        setFeatures(response.features);
-      } catch (err) {
-        console.log(err);
-      }
-    };
-    fetchData();
-  }, []);
-
-  const formik = useFormik({
-    initialValues: {
-      selectedFeatures: formData.selectedFeatures || [],
-    },
-    validationSchema,
-    onSubmit: (values) => {
-      updateForm(values);
-      nextStep();
-    },
-    enableReinitialize: true, // اضافه کردن این برای همگام‌سازی initialValues با formData
-  });
-
-  const handleSelect = (
-    featureId: string,
-    value: boolean,
-    title: string | undefined
-  ) => {
-    // به‌روزرسانی ویژگی انتخاب‌شده در Formik
-    formik.setFieldValue("selectedFeatures", [
-      ...formik.values.selectedFeatures.filter(
-        (feature) => feature._id !== featureId
-      ),
-      { _id: featureId, value, title: title },
-    ]);
-  };
-
-  return (
-    <form
-      onSubmit={formik.handleSubmit}
-      className="flex flex-col gap-4 w-full items-center text-sm"
-    >
-      <h6 className="font-bold text-xl mb-2">ثبت بیلبورد</h6>
-
-      <div className="flex flex-col w-full gap-3">
-        {features.map((feature: IFeatureFetch) => {
-          const isSelected = formik.values.selectedFeatures.some(
-            (featureItem) =>
-              featureItem._id === feature._id && featureItem.value === true
-          );
-          const isDeselected = formik.values.selectedFeatures.some(
-            (featureItem) =>
-              featureItem._id === feature._id && featureItem.value === false
-          );
-          return (
-            <div
-              key={feature._id}
-              className="flex justify-between items-center w-full p-4 border-b border-gray-300"
-            >
-              <span className="text-lg">{feature.title}</span>
-              <div className="flex items-center gap-4">
-                <label className="flex items-center gap-2 cursor-pointer">
-                  <input
-                    type="radio"
-                    name={`feature-${feature._id}`}
-                    value="true"
-                    checked={isSelected}
-                    onChange={() =>
-                      handleSelect(feature._id, true, feature?.title)
-                    }
-                    className="hidden"
-                  />
-                  <span>دارد</span>
-                  <div
-                    className={`w-6 h-6 border-2 rounded-full flex items-center justify-center border-green-500`}
-                  >
-                    {isSelected && (
-                      <svg
-                        width="20"
-                        height="20"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="#01A168"
-                        strokeWidth="2"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                      >
-                        <path d="M20 6L9 17l-5-5" />
-                      </svg>
-                    )}
-                  </div>
-                </label>
-
-                <label className="flex items-center gap-2 cursor-pointer">
-                  <input
-                    type="radio"
-                    name={`feature-${feature._id}`}
-                    value="false"
-                    checked={isDeselected}
-                    onChange={() =>
-                      handleSelect(feature._id, false, feature?.title)
-                    }
-                    className="hidden"
-                  />
-                  <span>ندارد</span>
-                  <div
-                    className={`w-6 h-6 border-2 rounded-full flex items-center justify-center border-red-500`}
-                  >
-                    {isDeselected && (
-                      <svg
-                        width="20"
-                        height="20"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="#FF0000"
-                        strokeWidth="2"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                      >
-                        <path d="M20 6L9 17l-5-5" />
-                      </svg>
-                    )}
-                  </div>
-                </label>
-              </div>
-            </div>
-          );
-        })}
-      </div>
-
-      {formik.touched.selectedFeatures &&
-        formik.errors.selectedFeatures &&
-        typeof formik.errors.selectedFeatures === "string" && (
-          <p className="text-red-500">{formik.errors.selectedFeatures}</p>
-        )}
-      <RoundedButton type="submit" className="w-32 rounded h-9 mt-4">
-        ثبت و ادامه
-      </RoundedButton>
-    </form>
-  );
-};
-
-export default Step3;
+"use client";
+
+import RoundedButton from "@/components/elements/RoundedButton";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { useBillboardForm } from "@/contexts/BillboardFormContext";
+import useAxios from "@/hooks/useAxios";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+
+export interface IFeatureFetch {
+  title?: string;
+  value: boolean;
+  _id: string;
+}
+
+const Step3 = ({ nextStep }: { nextStep: () => void }) => {
+  const { t } = useTranslation("common");
+  const { formData, updateForm } = useBillboardForm();
+  const { request } = useAxios();
+  const [features, setFeatures] = useState<IFeatureFetch[]>([]);
+
+  const validationSchema = useMemo(
+    () =>
+      Yup.object({
+        selectedFeatures: Yup.array().min(1, t("billboards.form.validation.minFeatures")),
+      }),
+    [t]
+  );
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const response = await request<{ features: IFeatureFetch[] }>(
+          "GET",
+          "/advertising/features"
+        );
+        setFeatures(response.features);
+      } catch (err) {
+        console.log(err);
+      }
+    };
+    fetchData();
+  }, [request]);
+
+  const formik = useFormik({
+    initialValues: {
+      selectedFeatures: formData.selectedFeatures || [],
+    },
+    validationSchema,
+    onSubmit: (values) => {
+      updateForm(values);
+      nextStep();
+    },
+    enableReinitialize: true,
+  });
+
+  const handleSelect = (
+    featureId: string,
+    value: boolean,
+    title: string | undefined
+  ) => {
+    formik.setFieldValue("selectedFeatures", [
+      ...formik.values.selectedFeatures.filter(
+        (feature) => feature._id !== featureId
+      ),
+      { _id: featureId, value, title: title },
+    ]);
+  };
+
+  return (
+    <form
+      onSubmit={formik.handleSubmit}
+      className="flex flex-col gap-4 w-full items-center text-sm"
+    >
+      <h6 className="font-bold text-xl mb-2">{t("billboards.createTitle")}</h6>
+
+      <div className="flex flex-col w-full gap-3">
+        {features.map((feature: IFeatureFetch) => {
+          const isSelected = formik.values.selectedFeatures.some(
+            (featureItem) =>
+              featureItem._id === feature._id && featureItem.value === true
+          );
+          const isDeselected = formik.values.selectedFeatures.some(
+            (featureItem) =>
+              featureItem._id === feature._id && featureItem.value === false
+          );
+          return (
+            <div
+              key={feature._id}
+              className="flex justify-between items-center w-full p-4 border-b border-gray-300"
+            >
+              <span className="text-lg">{feature.title}</span>
+              <div className="flex items-center gap-4">
+                <label className="flex items-center gap-2 cursor-pointer">
+                  <input
+                    type="radio"
+                    name={`feature-${feature._id}`}
+                    value="true"
+                    checked={isSelected}
+                    onChange={() =>
+                      handleSelect(feature._id, true, feature?.title)
+                    }
+                    className="hidden"
+                  />
+                  <span>{t("billboards.form.has")}</span>
+                  <div
+                    className={`w-6 h-6 border-2 rounded-full flex items-center justify-center border-green-500`}
+                  >
+                    {isSelected && (
+                      <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="#01A168"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                      >
+                        <path d="M20 6L9 17l-5-5" />
+                      </svg>
+                    )}
+                  </div>
+                </label>
+
+                <label className="flex items-center gap-2 cursor-pointer">
+                  <input
+                    type="radio"
+                    name={`feature-${feature._id}`}
+                    value="false"
+                    checked={isDeselected}
+                    onChange={() =>
+                      handleSelect(feature._id, false, feature?.title)
+                    }
+                    className="hidden"
+                  />
+                  <span>{t("billboards.form.hasNot")}</span>
+                  <div
+                    className={`w-6 h-6 border-2 rounded-full flex items-center justify-center border-red-500`}
+                  >
+                    {isDeselected && (
+                      <svg
+                        width="20"
+                        height="20"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        stroke="#FF0000"
+                        strokeWidth="2"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                      >
+                        <path d="M20 6L9 17l-5-5" />
+                      </svg>
+                    )}
+                  </div>
+                </label>
+              </div>
+            </div>
+          );
+        })}
+      </div>
+
+      {formik.touched.selectedFeatures &&
+        formik.errors.selectedFeatures &&
+        typeof formik.errors.selectedFeatures === "string" && (
+          <p className="text-red-500">{formik.errors.selectedFeatures}</p>
+        )}
+      <RoundedButton type="submit" variant="primary" className="mt-4 h-9 w-32">
+        {t("billboards.submitContinue")}
+      </RoundedButton>
+    </form>
+  );
+};
+
+export default Step3;

_dead_code_quarantine/NewBillboard-duplicate-component/Step4.tsx

@@ -1,191 +1,193 @@
-"use client";
-
-import RoundedButton from "@/components/elements/RoundedButton";
-import { useFormik } from "formik";
-import * as Yup from "yup";
-import { useBillboardForm } from "@/contexts/BillboardFormContext";
-import { useEffect, useState } from "react";
-import useAxios from "@/hooks/useAxios";
-import RoundedInput from "@/components/elements/RoundedInput";
-import toast from "react-hot-toast";
-
-const validationSchema = Yup.object({
-  landline: Yup.string(),
-  mobile: Yup.string(),
-  telegram: Yup.string(),
-  whatsapp: Yup.string(),
-  instagram: Yup.string(),
-  saveData: Yup.boolean(),
-});
-
-interface ContactInfo {
-  landline?: string;
-  mobile?: string;
-  telegram?: string;
-  whatsapp?: string;
-  instagram?: string;
-  saveData?: boolean;
-}
-
-interface ApiResponse {
-  data: {
-    contactInfo: ContactInfo;
-  };
-}
-
-const Step4 = ({ nextStep }: { nextStep: () => void }) => {
-  const { formData, updateForm } = useBillboardForm();
-  const { request } = useAxios();
-  const [isCheckedOne, setIsCheckedOne] = useState<boolean>(false);
-
-  useEffect(() => {
-    const fetchData = async () => {
-      try {
-        const response = await request<ApiResponse>(
-          "GET",
-          "/users/contact-info"
-        );
-        const contactInfo = response?.data?.contactInfo;
-
-        if (contactInfo) {
-          formik.setFieldValue("landline", contactInfo.landline || "");
-          formik.setFieldValue("mobile", contactInfo.mobile || "");
-          formik.setFieldValue("telegram", contactInfo.telegram || "");
-          formik.setFieldValue("whatsapp", contactInfo.whatsapp || "");
-          formik.setFieldValue("instagram", contactInfo.instagram || "");
-          formik.setFieldValue("saveData", contactInfo.saveData || false);
-        }
-      } catch (err) {
-        console.error("Error fetching contact info:", err);
-      }
-    };
-
-    fetchData();
-  }, []);
-
-  const formik = useFormik({
-    initialValues: {
-      landline: formData.landline || "",
-      mobile: formData.mobile || "",
-      telegram: formData.telegram || "",
-      whatsapp: formData.whatsapp || "",
-      instagram: formData.instagram || "",
-      saveData: formData.saveData || false,
-    },
-    validationSchema,
-    onSubmit: (values) => {
-      if (
-        !formik?.values?.landline &&
-        !formik?.values?.mobile &&
-        !formik?.values?.telegram &&
-        !formik?.values?.whatsapp &&
-        !formik?.values?.instagram
-      ) {
-        toast.error("لطفا حداقل یک راه ارتباطی را وارد کنید.");
-      } else {
-        updateForm(values);
-        nextStep();
-      }
-    },
-  });
-  const toggleCheckBox = () => {
-    formik.setFieldValue("saveData", !isCheckedOne);
-    setIsCheckedOne(!isCheckedOne);
-  };
-  console.log(formik?.values);
-
-  return (
-    <form
-      onSubmit={formik.handleSubmit}
-      className="flex flex-col gap-2 w-full items-center text-sm"
-    >
-      <h6 className="font-bold text-xl mb-2">ثبت بیلبورد</h6>
-
-      <RoundedInput
-        className={`max-w-full mt-2 ${
-          formik.touched.landline && formik.errors.landline
-            ? "border-red-500 dark:border-red-500"
-            : "border-gray-300"
-        }`}
-        type="text"
-        maxLength={11}
-        placeholder="تلفن ثابت"
-        {...formik.getFieldProps("landline")}
-      />
-      {formik.touched.landline && formik.errors.landline && (
-        <p className="text-red-500 text-xs">{formik.errors.landline}</p>
-      )}
-      <RoundedInput
-        className={`max-w-full mt-2 ${
-          formik.touched.mobile && formik.errors.mobile
-            ? "border-red-500 dark:border-red-500"
-            : "border-gray-300"
-        }`}
-        type="text"
-        maxLength={11}
-        placeholder="شماره موبایل"
-        {...formik.getFieldProps("mobile")}
-      />
-      {formik.touched.mobile && formik.errors.mobile && (
-        <p className="text-red-500 text-xs">{formik.errors.mobile}</p>
-      )}
-      <RoundedInput
-        className={`max-w-full mt-2 ${
-          formik.touched.telegram && formik.errors.telegram
-            ? "border-red-500 dark:border-red-500"
-            : "border-gray-300"
-        }`}
-        type="text"
-        placeholder="آیدی تلگرام"
-        {...formik.getFieldProps("telegram")}
-      />
-      {formik.touched.telegram && formik.errors.telegram && (
-        <p className="text-red-500 text-xs">{formik.errors.telegram}</p>
-      )}
-      <RoundedInput
-        className={`max-w-full mt-2 ${
-          formik.touched.whatsapp && formik.errors.whatsapp
-            ? "border-red-500 dark:border-red-500"
-            : "border-gray-300"
-        }`}
-        type="text"
-        placeholder="شماره واتساپ"
-        maxLength={11}
-        {...formik.getFieldProps("whatsapp")}
-      />
-      {formik.touched.whatsapp && formik.errors.whatsapp && (
-        <p className="text-red-500 text-xs">{formik.errors.whatsapp}</p>
-      )}
-      <RoundedInput
-        className={`max-w-full mt-2 ${
-          formik.touched.instagram && formik.errors.instagram
-            ? "border-red-500 dark:border-red-500"
-            : "border-gray-300"
-        }`}
-        type="text"
-        placeholder="آیدی اینستاگرام"
-        {...formik.getFieldProps("instagram")}
-      />
-      {formik.touched.instagram && formik.errors.instagram && (
-        <p className="text-red-500 text-xs">{formik.errors.instagram}</p>
-      )}
-
-      <label className="flex items-center gap-2 justify-start w-full pr-4 mt-4">
-        <input
-          {...formik.getFieldProps("stateId")}
-          className="scale-125"
-          type="checkbox"
-          onChange={toggleCheckBox}
-        />
-        <span>اطلاعات من را برای ویترین های بعدی ذخیره کن</span>
-      </label>
-
-      <hr />
-      <RoundedButton type="submit" className="p-2 px-8 rounded mt-4">
-        ثبت و ادامه
-      </RoundedButton>
-    </form>
-  );
-};
-
-export default Step4;
+"use client";
+
+import RoundedButton from "@/components/elements/RoundedButton";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { useBillboardForm } from "@/contexts/BillboardFormContext";
+import { useEffect, useState } from "react";
+import useAxios from "@/hooks/useAxios";
+import RoundedInput from "@/components/elements/RoundedInput";
+import toast from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+
+const validationSchema = Yup.object({
+  landline: Yup.string(),
+  mobile: Yup.string(),
+  telegram: Yup.string(),
+  whatsapp: Yup.string(),
+  instagram: Yup.string(),
+  saveData: Yup.boolean(),
+});
+
+interface ContactInfo {
+  landline?: string;
+  mobile?: string;
+  telegram?: string;
+  whatsapp?: string;
+  instagram?: string;
+  saveData?: boolean;
+}
+
+interface ApiResponse {
+  data: {
+    contactInfo: ContactInfo;
+  };
+}
+
+const Step4 = ({ nextStep }: { nextStep: () => void }) => {
+  const { t } = useTranslation("common");
+  const { formData, updateForm } = useBillboardForm();
+  const { request } = useAxios();
+  const [isCheckedOne, setIsCheckedOne] = useState<boolean>(false);
+
+  const formik = useFormik({
+    initialValues: {
+      landline: formData.landline || "",
+      mobile: formData.mobile || "",
+      telegram: formData.telegram || "",
+      whatsapp: formData.whatsapp || "",
+      instagram: formData.instagram || "",
+      saveData: formData.saveData || false,
+    },
+    validationSchema,
+    onSubmit: (values) => {
+      if (
+        !formik?.values?.landline &&
+        !formik?.values?.mobile &&
+        !formik?.values?.telegram &&
+        !formik?.values?.whatsapp &&
+        !formik?.values?.instagram
+      ) {
+        toast.error(t("billboards.form.contactRequired"));
+      } else {
+        updateForm(values);
+        nextStep();
+      }
+    },
+  });
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const response = await request<ApiResponse>(
+          "GET",
+          "/users/contact-info"
+        );
+        const contactInfo = response?.data?.contactInfo;
+
+        if (contactInfo) {
+          formik.setFieldValue("landline", contactInfo.landline || "");
+          formik.setFieldValue("mobile", contactInfo.mobile || "");
+          formik.setFieldValue("telegram", contactInfo.telegram || "");
+          formik.setFieldValue("whatsapp", contactInfo.whatsapp || "");
+          formik.setFieldValue("instagram", contactInfo.instagram || "");
+          formik.setFieldValue("saveData", contactInfo.saveData || false);
+        }
+      } catch (err) {
+        console.error("Error fetching contact info:", err);
+      }
+    };
+
+    fetchData();
+  }, [request]);
+
+  const toggleCheckBox = () => {
+    formik.setFieldValue("saveData", !isCheckedOne);
+    setIsCheckedOne(!isCheckedOne);
+  };
+
+  return (
+    <form
+      onSubmit={formik.handleSubmit}
+      className="flex flex-col gap-2 w-full items-center text-sm"
+    >
+      <h6 className="font-bold text-xl mb-2">{t("billboards.createTitle")}</h6>
+
+      <RoundedInput
+        className={`max-w-full mt-2 ${
+          formik.touched.landline && formik.errors.landline
+            ? "border-red-500 dark:border-red-500"
+            : "border-gray-300"
+        }`}
+        type="text"
+        maxLength={11}
+        placeholder={t("billboards.form.landline")}
+        {...formik.getFieldProps("landline")}
+      />
+      {formik.touched.landline && formik.errors.landline && (
+        <p className="text-red-500 text-xs">{formik.errors.landline}</p>
+      )}
+      <RoundedInput
+        className={`max-w-full mt-2 ${
+          formik.touched.mobile && formik.errors.mobile
+            ? "border-red-500 dark:border-red-500"
+            : "border-gray-300"
+        }`}
+        type="text"
+        maxLength={11}
+        placeholder={t("billboards.form.mobile")}
+        {...formik.getFieldProps("mobile")}
+      />
+      {formik.touched.mobile && formik.errors.mobile && (
+        <p className="text-red-500 text-xs">{formik.errors.mobile}</p>
+      )}
+      <RoundedInput
+        className={`max-w-full mt-2 ${
+          formik.touched.telegram && formik.errors.telegram
+            ? "border-red-500 dark:border-red-500"
+            : "border-gray-300"
+        }`}
+        type="text"
+        placeholder={t("billboards.form.telegram")}
+        {...formik.getFieldProps("telegram")}
+      />
+      {formik.touched.telegram && formik.errors.telegram && (
+        <p className="text-red-500 text-xs">{formik.errors.telegram}</p>
+      )}
+      <RoundedInput
+        className={`max-w-full mt-2 ${
+          formik.touched.whatsapp && formik.errors.whatsapp
+            ? "border-red-500 dark:border-red-500"
+            : "border-gray-300"
+        }`}
+        type="text"
+        placeholder={t("billboards.form.whatsapp")}
+        maxLength={11}
+        {...formik.getFieldProps("whatsapp")}
+      />
+      {formik.touched.whatsapp && formik.errors.whatsapp && (
+        <p className="text-red-500 text-xs">{formik.errors.whatsapp}</p>
+      )}
+      <RoundedInput
+        className={`max-w-full mt-2 ${
+          formik.touched.instagram && formik.errors.instagram
+            ? "border-red-500 dark:border-red-500"
+            : "border-gray-300"
+        }`}
+        type="text"
+        placeholder={t("billboards.form.instagram")}
+        {...formik.getFieldProps("instagram")}
+      />
+      {formik.touched.instagram && formik.errors.instagram && (
+        <p className="text-red-500 text-xs">{formik.errors.instagram}</p>
+      )}
+
+      <label className="flex items-center gap-2 justify-start w-full pr-4 mt-4">
+        <input
+          {...formik.getFieldProps("stateId")}
+          className="scale-125"
+          type="checkbox"
+          onChange={toggleCheckBox}
+        />
+        <span>{t("billboards.form.saveContactInfo")}</span>
+      </label>
+
+      <hr />
+      <RoundedButton type="submit" variant="primary" className="mt-4 px-8 py-2">
+        {t("billboards.submitContinue")}
+      </RoundedButton>
+    </form>
+  );
+};
+
+export default Step4;

_dead_code_quarantine/NewBillboard-duplicate-component/Step5.tsx

@@ -1,281 +1,268 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-"use client";
-
-import RoundedButton from "@/components/elements/RoundedButton";
-import { useFormik } from "formik";
-import * as Yup from "yup";
-
-import { useEffect, useState } from "react";
-import useAxios from "@/hooks/useAxios";
-import { IAdvertisingType } from "@/types/types";
-import { sampleAds, sampleAdsHighlight, sampleAdsSpecial } from "@/constants";
-import RoundedDiv from "@/components/elements/RoundedDiv";
-import { useRouter } from "next/navigation";
-import MainBillboardCard from "../MainBillboardCard/MainBillboardCard";
-import { dataURLtoBlob } from "@/helpers/helpers";
-import { useBillboardForm } from "@/contexts/BillboardFormContext";
-
-const validationSchema = Yup.object({
-  selectedType: Yup.string().required(" انتخاب کردن نوع پروژه الزامی است"),
-});
-
-interface CreateAdvertisingResponse {
-  success: boolean;
-  message: string;
-  data: {
-    id: string;
-  };
-}
-
-const Step5 = () => {
-  const router = useRouter();
-  const { request } = useAxios();
-  const { formData, updateForm, isEditing } = useBillboardForm();
-  const [selectedType, setSelectedType] = useState("normal");
-  const [showDiscount, setShowDiscount] = useState<boolean>(false); // New state for checkbox
-  const [typeList, setTypeList] = useState<IAdvertisingType[] | null>(null);
-
-  const {
-    adsTitle,
-    categoryId,
-    description,
-    stateId,
-    cityId,
-    neighbourhood,
-    address,
-    markerCoordinate,
-    services,
-    selectedFeatures,
-    landline,
-    mobile,
-    telegram,
-    whatsapp,
-    instagram,
-    saveData,
-    images,
-  } = formData;
-
-  const toggleCheckBox = () => {
-    setShowDiscount(!showDiscount);
-  };
-
-  const fetchStates = async () => {
-    try {
-      const response = await request<{ advertisingTypes: IAdvertisingType[] }>(
-        "GET",
-        "/advertising/types"
-      );
-      setTypeList(response?.advertisingTypes || null);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  useEffect(() => {
-    fetchStates();
-  }, []);
-
-  const formik = useFormik({
-    initialValues: {
-      selectedType: formData.selectedType || "",
-    },
-    validationSchema,
-    onSubmit: async (values) => {
-      updateForm(values);
-
-      const data = new FormData();
-      data.append("title", adsTitle);
-      data.append("category", categoryId);
-      if (description) {
-        data.append("description", description);
-      }
-      data.append("province", stateId ? stateId : "");
-      data.append("city", cityId ? cityId : "");
-      if (neighbourhood) {
-        data.append("neighbourhood", neighbourhood);
-      }
-      if (address) {
-        data.append("address", address);
-      }
-      if (markerCoordinate) {
-        data.append("lat", markerCoordinate[0]);
-        data.append("lng", markerCoordinate[1]);
-      }
-      data.append("services", JSON.stringify(services));
-      data.append("features", JSON.stringify(selectedFeatures));
-      if (landline) {
-        data.append("contactInfo[phone]", landline);
-      }
-      if (mobile) {
-        data.append("contactInfo[mobile]", mobile);
-      }
-      if (telegram) {
-        data.append("contactInfo[telegramLink]", telegram);
-      }
-      if (whatsapp) {
-        data.append("contactInfo[whatsappNumber]", whatsapp);
-      }
-      if (instagram) {
-        data.append("contactInfo[instagramLink]", instagram);
-      }
-      if (saveData !== null && typeof saveData === "boolean") {
-        data.append("contactInfo[saveInfoForNextAds]", String(saveData));
-      }
-
-      if (showDiscount !== null && typeof showDiscount === "boolean") {
-        data.append("showDiscount", String(showDiscount)); // تغییر اینجا بود!
-      }
-      data.append("type", selectedType);
-
-      const mostDiscountPercentage =
-        services.length > 0
-          ? services.reduce<number>((max, service) => {
-              // بررسی و تبدیل مقدار discountPercentage به عدد
-              const discount =
-                typeof service.discountPercentage === "number"
-                  ? service.discountPercentage
-                  : 0;
-
-              return discount > max ? discount : max;
-            }, 0)
-          : 0;
-
-      if (mostDiscountPercentage) {
-        data.append("mostDiscountPercentage", String(mostDiscountPercentage));
-      }
-
-      // const modifiedServices = services.map((service) => ({
-      //   ...service,
-      //   image: "", // جایگزین کردن مقدار image با یک رشته خالی
-      // }));
-
-      // data.append("services", JSON.stringify(modifiedServices));
-
-      // data.append("services", JSON.stringify(services));
-
-      // افزودن تصاویر به فرم داده‌ها
-      images?.forEach((image) => {
-        if (typeof image === "string" && image.startsWith("/advertising/")) {
-          data.append("existingImages[]", image);
-        } else {
-          const blob = dataURLtoBlob(image); // تبدیل Base64 به Blob
-          data.append("images", blob);
-        }
-      });
-
-      // اضافه کردن تصاویر خدمات به فرم داده
-      services.forEach((service) => {
-        if (
-          typeof service.image === "string" &&
-          service.image.startsWith("/services/")
-        ) {
-          data.append(`existingServiceImages[${service.id}]`, service.image);
-        } else if (service.image) {
-          const blob = dataURLtoBlob(service.image); // تبدیل Base64 به Blob
-          data.append(
-            `serviceImages[${service.id}]`,
-            blob,
-            `service-${service.id}.jpg`
-          );
-        }
-      });
-      try {
-        if (isEditing) {
-          await request<{ id: string; message: string }>(
-            "POST",
-            `/advertising/edit/${formData?._id}`,
-            data
-          );
-          localStorage.removeItem("billboardForm");
-          router.push(`/settings/my-billboards`);
-        } else {
-          const response = await request<CreateAdvertisingResponse>(
-            "POST",
-            "/advertising/create",
-            data
-          );
-          localStorage.removeItem("billboardForm");
-          // console.log(response?.data?.id);
-          
-          router.push(`/billboards/new/${response.data.id}`);
-        }
-      } catch (err: any) {
-        console.log("Unhandled error:", err?.message);
-      }
-    },
-  });
-  useEffect(() => {
-    if (isEditing && formik.values.selectedType) {
-      formik.submitForm();
-    }
-  }, [isEditing, formik.values.selectedType]);
-
-  return (
-    <form
-      onSubmit={formik.handleSubmit}
-      className="flex flex-col gap-2 w-full items-center text-sm"
-    >
-      <h6 className="font-bold text-xl mb-2">نوع نمایش</h6>
-      <p>نوع نمایش بیلبورد خود برای کاربران را مشخص کنید</p>
-      <div className="flex items-center gap-2 mt-10">
-        <input
-          className="scale-125"
-          type="checkbox"
-          onChange={toggleCheckBox}
-        />
-        <span className="text-xs font-bold">
-          نمایش درصد تخفیف (+20،000 تومان)
-        </span>
-      </div>
-      {typeList?.map((item: IAdvertisingType) => {
-        return (
-          <div
-            onClick={() => {
-              setSelectedType(item?.name);
-              formik.setFieldValue("selectedType", item?.name);
-            }}
-            className="w-full flex flex-col items-center"
-            key={item?._id}
-          >
-            <MainBillboardCard
-              adStatus=""
-              billboard={
-                item?.name == "special"
-                  ? sampleAdsSpecial
-                  : item?.name == "highlight"
-                  ? sampleAdsHighlight
-                  : sampleAds
-              }
-            />
-            <RoundedDiv
-              className={`w-full max-w-full p-2 ${
-                selectedType == item?.name ? "bg-[#FC8EAC]" : ""
-              }`}
-            >
-              {item.name === "normal"
-                ? "نمایش ساده"
-                : item.name === "free"
-                ? "نمایش ساده"
-                : item.name === "special"
-                ? "نمایش با آیکون ویژه"
-                : "نمایش با رنگ پس زمینه متفاوت"}
-              :
-              {item.price !== 0
-                ? !showDiscount
-                  ? Number(item.price).toLocaleString() + "تومان"
-                  : (Number(item.price) + 20000).toLocaleString() + "تومان"
-                : " رایگان"}
-            </RoundedDiv>
-          </div>
-        );
-      })}
-      {formik.touched.selectedType && formik.errors.selectedType && (
-        <p className="text-red-500">{formik.errors.selectedType}</p>
-      )}
-      <RoundedButton type="submit" className="p-2 px-8 rounded mt-4">
-        ثبت درخواست
-      </RoundedButton>
-    </form>
-  );
-};
-
-export default Step5;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+
+import RoundedButton from "@/components/elements/RoundedButton";
+import { useFormik } from "formik";
+import * as Yup from "yup";
+import { useEffect, useMemo, useState } from "react";
+import useAxios from "@/hooks/useAxios";
+import { IAdvertisingType } from "@/types/types";
+import { sampleAds, sampleAdsHighlight, sampleAdsSpecial } from "@/constants";
+import RoundedDiv from "@/components/elements/RoundedDiv";
+import { selectionCardClass } from "@/lib/ui/buttonStyles";
+import { useRouter } from "next/navigation";
+import MainBillboardCard from "@/components/billboards/MainBillboardCard/MainBillboardCard";
+import { dataURLtoBlob } from "@/helpers/helpers";
+import { useBillboardForm } from "@/contexts/BillboardFormContext";
+import { getBillboardDisplayTypeOptionLabel } from "@/lib/billboards/displayTypeLabel";
+import { useTranslation } from "react-i18next";
+
+interface CreateAdvertisingResponse {
+  success: boolean;
+  message: string;
+  data: {
+    id: string;
+  };
+}
+
+const Step5 = () => {
+  const { t } = useTranslation("common");
+  const router = useRouter();
+  const { request } = useAxios();
+  const { formData, updateForm, isEditing } = useBillboardForm();
+  const [selectedType, setSelectedType] = useState("normal");
+  const [showDiscount, setShowDiscount] = useState<boolean>(false);
+  const [typeList, setTypeList] = useState<IAdvertisingType[] | null>(null);
+
+  const validationSchema = useMemo(
+    () =>
+      Yup.object({
+        selectedType: Yup.string().required(
+          t("billboards.form.validation.displayTypeRequired")
+        ),
+      }),
+    [t]
+  );
+
+  const {
+    adsTitle,
+    categoryId,
+    description,
+    stateId,
+    cityId,
+    neighbourhood,
+    address,
+    markerCoordinate,
+    services,
+    selectedFeatures,
+    landline,
+    mobile,
+    telegram,
+    whatsapp,
+    instagram,
+    saveData,
+    images,
+  } = formData;
+
+  const toggleCheckBox = () => {
+    setShowDiscount(!showDiscount);
+  };
+
+  const fetchStates = async () => {
+    try {
+      const response = await request<{ advertisingTypes: IAdvertisingType[] }>(
+        "GET",
+        "/advertising/types"
+      );
+      setTypeList(response?.advertisingTypes || null);
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  useEffect(() => {
+    fetchStates();
+  }, []);
+
+  const formik = useFormik({
+    initialValues: {
+      selectedType: formData.selectedType || "",
+    },
+    validationSchema,
+    onSubmit: async (values) => {
+      updateForm(values);
+
+      const data = new FormData();
+      data.append("title", adsTitle);
+      data.append("category", categoryId);
+      if (description) {
+        data.append("description", description);
+      }
+      data.append("province", stateId ? stateId : "");
+      data.append("city", cityId ? cityId : "");
+      if (neighbourhood) {
+        data.append("neighbourhood", neighbourhood);
+      }
+      if (address) {
+        data.append("address", address);
+      }
+      if (markerCoordinate) {
+        data.append("lat", markerCoordinate[0]);
+        data.append("lng", markerCoordinate[1]);
+      }
+      data.append("services", JSON.stringify(services));
+      data.append("features", JSON.stringify(selectedFeatures));
+      if (landline) {
+        data.append("contactInfo[phone]", landline);
+      }
+      if (mobile) {
+        data.append("contactInfo[mobile]", mobile);
+      }
+      if (telegram) {
+        data.append("contactInfo[telegramLink]", telegram);
+      }
+      if (whatsapp) {
+        data.append("contactInfo[whatsappNumber]", whatsapp);
+      }
+      if (instagram) {
+        data.append("contactInfo[instagramLink]", instagram);
+      }
+      if (saveData !== null && typeof saveData === "boolean") {
+        data.append("contactInfo[saveInfoForNextAds]", String(saveData));
+      }
+
+      if (showDiscount !== null && typeof showDiscount === "boolean") {
+        data.append("showDiscount", String(showDiscount));
+      }
+      data.append("type", selectedType);
+
+      const mostDiscountPercentage =
+        services.length > 0
+          ? services.reduce<number>((max, service) => {
+              const discount =
+                typeof service.discountPercentage === "number"
+                  ? service.discountPercentage
+                  : 0;
+
+              return discount > max ? discount : max;
+            }, 0)
+          : 0;
+
+      if (mostDiscountPercentage) {
+        data.append("mostDiscountPercentage", String(mostDiscountPercentage));
+      }
+
+      images?.forEach((image) => {
+        if (typeof image === "string" && image.startsWith("/advertising/")) {
+          data.append("existingImages[]", image);
+        } else {
+          const blob = dataURLtoBlob(image);
+          data.append("images", blob);
+        }
+      });
+
+      services.forEach((service) => {
+        if (
+          typeof service.image === "string" &&
+          service.image.startsWith("/services/")
+        ) {
+          data.append(`existingServiceImages[${service.id}]`, service.image);
+        } else if (service.image) {
+          const blob = dataURLtoBlob(service.image);
+          data.append(
+            `serviceImages[${service.id}]`,
+            blob,
+            `service-${service.id}.jpg`
+          );
+        }
+      });
+      try {
+        if (isEditing) {
+          await request<{ id: string; message: string }>(
+            "POST",
+            `/advertising/edit/${formData?._id}`,
+            data
+          );
+          localStorage.removeItem("billboardForm");
+          router.push(`/settings/my-billboards`);
+        } else {
+          const response = await request<CreateAdvertisingResponse>(
+            "POST",
+            "/advertising/create",
+            data
+          );
+          localStorage.removeItem("billboardForm");
+          router.push(`/billboards/new/${response.data.id}`);
+        }
+      } catch (err: any) {
+        console.log("Unhandled error:", err?.message);
+      }
+    },
+  });
+
+  useEffect(() => {
+    if (isEditing && formik.values.selectedType) {
+      formik.submitForm();
+    }
+  }, [isEditing, formik.values.selectedType]);
+
+  return (
+    <form
+      onSubmit={formik.handleSubmit}
+      className="flex flex-col gap-2 w-full items-center text-sm"
+    >
+      <h6 className="font-bold text-xl mb-2">{t("billboards.displayTypeTitle")}</h6>
+      <p>{t("billboards.displayTypeHint")}</p>
+      <div className="flex items-center gap-2 mt-10">
+        <input
+          className="scale-125"
+          type="checkbox"
+          onChange={toggleCheckBox}
+        />
+        <span className="text-xs font-bold">{t("billboards.showDiscount")}</span>
+      </div>
+      {typeList?.map((item: IAdvertisingType) => {
+        return (
+          <div
+            onClick={() => {
+              setSelectedType(item?.name);
+              formik.setFieldValue("selectedType", item?.name);
+            }}
+            className="w-full flex flex-col items-center"
+            key={item?._id}
+          >
+            <MainBillboardCard
+              adStatus=""
+              billboard={
+                item?.name == "special"
+                  ? sampleAdsSpecial
+                  : item?.name == "highlight"
+                  ? sampleAdsHighlight
+                  : sampleAds
+              }
+            />
+            <RoundedDiv
+              className={selectionCardClass(selectedType == item?.name)}
+            >
+              {getBillboardDisplayTypeOptionLabel(t, item.name)}:
+              {item.price !== 0
+                ? !showDiscount
+                  ? Number(item.price).toLocaleString() + t("settings.toman")
+                  : (Number(item.price) + 20000).toLocaleString() +
+                    t("settings.toman")
+                : ` ${t("billboards.free")}`}
+            </RoundedDiv>
+          </div>
+        );
+      })}
+      {formik.touched.selectedType && formik.errors.selectedType && (
+        <p className="text-red-500">{formik.errors.selectedType}</p>
+      )}
+      <RoundedButton type="submit" variant="primary" className="mt-4 px-8 py-2">
+        {t("billboards.submitRequest")}
+      </RoundedButton>
+    </form>
+  );
+};
+
+export default Step5;

_dead_code_quarantine/NewBillboard-duplicate-component/step1/ImageUploader.tsx

@@ -1,86 +1,90 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { IMAGE_BASE_URL } from "@/components/main/BaseUrl";
-import { useState } from "react";
-
-type ImageUploaderProps = {
-  formik: any;
-};
-
-const ImageUploader: React.FC<ImageUploaderProps> = ({ formik }) => {
-  const [images, setImages] = useState<string[]>(formik.values.images || []);
-
-  const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
-    if (!event.target.files) return;
-    const files = Array.from(event.target.files);
-
-    if (images.length + files.length > 5) {
-      alert("حداکثر ۵ عکس می‌توانید انتخاب کنید");
-      return;
-    }
-
-    const newImages: string[] = [];
-
-    files.forEach((file) => {
-      const reader = new FileReader();
-      reader.readAsDataURL(file);
-      reader.onload = () => {
-        if (typeof reader.result === "string") {
-          newImages.push(reader.result);
-          if (newImages.length === files.length) {
-            const updatedImages = [...images, ...newImages];
-            setImages(updatedImages);
-            formik.setFieldValue("images", updatedImages);
-          }
-        }
-      };
-    });
-  };
-
-  const handleRemoveImage = (index: number) => {
-    const newImages = images.filter((_, i) => i !== index);
-    setImages(newImages);
-    formik.setFieldValue("images", newImages);
-  };
-
-  return (
-    <div className="flex flex-wrap gap-2 w-full mt-5">
-      {images.map((image, index) => (
-        <div
-          key={crypto.randomUUID()}
-          className="relative w-24 h-24 rounded-lg overflow-hidden border"
-        >
-          <img
-            src={
-              images[index].slice(0, 12) === "/advertising"
-                ? IMAGE_BASE_URL + image
-                : image
-            }
-            alt="uploaded"
-            className="w-full h-full object-cover"
-          />
-          <button
-            type="button"
-            className="absolute top-1 right-1 bg-black bg-opacity-50 p-1 px-2.5 rounded-full text-white"
-            onClick={() => handleRemoveImage(index)}
-          >
-            x
-          </button>
-        </div>
-      ))}
-      {images.length < 5 && (
-        <label className="w-24 h-24 flex items-center justify-center border-dashed border-2 cursor-pointer rounded-lg">
-          <input
-            type="file"
-            multiple
-            accept="image/*"
-            className="hidden"
-            onChange={handleImageUpload}
-          />
-          +
-        </label>
-      )}
-    </div>
-  );
-};
-
-export default ImageUploader;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+
+import { IMAGE_BASE_URL } from "@/components/main/BaseUrl";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+
+type ImageUploaderProps = {
+  formik: any;
+};
+
+const ImageUploader: React.FC<ImageUploaderProps> = ({ formik }) => {
+  const { t } = useTranslation("common");
+  const [images, setImages] = useState<string[]>(formik.values.images || []);
+
+  const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
+    if (!event.target.files) return;
+    const files = Array.from(event.target.files);
+
+    if (images.length + files.length > 5) {
+      alert(t("billboards.form.maxImagesAlert"));
+      return;
+    }
+
+    const newImages: string[] = [];
+
+    files.forEach((file) => {
+      const reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = () => {
+        if (typeof reader.result === "string") {
+          newImages.push(reader.result);
+          if (newImages.length === files.length) {
+            const updatedImages = [...images, ...newImages];
+            setImages(updatedImages);
+            formik.setFieldValue("images", updatedImages);
+          }
+        }
+      };
+    });
+  };
+
+  const handleRemoveImage = (index: number) => {
+    const newImages = images.filter((_, i) => i !== index);
+    setImages(newImages);
+    formik.setFieldValue("images", newImages);
+  };
+
+  return (
+    <div className="flex flex-wrap gap-2 w-full mt-5">
+      {images.map((image, index) => (
+        <div
+          key={crypto.randomUUID()}
+          className="relative w-24 h-24 rounded-lg overflow-hidden border"
+        >
+          <img
+            src={
+              images[index].slice(0, 12) === "/advertising"
+                ? IMAGE_BASE_URL + image
+                : image
+            }
+            alt="uploaded"
+            className="w-full h-full object-cover"
+          />
+          <button
+            type="button"
+            className="absolute top-1 right-1 bg-black bg-opacity-50 p-1 px-2.5 rounded-full text-white"
+            onClick={() => handleRemoveImage(index)}
+          >
+            x
+          </button>
+        </div>
+      ))}
+      {images.length < 5 && (
+        <label className="w-24 h-24 flex items-center justify-center border-dashed border-2 cursor-pointer rounded-lg">
+          <input
+            type="file"
+            multiple
+            accept="image/*"
+            className="hidden"
+            onChange={handleImageUpload}
+          />
+          +
+        </label>
+      )}
+    </div>
+  );
+};
+
+export default ImageUploader;

_dead_code_quarantine/NewBillboard-duplicate-component/step1/LocationSelector.tsx

@@ -1,199 +1,202 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ICity, IProvince } from "@/types/types";
-import SelectBox from "@/components/elements/SelectBox";
-import { useState, useEffect } from "react";
-import useAxios from "@/hooks/useAxios";
-import RoundedInput from "@/components/elements/RoundedInput";
-import Map, { GeolocateControl, Marker } from "react-map-gl";
-import "mapbox-gl/dist/mapbox-gl.css";
-import Image from "next/image";
-import { useBillboardForm } from "@/contexts/BillboardFormContext";
-
-interface LocationSelectorProps {
-  formik: any;
-}
-
-const LocationSelector: React.FC<LocationSelectorProps> = ({ formik }) => {
-  const { formData } = useBillboardForm();
-
-  const { request } = useAxios();
-  const [allStates, setAllStates] = useState<IProvince[] | null>(null);
-  const [cities, setCities] = useState<ICity[] | null>(null);
-  const [selectedLocation, setSelectedLocation] = useState<{
-    lat: number;
-    lng: number;
-  } | null>(null);
-
-  const fetchStates = async () => {
-    try {
-      const response = await request<{ provinces: IProvince[] }>(
-        "GET",
-        "/provinces"
-      );
-      setAllStates(response?.provinces || null);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-
-  const fetchCities = async (provinceId: string) => {
-    try {
-      const response = await request<{ cities: ICity[] }>(
-        "GET",
-        `/cities/${provinceId}`
-      );
-      setCities(response?.cities || []);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-
-  useEffect(() => {
-    fetchStates();
-  }, []);
-
-  useEffect(() => {
-    if (formik.values.stateId) {
-      fetchCities(formik.values.stateId);
-    }
-
-    if (formData?.markerCoordinate && formData?.markerCoordinate[1]) {
-      setSelectedLocation({
-        lat: Number(formData?.markerCoordinate[1]),
-        lng: Number(formData?.markerCoordinate[0]),
-      });
-    }
-  }, [formik?.values?.markerCoordinate]);
-
-  const handleProvinceChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
-    const selectedProvinceId = e.target.value;
-    formik.setFieldValue("stateId", selectedProvinceId);
-    fetchCities(selectedProvinceId); // Fetch cities for the selected province
-  };
-
-  const handleMapClick = (event: any) => {
-    const { lngLat } = event;
-    setSelectedLocation({
-      lat: lngLat.lat,
-      lng: lngLat.lng,
-    });
-    formik.setFieldValue("markerCoordinate", [lngLat.lng, lngLat.lat]);
-  };
-
-  return (
-    <>
-      <SelectBox
-        className={`max-w-full ${
-          formik.touched.stateId && formik.errors.stateId
-            ? "border-red-500 dark:border-red-500"
-            : ""
-        }`}
-        value={formik.values.stateId}
-        onChange={handleProvinceChange}
-      >
-        <option disabled value="">
-          استان
-        </option>
-        {allStates?.map((item: IProvince) => (
-          <option key={item.id} value={item.id}>
-            {item?.name}
-          </option>
-        ))}
-      </SelectBox>
-      {formik.touched.stateId && formik.errors.stateId && (
-        <small className="text-red-500 block text-center">
-          {formik.errors.stateId}
-        </small>
-      )}
-
-      <SelectBox
-        className={`max-w-full ${
-          formik.touched.cityId && formik.errors.cityId
-            ? "border-red-500 dark:border-red-500"
-            : "border-gray-300"
-        }`}
-        value={formik.values.cityId}
-        onChange={(e) => formik.setFieldValue("cityId", e.target.value)}
-      >
-        <option disabled value="">
-          شهر
-        </option>
-        {cities?.map((city: ICity) => (
-          <option key={city.id} value={city.id}>
-            {city.name}
-          </option>
-        ))}
-      </SelectBox>
-      {formik.touched.cityId && formik.errors.cityId && (
-        <small className="text-red-500 block text-center">
-          {formik.errors.cityId}
-        </small>
-      )}
-      <RoundedInput
-        className={`max-w-full ${
-          formik.touched.neighbourhood && formik.errors.neighbourhood
-            ? "border-red-500 dark:border-red-500"
-            : ""
-        }`}
-        type="text"
-        placeholder="محله "
-        {...formik.getFieldProps("neighbourhood")}
-      />
-
-      {formik.touched.neighbourhood && formik.errors.neighbourhood && (
-        <p className="text-red-500">{formik.errors.neighbourhood}</p>
-      )}
-      <textarea
-         //className={`w-full p-4 mt-2 h-24 rounded-3xl border border-border-secondary-light dark:border-border-secondary-dark bg-secondary-light dark:bg-secondary-dark font-medium`}
-        className={`w-full p-4 mt-2 h-24 rounded-3xl border 
-          ${
-            formik.touched.address && formik.errors.address
-              ? "border-red-500 dark:border-red-500"
-              : "border-border-primary-light dark:border-border-primary-dark"
-          }
-          border-neutral-950 text-neutral-900 dark:text-neutral-50 dark:border-neutral-400 font-medium`}
-        placeholder="آدرس"
-        {...formik.getFieldProps("address")}
-      ></textarea>
-      {formik.touched.address && formik.errors.address && (
-        <p className="text-red-500">{formik.errors.address}</p>
-      )}
-      <div className="w-full rounded-2xl overflow-hidden mt-2">
-        <Map
-          style={{ height: "240px" }}
-          initialViewState={{
-            longitude: 51.375433528216654,
-            latitude: 35.73356434056531,
-            zoom: 11,
-          }}
-          mapboxAccessToken="pk.eyJ1IjoiYWxkZjkyIiwiYSI6ImNscHh5ZG56dTByMXAycnJ2cDNmdDQ5M3YifQ.a_sUt1rLFMfA0jHrETcM7A"
-          mapStyle="mapbox://styles/mapbox/streets-v11"
-          onClick={handleMapClick}
-        >
-          <GeolocateControl />
-          {selectedLocation && (
-            <Marker
-              latitude={selectedLocation.lat}
-              longitude={selectedLocation.lng}
-            >
-              <Image
-                alt="location icon"
-                className="-mt-5"
-                width={25}
-                height={25}
-                src={"/images/icons/location.svg"}
-              />
-            </Marker>
-          )}
-        </Map>
-        {formik.touched.markerCoordinate && formik.errors.markerCoordinate && (
-          <p className="text-red-500 text-xs">
-            {formik.errors.markerCoordinate as string}
-          </p>
-        )}
-      </div>
-    </>
-  );
-};
-
-export default LocationSelector;
+/* eslint-disable @typescript-eslint/no-explicit-any */
+"use client";
+
+import { ICity, IProvince } from "@/types/types";
+import SelectBox from "@/components/elements/SelectBox";
+import { useState, useEffect } from "react";
+import useAxios from "@/hooks/useAxios";
+import RoundedInput from "@/components/elements/RoundedInput";
+import Map, { GeolocateControl, Marker } from "react-map-gl";
+import "mapbox-gl/dist/mapbox-gl.css";
+import Image from "next/image";
+import { useBillboardForm } from "@/contexts/BillboardFormContext";
+import { useTranslation } from "react-i18next";
+
+interface LocationSelectorProps {
+  formik: any;
+}
+
+const LocationSelector: React.FC<LocationSelectorProps> = ({ formik }) => {
+  const { t } = useTranslation("common");
+  const { formData } = useBillboardForm();
+
+  const { request } = useAxios();
+  const [allStates, setAllStates] = useState<IProvince[] | null>(null);
+  const [cities, setCities] = useState<ICity[] | null>(null);
+  const [selectedLocation, setSelectedLocation] = useState<{
+    lat: number;
+    lng: number;
+  } | null>(null);
+
+  const fetchStates = async () => {
+    try {
+      const response = await request<{ provinces: IProvince[] }>(
+        "GET",
+        "/provinces"
+      );
+      setAllStates(response?.provinces || null);
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  const fetchCities = async (provinceId: string) => {
+    try {
+      const response = await request<{ cities: ICity[] }>(
+        "GET",
+        `/cities/${provinceId}`
+      );
+      setCities(response?.cities || []);
+    } catch (err) {
+      console.log(err);
+    }
+  };
+
+  useEffect(() => {
+    fetchStates();
+  }, []);
+
+  useEffect(() => {
+    if (formik.values.stateId) {
+      fetchCities(formik.values.stateId);
+    }
+
+    if (formData?.markerCoordinate && formData?.markerCoordinate[1]) {
+      setSelectedLocation({
+        lat: Number(formData?.markerCoordinate[1]),
+        lng: Number(formData?.markerCoordinate[0]),
+      });
+    }
+  }, [formik?.values?.markerCoordinate]);
+
+  const handleProvinceChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    const selectedProvinceId = e.target.value;
+    formik.setFieldValue("stateId", selectedProvinceId);
+    fetchCities(selectedProvinceId);
+  };
+
+  const handleMapClick = (event: any) => {
+    const { lngLat } = event;
+    setSelectedLocation({
+      lat: lngLat.lat,
+      lng: lngLat.lng,
+    });
+    formik.setFieldValue("markerCoordinate", [lngLat.lng, lngLat.lat]);
+  };
+
+  return (
+    <>
+      <SelectBox
+        className={`max-w-full ${
+          formik.touched.stateId && formik.errors.stateId
+            ? "border-red-500 dark:border-red-500"
+            : ""
+        }`}
+        value={formik.values.stateId}
+        onChange={handleProvinceChange}
+      >
+        <option disabled value="">
+          {t("billboards.province")}
+        </option>
+        {allStates?.map((item: IProvince) => (
+          <option key={item.id} value={item.id}>
+            {item?.name}
+          </option>
+        ))}
+      </SelectBox>
+      {formik.touched.stateId && formik.errors.stateId && (
+        <small className="text-red-500 block text-center">
+          {formik.errors.stateId}
+        </small>
+      )}
+
+      <SelectBox
+        className={`max-w-full ${
+          formik.touched.cityId && formik.errors.cityId
+            ? "border-red-500 dark:border-red-500"
+            : "border-gray-300"
+        }`}
+        value={formik.values.cityId}
+        onChange={(e) => formik.setFieldValue("cityId", e.target.value)}
+      >
+        <option disabled value="">
+          {t("billboards.city")}
+        </option>
+        {cities?.map((city: ICity) => (
+          <option key={city.id} value={city.id}>
+            {city.name}
+          </option>
+        ))}
+      </SelectBox>
+      {formik.touched.cityId && formik.errors.cityId && (
+        <small className="text-red-500 block text-center">
+          {formik.errors.cityId}
+        </small>
+      )}
+      <RoundedInput
+        className={`max-w-full ${
+          formik.touched.neighbourhood && formik.errors.neighbourhood
+            ? "border-red-500 dark:border-red-500"
+            : ""
+        }`}
+        type="text"
+        placeholder={t("billboards.neighbourhood")}
+        {...formik.getFieldProps("neighbourhood")}
+      />
+
+      {formik.touched.neighbourhood && formik.errors.neighbourhood && (
+        <p className="text-red-500">{formik.errors.neighbourhood}</p>
+      )}
+      <textarea
+        className={`w-full p-4 mt-2 h-24 rounded-3xl border 
+          ${
+            formik.touched.address && formik.errors.address
+              ? "border-red-500 dark:border-red-500"
+              : "border-border-primary-light dark:border-border-primary-dark"
+          }
+          border-neutral-950 text-neutral-900 dark:text-neutral-50 dark:border-neutral-400 font-medium`}
+        placeholder={t("billboards.address")}
+        {...formik.getFieldProps("address")}
+      ></textarea>
+      {formik.touched.address && formik.errors.address && (
+        <p className="text-red-500">{formik.errors.address}</p>
+      )}
+      <div className="w-full rounded-2xl overflow-hidden mt-2">
+        <Map
+          style={{ height: "240px" }}
+          initialViewState={{
+            longitude: 51.375433528216654,
+            latitude: 35.73356434056531,
+            zoom: 11,
+          }}
+          mapboxAccessToken="pk.eyJ1IjoiYWxkZjkyIiwiYSI6ImNscHh5ZG56dTByMXAycnJ2cDNmdDQ5M3YifQ.a_sUt1rLFMfA0jHrETcM7A"
+          mapStyle="mapbox://styles/mapbox/streets-v11"
+          onClick={handleMapClick}
+        >
+          <GeolocateControl />
+          {selectedLocation && (
+            <Marker
+              latitude={selectedLocation.lat}
+              longitude={selectedLocation.lng}
+            >
+              <Image
+                alt="location icon"
+                className="-mt-5"
+                width={25}
+                height={25}
+                src={"/images/icons/location.svg"}
+              />
+            </Marker>
+          )}
+        </Map>
+        {formik.touched.markerCoordinate && formik.errors.markerCoordinate && (
+          <p className="text-red-500 text-xs">
+            {formik.errors.markerCoordinate as string}
+          </p>
+        )}
+      </div>
+    </>
+  );
+};
+
+export default LocationSelector;

docker-compose.yml

@@ -6,10 +6,11 @@ services:
     container_name: modstagram-next
     restart: unless-stopped
     ports:
-      - "3004:3000"
+      - "3001:3001"
     environment:
       - NODE_ENV=production
       - HOST=0.0.0.0
+      - PORT=3001
     volumes:
       - ./:/app
       - /app/node_modules

ecosystem.config.cjs

@@ -0,0 +1,29 @@
+/** PM2 — production frontend (nginx upstream — usually port 3004 on server) */
+module.exports = {
+  apps: [
+    {
+      name: "modstagram-next",
+      cwd: __dirname,
+      script: "node_modules/next/dist/bin/next",
+      args: "start --port 3004 --hostname 0.0.0.0",
+      instances: 1,
+      exec_mode: "fork",
+      autorestart: true,
+      max_memory_restart: "800M",
+      env: {
+        NODE_ENV: "production",
+        PORT: "3004",
+        HOSTNAME: "0.0.0.0",
+        UPSTREAM_API_URL: "https://api.modstagram.com",
+        NEXT_PUBLIC_SOCKET_URL: "https://api.modstagram.com",
+        NEXT_PUBLIC_IMAGE_BASE_URL: "https://api.modstagram.com/storage",
+        NEXT_PUBLIC_BASE_URL: "/api/v1",
+        NEXT_PUBLIC_SITE_URL: "https://modstagram.com",
+        GOOGLE_CLIENT_ID:
+          "91028483292-vba2ktgbvus1p5ce18ir04h1b5c50gnn.apps.googleusercontent.com",
+        NEXT_PUBLIC_GOOGLE_CLIENT_ID:
+          "91028483292-vba2ktgbvus1p5ce18ir04h1b5c50gnn.apps.googleusercontent.com",
+      },
+    },
+  ],
+};

next-sitemap.config.js

@@ -1,218 +1,13 @@
-// next-sitemap.config.js
-/** @type {import('next-sitemap').IConfig} */
+/**
+ * DISABLED — sitemap داینامیک از App Router سرو می‌شود:
+ *   /sitemap.xml
+ *   /sitemaps/static.xml | filters.xml | posts/N.xml | ...
+ *
+ * اسکریپت postbuild دیگر next-sitemap را اجرا نمی‌کند.
+ * این فایل فقط برای مرجع نگه داشته شده است.
+ */
 module.exports = {
-  siteUrl: 'https://modstagram.com', // دامنه اصلی سایت شما
-  generateRobotsTxt: true, // تولید فایل robots.txt
-  sitemapSize: 7000, // حداکثر تعداد URL در هر فایل سایت‌مپ
-  changefreq: 'daily', // فرکانس پیش‌فرض تغییر صفحات
-  priority: 0.7, // اولویت پیش‌فرض صفحات
-
-  // تابع transform برای فیلتر کردن و تنظیمات خاص هر مسیر
-  transform: async (config, path) => {
-    // مسیرهایی که نباید در سایت‌مپ باشند و نیازی به ایندکس شدن ندارند
-    const excludedPaths = [
-      '/settings',
-      '/auth',
-      '/new-post',
-      '/offer',
-      '/private/', // مسیرهای خصوصی
-      // صفحات مربوط به پرداخت و ثبت‌نام/ورود
-      '/projects/payment/success',
-      '/projects/payment/failed',
-      '/billboards/payment/success',
-      '/billboards/payment/failed',
-      '/forget-password',
-      '/change-passowrd',
-      '/login-with-username',
-      '/login',
-      '/register-otp',
-      '/verify-otp',
-      '/register',
-      '/forget-password-otp',
-      '/register/password',
-      '/register/fullname',
-      '/register/usertype',
-      '/register/username',
-      '/verify/avatar',
-      '/verify/auth',
-      '/verify/colors',
-      '/verify/confirm',
-      '/verify/expertise',
-      '/verify/gender',
-      '/verify/national-cart',
-      '/verify/location',
-      '/verify/public-relations',
-      '/verify/cooperation-type',
-      '/verify/services',
-      '/verify/sizes',
-      '/new-project', // اگر این یک صفحه فرم داخلی است که نیازی به ایندکس شدن ندارد
-      '/billboards/new', // اگر این یک صفحه فرم داخلی است که نیازی به ایندکس شدن ندارد
-      '/search', // اگر صفحه جستجو محتوای قابل ایندکس ندارد
-    ];
-
-    // اگر مسیر در لیست excludedPaths باشد، آن را از سایت‌مپ حذف کن
-    if (excludedPaths.some(p => path.startsWith(p))) {
-      return null;
-    }
-
-    let pageChangefreq = config.changefreq;
-    let pagePriority = config.priority;
-
-    // تنظیمات خاص برای مسیرهای مختلف
-    if (path.startsWith('/users/')) { // مسیر برای پروفایل‌های کاربران
-      pageChangefreq = 'weekly';
-      pagePriority = 0.6;
-    }
-    if (path.startsWith('/projects/') || path.startsWith('/billboards/')) {
-      pageChangefreq = 'daily';
-      pagePriority = 0.8;
-    }
-    if (path === '/') { // صفحه اصلی
-      pageChangefreq = 'daily';
-      pagePriority = 1.0;
-    }
-    if (path === '/about-us') { // صفحه درباره ما
-      pageChangefreq = 'monthly';
-      pagePriority = 0.8;
-    }
-
-    return {
-      loc: path, // آدرس کامل صفحه
-      changefreq: pageChangefreq, // فرکانس تغییر صفحه
-      priority: pagePriority, // اولویت صفحه
-      lastmod: config.autoLastmod ? new Date().toISOString() : undefined, // تاریخ آخرین تغییر
-      alternateRefs: config.alternateRefs ?? [],
-    };
-  },
-
-  // تابع additionalPaths برای اضافه کردن مسیرهای داینامیک از API
-  additionalPaths: async (config) => {
-    const paths = [];
-    const BASE_URL_API = "https://app.modstagram.ir/api/v1"; // آدرس پایه API شما
-    paths.push({
-      loc: '/',
-      changefreq: 'daily',
-      priority: 1.0
-    });
-    paths.push({
-      loc: '/projects',
-      changefreq: 'daily', 
-      priority: 0.9
-    });
-    paths.push({
-      loc: '/billboards',
-      changefreq: 'daily', // یا weekly بسته به میزان تغییر محتوا
-      priority: 0.9
-    });
-    try {
-      // واکشی داده‌های پروژه‌ها
-      const projectsRes = await fetch(`${BASE_URL_API}/projects?limit=500`);
-      const projectsData = await projectsRes.json();
-      if (projectsData && Array.isArray(projectsData.projects)) {
-        projectsData.projects.forEach((project) => {
-          if (project.id && project.title) {
-            paths.push({
-              // مسیر پروژه‌ها (با استفاده از تمپلیت لیتِرال صحیح)
-              loc: `/projects/${project.id}/${encodeURIComponent(project.title)}`,
-              changefreq: 'daily',
-              priority: 0.8
-            });
-          }
-        });
-      }
-
-      // واکشی داده‌های بیلبوردها
-      const billboardsRes = await fetch(`${BASE_URL_API}/advertising/web?limit=500`);
-      const billboardsData = await billboardsRes.json();
-      if (billboardsData && Array.isArray(billboardsData.advertisings)) {
-        billboardsData.advertisings.forEach((billboard) => {
-          if (billboard._id && billboard.title) {
-            paths.push({
-              // مسیر بیلبوردها (با استفاده از تمپلیت لیتِرال صحیح)
-              loc: `/billboards/${billboard._id}/${encodeURIComponent(billboard.title)}`,
-              changefreq: 'daily',
-              priority: 0.8
-            });
-          }
-        });
-      }
-
-      // واکشی داده‌های کاربران (مدل‌ها)
-      const usersRes = await fetch(`${BASE_URL_API}/users/web?limit=500`);
-      const usersData = await usersRes.json();
-      if (usersData && Array.isArray(usersData.users)) {
-        usersData.users.forEach((user) => {
-          if (user.user_name) {
-            paths.push({
-              // مسیر پروفایل کاربران (مسیر در Next.js شما /users/[username] است)
-              loc: `/users/${encodeURIComponent(user.user_name)}`,
-              changefreq: 'weekly',
-              priority: 0.6
-            });
-          }
-        });
-      }
-
-    } catch (error) {
-      // لاگ کردن خطا در صورت مشکل در واکشی داده‌ها از API
-      console.error('Error fetching additional paths for sitemap:', error);
-    }
-
-    return paths; // بازگرداندن آرایه‌ای از مسیرهای داینامیک
-  },
-
-  // تنظیمات مربوط به فایل robots.txt
-  robotsTxtOptions: {
-    policies: [
-      {
-        userAgent: '*', // اعمال سیاست‌ها برای همه ربات‌ها
-        allow: '/', // اجازه دسترسی به کل سایت
-        disallow: [
-          '/api/', // مسیرهای API
-          '/_next/', // فایل‌های داخلی Next.js
-          '/settings', // صفحات تنظیمات
-          '/auth', // صفحات احراز هویت (ورود، ثبت‌نام)
-          '/private/', // مسیرهای خصوصی موجود
-          '/new-post', // صفحات ایجاد پست جدید
-          '/offer', // صفحات پیشنهاد
-          // اضافه کردن مسیرهای پرداخت و ثبت‌نام/ورود به disallow
-          '/projects/payment/success',
-          '/projects/payment/failed',
-          '/billboards/payment/success',
-          '/billboards/payment/failed',
-          '/forget-password',
-          '/change-passowrd',
-          '/login-with-username',
-          '/login',
-          '/register-otp',
-          '/verify-otp',
-          '/register',
-          '/forget-password-otp',
-          '/register/password',
-          '/register/fullname',
-          '/register/usertype',
-          '/register/username',
-          '/verify/avatar',
-          '/verify/auth',
-          '/verify/colors',
-          '/verify/confirm',
-          '/verify/expertise',
-          '/verify/gender',
-          '/verify/national-cart',
-          '/verify/location',
-          '/verify/public-relations',
-          '/verify/cooperation-type',
-          '/verify/services',
-          '/verify/sizes',
-          '/new-project',
-          '/billboards/new',
-          '/search', // اگر این صفحه برای ایندکس شدن نامناسب است
-        ],
-      },
-    ],
-    // اضافه کردن آدرس سایت‌مپ به robots.txt
-    additionalSitemaps: [
-      'https://modstagram.com/sitemap.xml',
-    ],
-  },
-};
+  siteUrl: "https://modstagram.com",
+  generateRobotsTxt: false,
+  generateIndexSitemap: false,
+};

next.config.ts

@@ -13,20 +13,50 @@ const nextConfig = {
     remotePatterns: [
       {
         protocol: 'https',
-        hostname: 'app.modstagram.ir',
+        hostname: 'api.modstagram.ir',
         port: '',
-        pathname: '/**',  
+        pathname: '/**',
       },
       {
         protocol: 'https',
-        hostname: 'blog.modstagram.com', // اجازه دادن به نمایش تصاویر وبلاگ
+        hostname: 'app.modstagram.ir',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'api.modstagram.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'app.modstagram.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'panel.modstagram.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'cdn.modstagram.com',
+        port: '',
+        pathname: '/**',
+      },
+      {
+        protocol: 'https',
+        hostname: 'api.qrserver.com',
         port: '',
         pathname: '/**',
       },
       {
         protocol: 'http',
         hostname: 'localhost',
-        port: '',
+        port: '3004',
         pathname: '/**',
       },
     ],
@@ -36,16 +66,26 @@ const nextConfig = {
     minimumCacheTTL: 31536000,
   },
 
-  // ۳. هدایت ترافیک ساب‌فولدر به وردپرس (بخش جدید)
-  async rewrites() {
+  // ۳. ریدایرکت دائمی دامنه قدیمی .ir به دامنه اصلی .com
+  async redirects() {
     return [
       {
-        source: '/blog',
-        destination: 'https://blog.modstagram.com/blog',
+        source: '/:path*',
+        has: [{ type: 'host', value: 'modstagram.ir' }],
+        destination: 'https://modstagram.com/:path*',
+        permanent: true,
       },
       {
-        source: '/blog/:path*',
-        destination: 'https://blog.modstagram.com/blog/:path*',
+        source: '/:path*',
+        has: [{ type: 'host', value: 'www.modstagram.ir' }],
+        destination: 'https://modstagram.com/:path*',
+        permanent: true,
+      },
+      {
+        source: '/:path*',
+        has: [{ type: 'host', value: 'app.modstagram.ir' }],
+        destination: 'https://modstagram.com/:path*',
+        permanent: true,
       },
     ];
   },
@@ -54,7 +94,46 @@ const nextConfig = {
   async headers() {
     return [
       {
-        source: '/(.*)',
+        source: "/service-worker.js",
+        headers: [
+          {
+            key: "Content-Type",
+            value: "application/javascript; charset=utf-8",
+          },
+          {
+            key: "Cache-Control",
+            value: "public, max-age=0, must-revalidate",
+          },
+          {
+            key: "Service-Worker-Allowed",
+            value: "/",
+          },
+        ],
+      },
+      {
+        source: "/manifest.webmanifest",
+        headers: [
+          {
+            key: "Content-Type",
+            value: "application/manifest+json; charset=utf-8",
+          },
+          {
+            key: "Cache-Control",
+            value: "no-cache, no-store, must-revalidate",
+          },
+        ],
+      },
+      {
+        source: "/manifest.json",
+        headers: [
+          {
+            key: "Content-Type",
+            value: "application/manifest+json; charset=utf-8",
+          },
+        ],
+      },
+      {
+        source: "/(.*)",
         headers: [
           { key: 'X-DNS-Prefetch-Control', value: 'on' },
           { key: 'Strict-Transport-Security', value: 'max-age=63072000; includeSubDomains; preload' },
@@ -62,6 +141,8 @@ const nextConfig = {
           { key: 'X-Frame-Options', value: 'SAMEORIGIN' },
           { key: 'X-Content-Type-Options', value: 'nosniff' },
           { key: 'Referrer-Policy', value: 'origin-when-cross-origin' },
+          { key: 'Permissions-Policy', value: 'camera=(), microphone=(), geolocation=(self), payment=()' },
+          { key: 'X-Permitted-Cross-Domain-Policies', value: 'none' },
           { key: 'Cache-Control', value: 'public, s-maxage=1, stale-while-revalidate=59' },
         ],
       },

package.json

@@ -3,11 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "start": "next start -p 3000 -H 0.0.0.0",
-    "dev": "next dev -p 3000 -H 0.0.0.0",
+    "dev": "next dev --turbopack --port 3004",
     "build": "next build",
+    "start": "next start --port 3004 --hostname 0.0.0.0",
+    "start:local": "next start --port 3004 --hostname 0.0.0.0",
+    "pm2:prod": "pm2 start ecosystem.config.cjs --update-env",
     "lint": "next lint",
-    "postbuild": "next-sitemap"
+    "generate:pwa-icons": "node scripts/generate-pwa-icons.mjs"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -39,6 +41,7 @@
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/themes": "^3.2.1",
+    "@react-oauth/google": "^0.13.5",
     "@shadcn/ui": "^0.0.4",
     "@tabler/icons-react": "^3.34.1",
     "@tanstack/react-query": "^5.87.1",
@@ -49,6 +52,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "embla-carousel-react": "^8.6.0",
+    "firebase": "^12.18.0",
     "formik": "^2.4.6",
     "framer-motion": "^12.23.12",
     "i18next": "^25.3.6",

package.jsonغ

@@ -1,127 +0,0 @@
-{
-  "name": "modstagram-next",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "start": "next start -p 3000 -H 0.0.0.0",
-    "dev": "next dev -p 3000 -H 0.0.0.0",
-    "build": "next build"
-    "lint": "next lint",
-    "postbuild": "next-sitemap"
-  },
-  "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@headlessui/react": "^2.2.8",
-    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-icons": "^1.3.2",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toast": "^1.2.15",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@radix-ui/themes": "^3.2.1",
-    "@shadcn/ui": "^0.0.4",
-    "@tabler/icons-react": "^3.34.1",
-    "@tanstack/react-query": "^5.87.1",
-    "@tanstack/react-table": "^8.21.3",
-    "@vitalets/google-translate-api": "^9.2.1",
-    "axios": "^1.7.9",
-    "chart.js": "^4.5.0",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "embla-carousel-react": "^8.6.0",
-    "formik": "^2.4.6",
-    "framer-motion": "^12.23.12",
-    "i18next": "^25.3.6",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "i18next-http-backend": "^3.0.2",
-    "jalali-moment": "^3.3.11",
-    "js-cookie": "^3.0.5",
-    "jszip": "^3.10.1",
-    "leaflet": "^1.9.4",
-    "lodash": "^4.17.21",
-    "lucide-react": "^0.541.0",
-    "mapbox-gl": "^3.9.3",
-    "next": "^15.5.2",
-    "next-i18next": "^15.4.2",
-    "next-seo": "^6.8.0",
-    "next-sitemap": "^4.2.3",
-    "next-themes": "^0.4.6",
-    "node-fetch": "^3.3.2",
-    "openai": "^5.21.0",
-    "radix-ui": "^1.4.3",
-    "rc-rate": "^2.13.0",
-    "react": "^18.3.1",
-    "react-chartjs-2": "^5.3.0",
-    "react-confetti": "^6.4.0",
-    "react-dom": "^18.3.1",
-    "react-easy-crop": "^5.5.0",
-    "react-hook-form": "^7.65.0",
-    "react-hot-toast": "^2.5.1",
-    "react-i18next": "^15.6.1",
-    "react-icons": "^5.5.0",
-    "react-leaflet": "^4.2.1",
-    "react-map-gl": "^7.1.8",
-    "react-modal": "^3.16.3",
-    "react-multi-date-picker": "^4.5.2",
-    "react-otp-input": "^3.1.1",
-    "react-slick": "^0.31.0",
-    "react-use": "^17.6.0",
-    "recharts": "^2.15.4",
-    "sharp": "^0.34.5",
-    "slick-carousel": "^1.8.1",
-    "socket.io-client": "^4.8.1",
-    "sonner": "^2.0.7",
-    "swiper": "^11.2.2",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss-rtl": "^0.9.0",
-    "three": "^0.180.0",
-    "translate-google": "^1.5.0",
-    "uuid": "^11.1.0",
-    "vaul": "^1.1.2",
-    "yet-another-react-lightbox": "^3.25.0",
-    "yup": "^1.7.1",
-    "zod": "^3.25.76"
-  },
-  "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@ffmpeg/ffmpeg": "^0.12.10",
-    "@ffmpeg/util": "^0.12.1",
-    "@tailwindcss/postcss": "^4.2.4",
-    "@types/js-cookie": "^3.0.6",
-    "@types/leaflet": "^1.9.20",
-    "@types/lodash": "^4.17.20",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@types/react-modal": "^3.16.3",
-    "@types/react-slick": "^0.23.13",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^9",
-    "eslint-config-next": "15.1.5",
-    "postcss": "^8.5.14",
-    "tailwindcss": "^4.2.4",
-    "ts-node": "^10.9.2",
-    "tw-animate-css": "^1.3.8",
-    "typescript": "^5"
-  }
-}

public/images/chat/wallpaper-dark.svg

@@ -0,0 +1,122 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480" fill="none">
+  <defs>
+    <pattern id="modstagram-dark" width="480" height="480" patternUnits="userSpaceOnUse">
+      <g stroke="#d4a5b5" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.13">
+        <g transform="translate(28 36) rotate(-6)">
+          <circle cx="14" cy="8" r="6"/>
+          <path d="M14 14 L6 44 H22 L14 14"/>
+          <path d="M8 26 H20"/>
+          <path d="M4 44 H24"/>
+        </g>
+        <g transform="translate(168 28) rotate(8)">
+          <path d="M4 36 H36"/>
+          <path d="M20 36 V8"/>
+          <path d="M12 8 H28"/>
+          <ellipse cx="20" cy="8" rx="10" ry="3"/>
+        </g>
+        <g transform="translate(320 44) rotate(-10)">
+          <path d="M0 20 C8 20 12 8 20 8 C28 8 32 20 40 20"/>
+          <path d="M6 20 V32 H34 V20"/>
+        </g>
+        <g transform="translate(400 120) scale(0.9)">
+          <rect x="0" y="4" width="32" height="24" rx="3"/>
+          <path d="M4 28 H28"/>
+          <path d="M8 8 H24 M8 14 H20"/>
+        </g>
+      </g>
+
+      <g stroke="#c9957f" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.12">
+        <g transform="translate(220 52) rotate(12)">
+          <ellipse cx="18" cy="18" rx="16" ry="12"/>
+          <circle cx="12" cy="16" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="18" cy="14" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="24" cy="16" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="15" cy="22" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="21" cy="22" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+        </g>
+        <g transform="translate(88 140) rotate(-8)">
+          <path d="M6 38 L16 6"/>
+          <path d="M12 4 Q20 0 24 8 Q18 12 12 4"/>
+          <ellipse cx="4" cy="40" rx="5" ry="3"/>
+        </g>
+        <g transform="translate(360 200) rotate(15)">
+          <rect x="10" y="2" width="10" height="12" rx="2"/>
+          <path d="M8 14 H22 V32 H8 Z"/>
+          <path d="M12 32 H18 V38 H12 Z"/>
+        </g>
+        <g transform="translate(40 260) rotate(6)">
+          <ellipse cx="14" cy="14" rx="12" ry="14"/>
+          <path d="M6 28 H22"/>
+        </g>
+        <g transform="translate(280 300) rotate(-12)">
+          <path d="M8 4 H24 V20 C24 28 8 28 8 20 Z"/>
+          <path d="M12 28 V36 M20 28 V36"/>
+        </g>
+      </g>
+
+      <g stroke="#b8a0b8" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.11">
+        <g transform="translate(140 200) rotate(4)">
+          <circle cx="10" cy="30" r="6"/>
+          <circle cx="26" cy="30" r="6"/>
+          <path d="M13 27 L30 6 M19 27 L6 6"/>
+        </g>
+        <g transform="translate(400 280) rotate(-8)">
+          <path d="M4 4 H8 V32 H4 Z M12 8 H16 V28 H12 Z M20 12 H24 V24 H20 Z"/>
+        </g>
+        <g transform="translate(200 360) rotate(10)">
+          <rect x="8" y="4" width="8" height="20" rx="2"/>
+          <path d="M6 24 H18 L16 38 H8 Z"/>
+          <path d="M10 38 H14 V42 H10 Z"/>
+        </g>
+        <g transform="translate(48 360) rotate(-5)">
+          <path d="M20 6 C20 0 8 0 8 6 C8 12 20 18 20 26"/>
+          <path d="M2 26 H38"/>
+        </g>
+        <g transform="translate(320 360)">
+          <path d="M8 20 Q16 8 24 20 Q16 32 8 20 Z"/>
+          <path d="M16 20 V28"/>
+        </g>
+      </g>
+
+      <g stroke="#8eb4d4" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.14">
+        <g transform="translate(380 36) rotate(8)">
+          <rect x="4" y="12" width="40" height="28" rx="5"/>
+          <circle cx="24" cy="26" r="10"/>
+          <path d="M16 12 L20 6 H32 L36 12"/>
+          <circle cx="36" cy="18" r="3"/>
+        </g>
+        <g transform="translate(60 60) rotate(-12)">
+          <circle cx="18" cy="18" r="14"/>
+          <circle cx="18" cy="18" r="6"/>
+          <path d="M18 4 V32 M4 18 H32"/>
+        </g>
+        <g transform="translate(240 160) rotate(-6)">
+          <path d="M20 4 L12 40 H28 Z"/>
+          <path d="M8 40 H32"/>
+          <circle cx="20" cy="36" r="3"/>
+        </g>
+        <g transform="translate(120 320) rotate(5)">
+          <rect x="0" y="8" width="36" height="28" rx="3"/>
+          <path d="M8 8 V0 H28 V8"/>
+          <path d="M10 36 H26"/>
+        </g>
+        <g transform="translate(400 380) rotate(-15)">
+          <rect x="0" y="0" width="40" height="30" rx="2"/>
+          <path d="M8 30 L16 18 L24 24 L32 14"/>
+          <circle cx="14" cy="12" r="4"/>
+        </g>
+        <g transform="translate(260 420) rotate(8)">
+          <path d="M0 0 H36 V24 H0 Z"/>
+          <path d="M6 6 H30 V18 H6 Z"/>
+          <path d="M12 0 V6 M24 0 V6 M12 24 V30 M24 24 V30"/>
+        </g>
+        <g transform="translate(160 80) rotate(18)">
+          <rect x="0" y="10" width="28" height="20" rx="2"/>
+          <path d="M14 10 V4"/>
+          <path d="M8 4 H20"/>
+        </g>
+      </g>
+    </pattern>
+  </defs>
+  <rect width="480" height="480" fill="url(#modstagram-dark)"/>
+</svg>

public/images/chat/wallpaper-light.svg

@@ -0,0 +1,127 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480" fill="none">
+  <defs>
+    <pattern id="modstagram-light" width="480" height="480" patternUnits="userSpaceOnUse">
+      <!-- Modeling -->
+      <g stroke="#a67c8a" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.2">
+        <g transform="translate(28 36) rotate(-6)">
+          <circle cx="14" cy="8" r="6"/>
+          <path d="M14 14 L6 44 H22 L14 14"/>
+          <path d="M8 26 H20"/>
+          <path d="M4 44 H24"/>
+        </g>
+        <g transform="translate(168 28) rotate(8)">
+          <path d="M4 36 H36"/>
+          <path d="M20 36 V8"/>
+          <path d="M12 8 H28"/>
+          <ellipse cx="20" cy="8" rx="10" ry="3"/>
+        </g>
+        <g transform="translate(320 44) rotate(-10)">
+          <path d="M0 20 C8 20 12 8 20 8 C28 8 32 20 40 20"/>
+          <path d="M6 20 V32 H34 V20"/>
+        </g>
+        <g transform="translate(400 120) scale(0.9)">
+          <rect x="0" y="4" width="32" height="24" rx="3"/>
+          <path d="M4 28 H28"/>
+          <path d="M8 8 H24 M8 14 H20"/>
+        </g>
+      </g>
+
+      <!-- Makeup artist -->
+      <g stroke="#b07d6a" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.2">
+        <g transform="translate(220 52) rotate(12)">
+          <ellipse cx="18" cy="18" rx="16" ry="12"/>
+          <circle cx="12" cy="16" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="18" cy="14" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="24" cy="16" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="15" cy="22" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="21" cy="22" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+        </g>
+        <g transform="translate(88 140) rotate(-8)">
+          <path d="M6 38 L16 6"/>
+          <path d="M12 4 Q20 0 24 8 Q18 12 12 4"/>
+          <ellipse cx="4" cy="40" rx="5" ry="3"/>
+        </g>
+        <g transform="translate(360 200) rotate(15)">
+          <rect x="10" y="2" width="10" height="12" rx="2"/>
+          <path d="M8 14 H22 V32 H8 Z"/>
+          <path d="M12 32 H18 V38 H12 Z"/>
+        </g>
+        <g transform="translate(40 260) rotate(6)">
+          <ellipse cx="14" cy="14" rx="12" ry="14"/>
+          <path d="M6 28 H22"/>
+          <path d="M14 6 V22 M8 10 L20 18 M20 10 L8 18" opacity="0.5"/>
+        </g>
+        <g transform="translate(280 300) rotate(-12)">
+          <path d="M8 4 H24 V20 C24 28 8 28 8 20 Z"/>
+          <path d="M12 28 V36 M20 28 V36"/>
+        </g>
+      </g>
+
+      <!-- Beauty / salon -->
+      <g stroke="#9a7f96" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.19">
+        <g transform="translate(140 200) rotate(4)">
+          <circle cx="10" cy="30" r="6"/>
+          <circle cx="26" cy="30" r="6"/>
+          <path d="M13 27 L30 6 M19 27 L6 6"/>
+        </g>
+        <g transform="translate(400 280) rotate(-8)">
+          <path d="M4 4 H8 V32 H4 Z M12 8 H16 V28 H12 Z M20 12 H24 V24 H20 Z"/>
+        </g>
+        <g transform="translate(200 360) rotate(10)">
+          <rect x="8" y="4" width="8" height="20" rx="2"/>
+          <path d="M6 24 H18 L16 38 H8 Z"/>
+          <path d="M10 38 H14 V42 H10 Z"/>
+        </g>
+        <g transform="translate(48 360) rotate(-5)">
+          <path d="M20 6 C20 0 8 0 8 6 C8 12 20 18 20 26"/>
+          <path d="M2 26 H38"/>
+        </g>
+        <g transform="translate(320 360)">
+          <path d="M8 20 Q16 8 24 20 Q16 32 8 20 Z"/>
+          <path d="M16 20 V28"/>
+        </g>
+      </g>
+
+      <!-- Photography -->
+      <g stroke="#6d8fa8" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.22">
+        <g transform="translate(380 36) rotate(8)">
+          <rect x="4" y="12" width="40" height="28" rx="5"/>
+          <circle cx="24" cy="26" r="10"/>
+          <path d="M16 12 L20 6 H32 L36 12"/>
+          <circle cx="36" cy="18" r="3"/>
+        </g>
+        <g transform="translate(60 60) rotate(-12)">
+          <circle cx="18" cy="18" r="14"/>
+          <circle cx="18" cy="18" r="6"/>
+          <path d="M18 4 V32 M4 18 H32"/>
+        </g>
+        <g transform="translate(240 160) rotate(-6)">
+          <path d="M20 4 L12 40 H28 Z"/>
+          <path d="M8 40 H32"/>
+          <circle cx="20" cy="36" r="3"/>
+        </g>
+        <g transform="translate(120 320) rotate(5)">
+          <rect x="0" y="8" width="36" height="28" rx="3"/>
+          <path d="M8 8 V0 H28 V8"/>
+          <path d="M10 36 H26"/>
+        </g>
+        <g transform="translate(400 380) rotate(-15)">
+          <rect x="0" y="0" width="40" height="30" rx="2"/>
+          <path d="M8 30 L16 18 L24 24 L32 14"/>
+          <circle cx="14" cy="12" r="4"/>
+        </g>
+        <g transform="translate(260 420) rotate(8)">
+          <path d="M0 0 H36 V24 H0 Z"/>
+          <path d="M6 6 H30 V18 H6 Z"/>
+          <path d="M12 0 V6 M24 0 V6 M12 24 V30 M24 24 V30"/>
+        </g>
+        <g transform="translate(160 80) rotate(18)">
+          <rect x="0" y="10" width="28" height="20" rx="2"/>
+          <path d="M14 10 V4"/>
+          <path d="M8 4 H20"/>
+        </g>
+      </g>
+    </pattern>
+  </defs>
+  <rect width="480" height="480" fill="url(#modstagram-light)"/>
+</svg>

public/images/icons/academy.svg

@@ -1,30 +1,4 @@
- <svg
-        width="30"
-        height="30"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          stroke="#292D32"
-          d="M5.99953 5.17031L4.02953 6.46031C2.09953 7.72031 2.09953 10.5403 4.02953 11.8003L10.0495 15.7303C11.1295 16.4403 12.9095 16.4403 13.9895 15.7303L19.9795 11.8003C21.8995 10.5403 21.8995 7.73031 19.9795 6.47031L13.9895 2.54031C12.9095 1.83031 11.1295 1.83031 10.0495 2.54031"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-         stroke="#292D32"
-          d="M5.63012 13.0801L5.62012 17.7701C5.62012 19.0401 6.60012 20.4001 7.80012 20.8001L10.9901 21.8601C11.5401 22.0401 12.4501 22.0401 13.0101 21.8601L16.2001 20.8001C17.4001 20.4001 18.3801 19.0401 18.3801 17.7701V13.1301"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-         stroke="#292D32"
-          d="M21.4004 15V9"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.83 15.6402C17.5 15.2002 18.38 15.6802 18.38 16.4802V17.7702C18.38 19.0402 17.39 20.4002 16.2 20.8002L13.01 21.8602C12.45 22.0502 11.54 22.0502 10.99 21.8602L7.8 20.8002C6.6 20.4002 5.62 19.0402 5.62 17.7702V16.4702C5.62 15.6802 6.5 15.2002 7.16 15.6302L9.22 16.9702C10.01 17.5002 11.01 17.7602 12.01 17.7602C13.01 17.7602 14.01 17.5002 14.8 16.9702L16.83 15.6402Z" fill="#292D32"/>
+<path d="M19.98 6.46006L13.99 2.53006C12.91 1.82006 11.13 1.82006 10.05 2.53006L4.03002 6.46006C2.10002 7.71006 2.10002 10.5401 4.03002 11.8001L5.63002 12.8401L10.05 15.7201C11.13 16.4301 12.91 16.4301 13.99 15.7201L18.38 12.8401L19.75 11.9401V15.0001C19.75 15.4101 20.09 15.7501 20.5 15.7501C20.91 15.7501 21.25 15.4101 21.25 15.0001V10.0801C21.65 8.79006 21.24 7.29006 19.98 6.46006Z" fill="#292D32"/>
+</svg>

public/images/icons/actions-toggle.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.24 2H5.34C3.15 2 2 3.15 2 5.33V7.23C2 9.41 3.15 10.56 5.33 10.56H7.23C9.41 10.56 10.56 9.41 10.56 7.23V5.33C10.57 3.15 9.42 2 7.24 2Z" fill="#292D32"/>
+<path d="M18.6699 2H16.7699C14.5899 2 13.4399 3.15 13.4399 5.33V7.23C13.4399 9.41 14.5899 10.56 16.7699 10.56H18.6699C20.8499 10.56 21.9999 9.41 21.9999 7.23V5.33C21.9999 3.15 20.8499 2 18.6699 2Z" fill="#292D32"/>
+<path d="M18.6699 13.4302H16.7699C14.5899 13.4302 13.4399 14.5802 13.4399 16.7602V18.6602C13.4399 20.8402 14.5899 21.9902 16.7699 21.9902H18.6699C20.8499 21.9902 21.9999 20.8402 21.9999 18.6602V16.7602C21.9999 14.5802 20.8499 13.4302 18.6699 13.4302Z" fill="#292D32"/>
+<path d="M7.24 13.4302H5.34C3.15 13.4302 2 14.5802 2 16.7602V18.6602C2 20.8502 3.15 22.0002 5.33 22.0002H7.23C9.41 22.0002 10.56 20.8502 10.56 18.6702V16.7702C10.57 14.5802 9.42 13.4302 7.24 13.4302Z" fill="#292D32"/>
+</svg>

public/images/icons/activity.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.26 9.96L14.95 12.94C14.66 13.31 14.25 13.55 13.78 13.6C13.31 13.66 12.85 13.53 12.48 13.24L10.65 11.8C10.58 11.74 10.5 11.74 10.46 11.75C10.42 11.75 10.35 11.77 10.29 11.85L7.91 14.94C7.76 15.13 7.54 15.23 7.32 15.23C7.16 15.23 7 15.18 6.86 15.07C6.53 14.82 6.47 14.35 6.72 14.02L9.1 10.93C9.39 10.56 9.8 10.32 10.27 10.26C10.73 10.2 11.2 10.33 11.57 10.62L13.4 12.06C13.47 12.12 13.54 12.12 13.59 12.11C13.63 12.11 13.7 12.09 13.76 12.01L16.07 9.03C16.32 8.7 16.8 8.64 17.12 8.9C17.45 9.17 17.51 9.64 17.26 9.96Z" fill="#292D32"/>
+</svg>

public/images/icons/add.svg

@@ -1,48 +1,3 @@
-<svg
-      width="30"
-      height="30"
-      viewBox="0 0 41 41"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M20.5 27.3332V13.6665"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M25.6079 20.5H27.3333"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M13.6667 20.5H20.1754"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M20.5 27.3332V13.6665"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M6.83333 10.2498C4.69791 13.1028 3.41666 16.6561 3.41666 20.4998C3.41666 29.9298 11.07 37.5832 20.5 37.5832C29.93 37.5832 37.5833 29.9298 37.5833 20.4998C37.5833 11.0698 29.93 3.4165 20.5 3.4165C18.0571 3.4165 15.7167 3.929 13.6154 4.86859"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H12.75V18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H11.25V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="#292D32"/>
+</svg>

public/images/icons/archive-book.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.9299 2.5V8.4C14.9299 8.84 14.4099 9.06 14.0899 8.77L12.3399 7.16C12.1499 6.98 11.8499 6.98 11.6599 7.16L9.90995 8.76C9.58995 9.06 9.06995 8.83 9.06995 8.4V2.5C9.06995 2.22 9.28995 2 9.56995 2H14.4299C14.7099 2 14.9299 2.22 14.9299 2.5Z" fill="#292D32"/>
+<path d="M16.98 2.05989C16.69 2.01989 16.43 2.26989 16.43 2.55989V8.57989C16.43 9.33989 15.98 10.0299 15.28 10.3399C14.58 10.6399 13.77 10.5099 13.21 9.98989L12.34 9.18989C12.15 9.00989 11.86 9.00989 11.66 9.18989L10.79 9.98989C10.43 10.3299 9.96 10.4999 9.49 10.4999C9.23 10.4999 8.97 10.4499 8.72 10.3399C8.02 10.0299 7.57 9.33989 7.57 8.57989V2.55989C7.57 2.26989 7.31 2.01989 7.02 2.05989C4.22 2.40989 3 4.29989 3 6.99989V16.9999C3 19.9999 4.5 21.9999 8 21.9999H16C19.5 21.9999 21 19.9999 21 16.9999V6.99989C21 4.29989 19.78 2.40989 16.98 2.05989ZM17.5 18.7499H9C8.59 18.7499 8.25 18.4099 8.25 17.9999C8.25 17.5899 8.59 17.2499 9 17.2499H17.5C17.91 17.2499 18.25 17.5899 18.25 17.9999C18.25 18.4099 17.91 18.7499 17.5 18.7499ZM17.5 14.7499H13.25C12.84 14.7499 12.5 14.4099 12.5 13.9999C12.5 13.5899 12.84 13.2499 13.25 13.2499H17.5C17.91 13.2499 18.25 13.5899 18.25 13.9999C18.25 14.4099 17.91 14.7499 17.5 14.7499Z" fill="#292D32"/>
+</svg>

public/images/icons/arrow-down.svg

@@ -1,3 +1,3 @@
-<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.16167 5.00988L4.76667 6.61488L5.74667 7.59988C6.16167 8.01488 6.83667 8.01488 7.25167 7.59988L9.84167 5.00988C10.1817 4.66988 9.93667 4.08988 9.46167 4.08988H6.65667L3.54167 4.08988C3.06167 4.08988 2.82167 4.66988 3.16167 5.00988Z" fill="#222427"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.92 8.18018H11.69H6.07999C5.11999 8.18018 4.63999 9.34018 5.31999 10.0202L10.5 15.2002C11.33 16.0302 12.68 16.0302 13.51 15.2002L15.48 13.2302L18.69 10.0202C19.36 9.34018 18.88 8.18018 17.92 8.18018Z" fill="#292D32"/>
+</svg>

public/images/icons/back-arrow.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9101 20.67C8.7201 20.67 8.5301 20.6 8.3801 20.45C8.0901 20.16 8.0901 19.68 8.3801 19.39L14.9001 12.87C15.3801 12.39 15.3801 11.61 14.9001 11.13L8.3801 4.60999C8.0901 4.31999 8.0901 3.83999 8.3801 3.54999C8.6701 3.25999 9.1501 3.25999 9.4401 3.54999L15.9601 10.07C16.4701 10.58 16.7601 11.27 16.7601 12C16.7601 12.73 16.4801 13.42 15.9601 13.93L9.4401 20.45C9.2901 20.59 9.1001 20.67 8.9101 20.67Z" fill="#292D32"/>
+</svg>

public/images/icons/block-green.svg

@@ -1,23 +1,3 @@
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18.8999 5L4.8999 19"
-        stroke="#0C8002"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85"
-        stroke="#0C8002"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" fill="#292D32"/>
+</svg>

public/images/icons/block-red.svg

@@ -1,23 +1,3 @@
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18.8999 5L4.8999 19"
-        stroke="#FF0000"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85"
-        stroke="#FF0000"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>

public/images/icons/bookmark-post.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8199 1.91016H7.17995C5.05995 1.91016 3.31995 3.65016 3.31995 5.77016V19.8602C3.31995 21.6602 4.60995 22.4202 6.18995 21.5502L11.0699 18.8402C11.5899 18.5502 12.4299 18.5502 12.9399 18.8402L17.8199 21.5502C19.3999 22.4302 20.6899 21.6702 20.6899 19.8602V5.77016C20.6799 3.65016 18.9499 1.91016 16.8199 1.91016ZM15.6199 9.03016L11.6199 13.0302C11.4699 13.1802 11.2799 13.2502 11.0899 13.2502C10.8999 13.2502 10.7099 13.1802 10.5599 13.0302L9.05995 11.5302C8.76995 11.2402 8.76995 10.7602 9.05995 10.4702C9.34995 10.1802 9.82995 10.1802 10.1199 10.4702L11.0899 11.4402L14.5599 7.97016C14.8499 7.68016 15.3299 7.68016 15.6199 7.97016C15.9099 8.26016 15.9099 8.74016 15.6199 9.03016Z" fill="#292D32"/>
+</svg>

public/images/icons/box.svg

@@ -1,5 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.16992 7.43994L11.9999 12.5499L20.7699 7.46994" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 21.61V12.54" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.38965 13.2501V14.8301C2.38965 16.2101 3.37965 17.8901 4.58965 18.5601L9.92965 21.5301C11.0696 22.1601 12.9396 22.1601 14.0796 21.5301L19.4196 18.5601C20.6296 17.8901 21.6196 16.2101 21.6196 14.8301V9.17006C21.6196 7.79006 20.6296 6.11006 19.4196 5.44006L14.0796 2.47006C12.9396 1.84006 11.0696 1.84006 9.92965 2.47006L4.58965 5.44006C3.37965 6.11006 2.38965 7.79006 2.38965 9.17006" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.21 7.81994L12.51 12.2799C12.2 12.4599 11.81 12.4599 11.49 12.2799L3.78997 7.81994C3.23997 7.49994 3.09997 6.74994 3.51997 6.27994C3.80997 5.94994 4.13997 5.67994 4.48997 5.48994L9.90997 2.48994C11.07 1.83994 12.95 1.83994 14.11 2.48994L19.53 5.48994C19.88 5.67994 20.21 5.95994 20.5 6.27994C20.9 6.74994 20.76 7.49994 20.21 7.81994Z" fill="#292D32"/>
+<path d="M11.43 14.1399V20.9599C11.43 21.7199 10.66 22.2199 9.97998 21.8899C7.91998 20.8799 4.44998 18.9899 4.44998 18.9899C3.22998 18.2999 2.22998 16.5599 2.22998 15.1299V9.96988C2.22998 9.17988 3.05998 8.67988 3.73998 9.06988L10.93 13.2399C11.23 13.4299 11.43 13.7699 11.43 14.1399Z" fill="#292D32"/>
+<path d="M12.5699 14.1399V20.9599C12.5699 21.7199 13.3399 22.2199 14.0199 21.8899C16.0799 20.8799 19.5499 18.9899 19.5499 18.9899C20.7699 18.2999 21.7699 16.5599 21.7699 15.1299V9.96988C21.7699 9.17988 20.9399 8.67988 20.2599 9.06988L13.0699 13.2399C12.7699 13.4299 12.5699 13.7699 12.5699 14.1399Z" fill="#292D32"/>
+</svg>

public/images/icons/calendar.svg

@@ -1,12 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 2V5" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16 2V5" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.5 9.08984H20.5" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3 13.01V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.6947 13.7002H15.7037" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.6947 16.7002H15.7037" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9955 13.7002H12.0045" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9955 16.7002H12.0045" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.29431 13.7002H8.30329" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.29431 16.7002H8.30329" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H16C19.5 21.9998 21 19.9998 21 16.9998V10.8398C21 10.2898 20.55 9.83984 20 9.83984ZM9.21 18.2098C9.16 18.2498 9.11 18.2998 9.06 18.3298C9 18.3698 8.94 18.3998 8.88 18.4198C8.82 18.4498 8.76 18.4698 8.7 18.4798C8.63 18.4898 8.57 18.4998 8.5 18.4998C8.37 18.4998 8.24 18.4698 8.12 18.4198C7.99 18.3698 7.89 18.2998 7.79 18.2098C7.61 18.0198 7.5 17.7598 7.5 17.4998C7.5 17.2398 7.61 16.9798 7.79 16.7898C7.89 16.6998 7.99 16.6298 8.12 16.5798C8.3 16.4998 8.5 16.4798 8.7 16.5198C8.76 16.5298 8.82 16.5498 8.88 16.5798C8.94 16.5998 9 16.6298 9.06 16.6698C9.11 16.7098 9.16 16.7498 9.21 16.7898C9.39 16.9798 9.5 17.2398 9.5 17.4998C9.5 17.7598 9.39 18.0198 9.21 18.2098ZM9.21 14.7098C9.02 14.8898 8.76 14.9998 8.5 14.9998C8.24 14.9998 7.98 14.8898 7.79 14.7098C7.61 14.5198 7.5 14.2598 7.5 13.9998C7.5 13.7398 7.61 13.4798 7.79 13.2898C8.07 13.0098 8.51 12.9198 8.88 13.0798C9.01 13.1298 9.12 13.1998 9.21 13.2898C9.39 13.4798 9.5 13.7398 9.5 13.9998C9.5 14.2598 9.39 14.5198 9.21 14.7098ZM12.71 18.2098C12.52 18.3898 12.26 18.4998 12 18.4998C11.74 18.4998 11.48 18.3898 11.29 18.2098C11.11 18.0198 11 17.7598 11 17.4998C11 17.2398 11.11 16.9798 11.29 16.7898C11.66 16.4198 12.34 16.4198 12.71 16.7898C12.89 16.9798 13 17.2398 13 17.4998C13 17.7598 12.89 18.0198 12.71 18.2098ZM12.71 14.7098C12.66 14.7498 12.61 14.7898 12.56 14.8298C12.5 14.8698 12.44 14.8998 12.38 14.9198C12.32 14.9498 12.26 14.9698 12.2 14.9798C12.13 14.9898 12.07 14.9998 12 14.9998C11.74 14.9998 11.48 14.8898 11.29 14.7098C11.11 14.5198 11 14.2598 11 13.9998C11 13.7398 11.11 13.4798 11.29 13.2898C11.38 13.1998 11.49 13.1298 11.62 13.0798C11.99 12.9198 12.43 13.0098 12.71 13.2898C12.89 13.4798 13 13.7398 13 13.9998C13 14.2598 12.89 14.5198 12.71 14.7098ZM16.21 18.2098C16.02 18.3898 15.76 18.4998 15.5 18.4998C15.24 18.4998 14.98 18.3898 14.79 18.2098C14.61 18.0198 14.5 17.7598 14.5 17.4998C14.5 17.2398 14.61 16.9798 14.79 16.7898C15.16 16.4198 15.84 16.4198 16.21 16.7898C16.39 16.9798 16.5 17.2398 16.5 17.4998C16.5 17.7598 16.39 18.0198 16.21 18.2098ZM16.21 14.7098C16.16 14.7498 16.11 14.7898 16.06 14.8298C16 14.8698 15.94 14.8998 15.88 14.9198C15.82 14.9498 15.76 14.9698 15.7 14.9798C15.63 14.9898 15.56 14.9998 15.5 14.9998C15.24 14.9998 14.98 14.8898 14.79 14.7098C14.61 14.5198 14.5 14.2598 14.5 13.9998C14.5 13.7398 14.61 13.4798 14.79 13.2898C14.89 13.1998 14.99 13.1298 15.12 13.0798C15.3 12.9998 15.5 12.9798 15.7 13.0198C15.76 13.0298 15.82 13.0498 15.88 13.0798C15.94 13.0998 16 13.1298 16.06 13.1698C16.11 13.2098 16.16 13.2498 16.21 13.2898C16.39 13.4798 16.5 13.7398 16.5 13.9998C16.5 14.2598 16.39 14.5198 16.21 14.7098Z" fill="#292D32"/>
+</svg>

public/images/icons/candle.svg

@@ -1,8 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.5 22V15" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.5 5V2" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.5 22V19" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.5 9V2" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.5 11.02V13C9.5 14.1 9 15 7.5 15H5.5C4 15 3.5 14.1 3.5 13V7C3.5 5.9 4 5 5.5 5H7.5C9 5 9.5 5.9 9.5 7" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.5 11V17C20.5 18.1 20 19 18.5 19H16.5C15 19 14.5 18.1 14.5 17V11C14.5 9.9 15 9 16.5 9H18.5C20 9 20.5 9.9 20.5 11Z" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 4.5H7.25V2C7.25 1.59 6.91 1.25 6.5 1.25C6.09 1.25 5.75 1.59 5.75 2V4.5H5.5C3.91 4.5 3 5.41 3 7V13C3 14.59 3.91 15.5 5.5 15.5H5.75V22C5.75 22.41 6.09 22.75 6.5 22.75C6.91 22.75 7.25 22.41 7.25 22V15.5H7.5C9.09 15.5 10 14.59 10 13V7C10 5.41 9.09 4.5 7.5 4.5Z" fill="#292D32"/>
+<path d="M18.5 8.5H18.25V2C18.25 1.59 17.91 1.25 17.5 1.25C17.09 1.25 16.75 1.59 16.75 2V8.5H16.5C14.91 8.5 14 9.41 14 11V17C14 18.59 14.91 19.5 16.5 19.5H16.75V22C16.75 22.41 17.09 22.75 17.5 22.75C17.91 22.75 18.25 22.41 18.25 22V19.5H18.5C20.09 19.5 21 18.59 21 17V11C21 9.41 20.09 8.5 18.5 8.5Z" fill="#292D32"/>
+</svg>

public/images/icons/card.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 7.5499C22 8.2099 21.46 8.7499 20.8 8.7499H3.2C2.54 8.7499 2 8.2099 2 7.5499V7.5399C2 5.2499 3.85 3.3999 6.14 3.3999H17.85C20.14 3.3999 22 5.2599 22 7.5499Z" fill="#292D32"/>
+<path d="M2 11.45V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.45C22 10.79 21.46 10.25 20.8 10.25H3.2C2.54 10.25 2 10.79 2 11.45ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+</svg>

public/images/icons/celo-(celo).svg

@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 16C18.866 16 22 12.866 22 9C22 5.13401 18.866 2 15 2C11.134 2 8 5.13401 8 9C8 12.866 11.134 16 15 16Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10"/>
-<path d="M5.09003 9.2C6.21003 8.45 7.55 8 9 8C12.87 8 16 11.13 16 15C16 18.87 12.87 22 9 22C5.13 22 2 18.87 2 15C2 14.29 2.09999 13.61 2.29999 12.97" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.18 16.77C8.16 16.77 8.13 16.77 8.11 16.77C7.14 16.68 6.23 16.23 5.55 15.51C3.95 13.83 3.95 11.1 5.55 9.42L7.74 7.12C8.52 6.3 9.57 5.84 10.69 5.84C11.81 5.84 12.86 6.29 13.64 7.12C15.24 8.8 15.24 11.53 13.64 13.21L12.55 14.36C12.26 14.66 11.79 14.67 11.49 14.39C11.19 14.1 11.18 13.63 11.46 13.33L12.55 12.18C13.61 11.07 13.61 9.26 12.55 8.16C11.56 7.12 9.82 7.12 8.82 8.16L6.63 10.46C5.57 11.57 5.57 13.38 6.63 14.48C7.06 14.94 7.64 15.22 8.25 15.28C8.66 15.32 8.96 15.69 8.92 16.1C8.89 16.48 8.56 16.77 8.18 16.77ZM18.45 14.59L16.26 16.89C15.48 17.71 14.43 18.17 13.31 18.17C12.19 18.17 11.14 17.72 10.36 16.89C8.76 15.21 8.76 12.48 10.36 10.8L11.45 9.65C11.74 9.35 12.21 9.34 12.51 9.62C12.81 9.91 12.82 10.38 12.54 10.68L11.45 11.83C10.39 12.94 10.39 14.75 11.45 15.85C12.44 16.89 14.18 16.9 15.18 15.85L17.37 13.55C18.43 12.44 18.43 10.63 17.37 9.53C16.94 9.07 16.36 8.79 15.75 8.73C15.34 8.69 15.04 8.32 15.08 7.91C15.12 7.5 15.48 7.19 15.9 7.24C16.87 7.34 17.78 7.78 18.46 8.5C20.05 10.17 20.05 12.91 18.45 14.59Z" fill="#292D32"/>
+</svg>

public/images/icons/chart-square.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.11 16.9C9.11 17.18 8.89 17.4 8.61 17.4H5.82C5.54 17.4 5.32 17.18 5.32 16.9V12.28C5.32 11.65 5.83 11.14 6.46 11.14H8.61C8.89 11.14 9.11 11.36 9.11 11.64V16.9ZM13.89 16.9C13.89 17.18 13.67 17.4 13.39 17.4H10.6C10.32 17.4 10.1 17.18 10.1 16.9V7.74C10.1 7.11 10.61 6.6 11.24 6.6H12.76C13.39 6.6 13.9 7.11 13.9 7.74V16.9H13.89ZM18.68 16.9C18.68 17.18 18.46 17.4 18.18 17.4H15.39C15.11 17.4 14.89 17.18 14.89 16.9V13.35C14.89 13.07 15.11 12.85 15.39 12.85H17.54C18.17 12.85 18.68 13.36 18.68 13.99V16.9Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/attachment-menu/camera.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 6C17.39 6 16.83 5.65 16.55 5.11L15.83 3.66C15.37 2.75 14.17 2 13.15 2H10.86C9.83005 2 8.63005 2.75 8.17005 3.66L7.45005 5.11C7.17004 5.65 6.61005 6 6.00005 6C3.83005 6 2.11005 7.83 2.25005 9.99L2.77005 18.25C2.89005 20.31 4.00005 22 6.76005 22H17.24C20 22 21.1 20.31 21.23 18.25L21.75 9.99C21.89 7.83 20.17 6 18 6ZM10.5 7.25H13.5C13.91 7.25 14.25 7.59 14.25 8C14.25 8.41 13.91 8.75 13.5 8.75H10.5C10.09 8.75 9.75005 8.41 9.75005 8C9.75005 7.59 10.09 7.25 10.5 7.25ZM12 18.12C10.14 18.12 8.62005 16.61 8.62005 14.74C8.62005 12.87 10.13 11.36 12 11.36C13.87 11.36 15.38 12.87 15.38 14.74C15.38 16.61 13.86 18.12 12 18.12Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/attachment-menu/file.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.4347 4.03448C19.567 4.2424 19.3404 4.48461 19.1001 4.43C18.6301 4.29 18.1101 4.22 17.5801 4.22H14.2798C14.1226 4.22 13.9745 4.14605 13.8801 4.02037L12.7301 2.49C12.5892 2.29044 12.7224 2 12.9666 2H15.7201C17.2811 2 18.6561 2.81073 19.4347 4.03448Z" fill="#292D32"/>
+<path d="M20.14 6.54C19.71 6.23 19.22 6 18.69 5.87C18.33 5.77 17.96 5.72 17.58 5.72H13.86C13.28 5.72 13.24 5.67 12.93 5.26L11.53 3.4C10.88 2.53 10.37 2 8.74 2H6.42C3.98 2 2 3.98 2 6.42V17.58C2 20.02 3.98 22 6.42 22H17.58C20.02 22 22 20.02 22 17.58V10.14C22 8.65 21.27 7.34 20.14 6.54ZM14.39 16.34H9.6C9.21 16.34 8.91 16.03 8.91 15.64C8.91 15.26 9.21 14.94 9.6 14.94H14.39C14.78 14.94 15.09 15.26 15.09 15.64C15.09 16.03 14.78 16.34 14.39 16.34Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/attachment-menu/gallery.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.58005 19.0098L2.56005 19.0298C2.29005 18.4398 2.12005 17.7698 2.05005 17.0298C2.12005 17.7598 2.31005 18.4198 2.58005 19.0098Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V13.9V7.81C22 4.17 19.83 2 16.19 2ZM20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16.19C19.01 3.5 20.5 4.99 20.5 7.81V12.61L20.37 12.5Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/attachment-menu/location.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.62 8.45C19.57 3.83 15.54 1.75 12 1.75C12 1.75 12 1.75 11.99 1.75C8.45997 1.75 4.41997 3.82 3.36997 8.44C2.19997 13.6 5.35997 17.97 8.21997 20.72C9.27997 21.74 10.64 22.25 12 22.25C13.36 22.25 14.72 21.74 15.77 20.72C18.63 17.97 21.79 13.61 20.62 8.45ZM12 13.46C10.26 13.46 8.84997 12.05 8.84997 10.31C8.84997 8.57 10.26 7.16 12 7.16C13.74 7.16 15.15 8.57 15.15 10.31C15.15 12.05 13.74 13.46 12 13.46Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/attachment-menu/video.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.15 6.17C20.74 5.95 19.88 5.72 18.71 6.54L17.24 7.58C17.13 4.47 15.78 3.25 12.5 3.25H6.5C3.08 3.25 1.75 4.58 1.75 8V16C1.75 18.3 3 20.75 6.5 20.75H12.5C15.78 20.75 17.13 19.53 17.24 16.42L18.71 17.46C19.33 17.9 19.87 18.04 20.3 18.04C20.67 18.04 20.96 17.93 21.15 17.83C21.56 17.62 22.25 17.05 22.25 15.62V8.38C22.25 6.95 21.56 6.38 21.15 6.17ZM11 11.38C9.97 11.38 9.12 10.54 9.12 9.5C9.12 8.46 9.97 7.62 11 7.62C12.03 7.62 12.88 8.46 12.88 9.5C12.88 10.54 12.03 11.38 11 11.38Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/attachment.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 14.75H10C9.59 14.75 9.25 14.41 9.25 14C9.25 13.59 9.59 13.25 10 13.25H12.5C15.12 13.25 17.25 11.12 17.25 8.5C17.25 5.88 15.12 3.75 12.5 3.75H7.5C4.88 3.75 2.75 5.88 2.75 8.5C2.75 9.6 3.14 10.67 3.84 11.52C4.1 11.84 4.06 12.31 3.74 12.58C3.42 12.84 2.95 12.8 2.68 12.48C1.76 11.36 1.25 9.95 1.25 8.5C1.25 5.05 4.05 2.25 7.5 2.25H12.5C15.95 2.25 18.75 5.05 18.75 8.5C18.75 11.95 15.95 14.75 12.5 14.75Z" fill="#292D32"/>
+<path d="M16.5 21.75H11.5C8.05 21.75 5.25 18.95 5.25 15.5C5.25 12.05 8.05 9.25 11.5 9.25H14C14.41 9.25 14.75 9.59 14.75 10C14.75 10.41 14.41 10.75 14 10.75H11.5C8.88 10.75 6.75 12.88 6.75 15.5C6.75 18.12 8.88 20.25 11.5 20.25H16.5C19.12 20.25 21.25 18.12 21.25 15.5C21.25 14.4 20.86 13.33 20.16 12.48C19.9 12.16 19.94 11.69 20.26 11.42C20.58 11.15 21.05 11.2 21.32 11.52C22.25 12.64 22.76 14.05 22.76 15.5C22.75 18.95 19.95 21.75 16.5 21.75Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/back.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9101 20.67C8.7201 20.67 8.5301 20.6 8.3801 20.45C8.0901 20.16 8.0901 19.68 8.3801 19.39L14.9001 12.87C15.3801 12.39 15.3801 11.61 14.9001 11.13L8.3801 4.60999C8.0901 4.31999 8.0901 3.83999 8.3801 3.54999C8.6701 3.25999 9.1501 3.25999 9.4401 3.54999L15.9601 10.07C16.4701 10.58 16.7601 11.27 16.7601 12C16.7601 12.73 16.4801 13.42 15.9601 13.93L9.4401 20.45C9.2901 20.59 9.1001 20.67 8.9101 20.67Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/eye.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.25 9.15018C18.94 5.52017 15.56 3.43018 12 3.43018C10.22 3.43018 8.49 3.95018 6.91 4.92018C5.33 5.90018 3.91 7.33017 2.75 9.15018C1.75 10.7202 1.75 13.2702 2.75 14.8402C5.06 18.4802 8.44 20.5602 12 20.5602C13.78 20.5602 15.51 20.0402 17.09 19.0702C18.67 18.0902 20.09 16.6602 21.25 14.8402C22.25 13.2802 22.25 10.7202 21.25 9.15018ZM12 16.0402C9.76 16.0402 7.96 14.2302 7.96 12.0002C7.96 9.77018 9.76 7.96018 12 7.96018C14.24 7.96018 16.04 9.77018 16.04 12.0002C16.04 14.2302 14.24 16.0402 12 16.0402Z" fill="#292D32"/>
+<path d="M12 9.14014C10.43 9.14014 9.15002 10.4201 9.15002 12.0001C9.15002 13.5701 10.43 14.8501 12 14.8501C13.57 14.8501 14.86 13.5701 14.86 12.0001C14.86 10.4301 13.57 9.14014 12 9.14014Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/microphone-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.1199 9.11986C18.7299 9.11986 18.4199 9.42986 18.4199 9.81986V11.3999C18.4199 14.9399 15.5399 17.8199 11.9999 17.8199C8.45993 17.8199 5.57993 14.9399 5.57993 11.3999V9.80986C5.57993 9.41986 5.26993 9.10986 4.87993 9.10986C4.48993 9.10986 4.17993 9.41986 4.17993 9.80986V11.3899C4.17993 15.4599 7.30993 18.8099 11.2999 19.1699V21.2999C11.2999 21.6899 11.6099 21.9999 11.9999 21.9999C12.3899 21.9999 12.6999 21.6899 12.6999 21.2999V19.1699C16.6799 18.8199 19.8199 15.4599 19.8199 11.3899V9.80986C19.8099 9.42986 19.4999 9.11986 19.1199 9.11986Z" fill="#292D32"/>
+<path d="M12.0001 2C9.56008 2 7.58008 3.98 7.58008 6.42V11.54C7.58008 13.98 9.56008 15.96 12.0001 15.96C14.4401 15.96 16.4201 13.98 16.4201 11.54V6.42C16.4201 3.98 14.4401 2 12.0001 2ZM13.3101 8.95C13.2401 9.21 13.0101 9.38 12.7501 9.38C12.7001 9.38 12.6501 9.37 12.6001 9.36C12.2101 9.25 11.8001 9.25 11.4101 9.36C11.0901 9.45 10.7801 9.26 10.7001 8.95C10.6101 8.64 10.8001 8.32 11.1101 8.24C11.7001 8.08 12.3201 8.08 12.9101 8.24C13.2101 8.32 13.3901 8.64 13.3101 8.95ZM13.8401 7.01C13.7501 7.25 13.5301 7.39 13.2901 7.39C13.2201 7.39 13.1601 7.38 13.0901 7.36C12.3901 7.1 11.6101 7.1 10.9101 7.36C10.6101 7.47 10.2701 7.31 10.1601 7.01C10.0501 6.71 10.2101 6.37 10.5101 6.27C11.4701 5.92 12.5301 5.92 13.4901 6.27C13.7901 6.38 13.9501 6.71 13.8401 7.01Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/reply.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1299 19.06H7.12988C6.71988 19.06 6.37988 18.72 6.37988 18.31C6.37988 17.9 6.71988 17.56 7.12988 17.56H15.1299C17.4699 17.56 19.3799 15.65 19.3799 13.31C19.3799 10.97 17.4699 9.06 15.1299 9.06H4.12988C3.71988 9.06 3.37988 8.72 3.37988 8.31C3.37988 7.9 3.71988 7.56 4.12988 7.56H15.1299C18.2999 7.56 20.8799 10.14 20.8799 13.31C20.8799 16.48 18.2999 19.06 15.1299 19.06Z" fill="#292D32"/>
+<path d="M6.43006 11.56C6.24006 11.56 6.05006 11.49 5.90006 11.34L3.34006 8.78C3.05006 8.49 3.05006 8.01 3.34006 7.72L5.90006 5.16C6.19006 4.87 6.67006 4.87 6.96006 5.16C7.25006 5.45 7.25006 5.93 6.96006 6.22L4.93006 8.25001L6.96006 10.28C7.25006 10.57 7.25006 11.05 6.96006 11.34C6.82006 11.49 6.62006 11.56 6.43006 11.56Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/search-normal.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 21.75C5.85 21.75 1.25 17.15 1.25 11.5C1.25 5.85 5.85 1.25 11.5 1.25C17.15 1.25 21.75 5.85 21.75 11.5C21.75 17.15 17.15 21.75 11.5 21.75ZM11.5 2.75C6.67 2.75 2.75 6.68 2.75 11.5C2.75 16.32 6.67 20.25 11.5 20.25C16.33 20.25 20.25 16.32 20.25 11.5C20.25 6.68 16.33 2.75 11.5 2.75Z" fill="#292D32"/>
+<path d="M22.0004 22.7499C21.8104 22.7499 21.6204 22.6799 21.4704 22.5299L19.4704 20.5299C19.1804 20.2399 19.1804 19.7599 19.4704 19.4699C19.7604 19.1799 20.2404 19.1799 20.5304 19.4699L22.5304 21.4699C22.8204 21.7599 22.8204 22.2399 22.5304 22.5299C22.3804 22.6799 22.1904 22.7499 22.0004 22.7499Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/send-2.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.14 2.96004L7.11 5.96004C1.04 7.99004 1.04 11.3 7.11 13.32L9.79 14.21L10.68 16.89C12.7 22.96 16.02 22.96 18.04 16.89L21.05 7.87004C22.39 3.82004 20.19 1.61004 16.14 2.96004ZM16.46 8.34004L12.66 12.16C12.51 12.31 12.32 12.38 12.13 12.38C11.94 12.38 11.75 12.31 11.6 12.16C11.31 11.87 11.31 11.39 11.6 11.1L15.4 7.28004C15.69 6.99004 16.17 6.99004 16.46 7.28004C16.75 7.57004 16.75 8.05004 16.46 8.34004Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/timer.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 4.6499C7.21996 4.6499 3.32996 8.5399 3.32996 13.3199C3.32996 18.0999 7.21996 21.9999 12 21.9999C16.78 21.9999 20.67 18.1099 20.67 13.3299C20.67 8.5499 16.78 4.6499 12 4.6499ZM12.75 12.9999C12.75 13.4099 12.41 13.7499 12 13.7499C11.59 13.7499 11.25 13.4099 11.25 12.9999V7.9999C11.25 7.5899 11.59 7.2499 12 7.2499C12.41 7.2499 12.75 7.5899 12.75 7.9999V12.9999Z" fill="#292D32"/>
+<path d="M14.89 3.45H9.11001C8.71001 3.45 8.39001 3.13 8.39001 2.73C8.39001 2.33 8.71001 2 9.11001 2H14.89C15.29 2 15.61 2.32 15.61 2.72C15.61 3.12 15.29 3.45 14.89 3.45Z" fill="#292D32"/>
+</svg>

public/images/icons/chat/trash.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.07 5.23C19.46 5.07 17.85 4.95 16.23 4.86V4.85L16.01 3.55C15.86 2.63 15.64 1.25 13.3 1.25H10.68C8.34997 1.25 8.12997 2.57 7.96997 3.54L7.75997 4.82C6.82997 4.88 5.89997 4.94 4.96997 5.03L2.92997 5.23C2.50997 5.27 2.20997 5.64 2.24997 6.05C2.28997 6.46 2.64997 6.76 3.06997 6.72L5.10997 6.52C10.35 6 15.63 6.2 20.93 6.73C20.96 6.73 20.98 6.73 21.01 6.73C21.39 6.73 21.72 6.44 21.76 6.05C21.79 5.64 21.49 5.27 21.07 5.23Z" fill="#292D32"/>
+<path d="M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14ZM13.66 17.75H10.33C9.91999 17.75 9.57999 17.41 9.57999 17C9.57999 16.59 9.91999 16.25 10.33 16.25H13.66C14.07 16.25 14.41 16.59 14.41 17C14.41 17.41 14.07 17.75 13.66 17.75ZM14.5 13.75H9.49999C9.08999 13.75 8.74999 13.41 8.74999 13C8.74999 12.59 9.08999 12.25 9.49999 12.25H14.5C14.91 12.25 15.25 12.59 15.25 13C15.25 13.41 14.91 13.75 14.5 13.75Z" fill="#292D32"/>
+</svg>

public/images/icons/clock.svg

@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7099 15.18L12.6099 13.33C12.0699 13.01 11.6299 12.24 11.6299 11.61V7.51001" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.35 15.57C16.21 15.81 15.96 15.94 15.7 15.94C15.57 15.94 15.44 15.91 15.32 15.83L12.22 13.98C11.45 13.52 10.88 12.51 10.88 11.62V7.52C10.88 7.11 11.22 6.77 11.63 6.77C12.04 6.77 12.38 7.11 12.38 7.52V11.62C12.38 11.98 12.68 12.51 12.99 12.69L16.09 14.54C16.45 14.75 16.57 15.21 16.35 15.57Z" fill="#292D32"/>
+</svg>

public/images/icons/close-circle.svg

@@ -1,6 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.9902 10.0099L14.8302 9.16992" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.16992 14.8301L11.9199 12.0801" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.8299 14.8299L9.16992 9.16992" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>

public/images/icons/collaboration-request.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 5.12012C5.59 5.12012 5.25 4.78012 5.25 4.37012V2.62012C5.25 2.21012 5.59 1.87012 6 1.87012C6.41 1.87012 6.75 2.21012 6.75 2.62012V4.37012C6.75 4.79012 6.41 5.12012 6 5.12012Z" fill="#292D32"/>
+<path d="M10 5.12012C9.59 5.12012 9.25 4.78012 9.25 4.37012V2.62012C9.25 2.21012 9.59 1.87012 10 1.87012C10.41 1.87012 10.75 2.21012 10.75 2.62012V4.37012C10.75 4.79012 10.41 5.12012 10 5.12012Z" fill="#292D32"/>
+<path d="M14 5.12012C13.59 5.12012 13.25 4.78012 13.25 4.37012V2.62012C13.25 2.21012 13.59 1.87012 14 1.87012C14.41 1.87012 14.75 2.21012 14.75 2.62012V4.37012C14.75 4.79012 14.41 5.12012 14 5.12012Z" fill="#292D32"/>
+<path d="M22.25 13.2498C22.25 10.6298 20.22 8.50977 17.66 8.28977C16.92 7.07977 15.6 6.25977 14.08 6.25977H6.71C4.39 6.25977 2.5 8.14977 2.5 10.4698V10.9998H18.29V10.4698C18.29 10.2798 18.26 10.0898 18.23 9.90977C19.68 10.3398 20.75 11.6598 20.75 13.2498C20.75 14.8198 19.71 16.1298 18.29 16.5698V11.9998H2.5V17.7898C2.5 20.1098 4.39 21.9998 6.71 21.9998H14.08C16.28 21.9998 18.07 20.2998 18.25 18.1398C20.53 17.6798 22.25 15.6598 22.25 13.2498Z" fill="#292D32"/>
+</svg>

public/images/icons/contact.svg

@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 8V13" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9941 16H12.0031" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM11.25 8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75C11.59 13.75 11.25 13.41 11.25 13V8ZM12.92 16.38C12.87 16.51 12.8 16.61 12.71 16.71C12.61 16.8 12.5 16.87 12.38 16.92C12.26 16.97 12.13 17 12 17C11.87 17 11.74 16.97 11.62 16.92C11.5 16.87 11.39 16.8 11.29 16.71C11.2 16.61 11.13 16.51 11.08 16.38C11.03 16.26 11 16.13 11 16C11 15.87 11.03 15.74 11.08 15.62C11.13 15.5 11.2 15.39 11.29 15.29C11.39 15.2 11.5 15.13 11.62 15.08C11.86 14.98 12.14 14.98 12.38 15.08C12.5 15.13 12.61 15.2 12.71 15.29C12.8 15.39 12.87 15.5 12.92 15.62C12.97 15.74 13 15.87 13 16C13 16.13 12.97 16.26 12.92 16.38Z" fill="#292D32"/>
+</svg>

public/images/icons/copy.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 12.9C2 9.4 3.4 8 6.9 8H11.1C14.6 8 16 9.4 16 12.9V17.1C16 20.6 14.6 22 11.1 22H6.9C3.4 22 2 20.6 2 17.1" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22 11.1C22 14.6 20.6 16 17.1 16H16V12.9C16 9.4 14.6 8 11.1 8H8V6.9C8 3.4 9.4 2 12.9 2H17.1C20.6 2 22 3.4 22 6.9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 12.9V17.1C16 20.6 14.6 22 11.1 22H6.9C3.4 22 2 20.6 2 17.1V12.9C2 9.4 3.4 8 6.9 8H11.1C14.6 8 16 9.4 16 12.9Z" fill="#292D32"/>
+<path d="M17.1 2H12.9C9.81693 2 8.37099 3.09409 8.06975 5.73901C8.00673 6.29235 8.465 6.75 9.02191 6.75H11.1C15.3 6.75 17.25 8.7 17.25 12.9V14.9781C17.25 15.535 17.7077 15.9933 18.261 15.9303C20.9059 15.629 22 14.1831 22 11.1V6.9C22 3.4 20.6 2 17.1 2Z" fill="#292D32"/>
+</svg>

public/images/icons/courthouse.svg

@@ -1,69 +1,5 @@
-<svg
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M2 22H22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M12 2C13.6 2.64 15.4 2.64 17 2V5C15.4 5.64 13.6 5.64 12 5V2Z"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M12 5V8"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M4 15.91V22H20V11C20 9 19 8 17 8H7C5 8 4 9 4 11V12"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M4 12H19.42"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M7.98999 12V22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M11.99 12V22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M15.99 12V22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinejoin="round"
-  />
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.75 4.63986L6.31997 2.44986C3.92997 1.27986 1.96997 2.46986 1.96997 5.08986V19.9299C1.96997 21.0699 2.91997 21.9999 4.07997 21.9999H11.5C12.05 21.9999 12.5 21.5499 12.5 20.9999V7.40986C12.5 6.35986 11.71 5.10986 10.75 4.63986ZM8.96997 13.7499H5.49997C5.08997 13.7499 4.74997 13.4099 4.74997 12.9999C4.74997 12.5899 5.08997 12.2499 5.49997 12.2499H8.96997C9.37997 12.2499 9.71997 12.5899 9.71997 12.9999C9.71997 13.4099 9.38997 13.7499 8.96997 13.7499ZM8.96997 9.74986H5.49997C5.08997 9.74986 4.74997 9.40986 4.74997 8.99986C4.74997 8.58986 5.08997 8.24986 5.49997 8.24986H8.96997C9.37997 8.24986 9.71997 8.58986 9.71997 8.99986C9.71997 9.40986 9.38997 9.74986 8.96997 9.74986Z" fill="#292D32"/>
+<path d="M22 18.04V19.5C22 20.88 20.88 22 19.5 22H14.97C14.43 22 14 21.57 14 21.03V18.87C15.07 19 16.2 18.69 17.01 18.04C17.69 18.59 18.56 18.92 19.51 18.92C20.44 18.92 21.31 18.59 22 18.04Z" fill="#292D32"/>
+<path d="M22 15.05V15.06C21.92 16.37 20.85 17.42 19.51 17.42C18.12 17.42 17.01 16.29 17.01 14.92C17.01 16.45 15.6 17.68 14 17.37V12C14 11.36 14.59 10.88 15.22 11.02L17.01 11.42L17.49 11.53L19.53 11.99C20.02 12.09 20.47 12.26 20.86 12.51C20.86 12.52 20.87 12.52 20.87 12.52C20.97 12.59 21.07 12.67 21.16 12.76C21.62 13.22 21.92 13.89 21.99 14.87C21.99 14.93 22 14.99 22 15.05Z" fill="#292D32"/>
+</svg>

public/images/icons/danger.svg

@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 9V14" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.2401 14L21.3001 15.9C22.9801 18.93 21.5201 21.41 18.0601 21.41H12.0001H5.94005C2.47005 21.41 1.02005 18.93 2.70005 15.9L5.82006 10.28L8.76006 5.00003C10.5401 1.79003 13.4601 1.79003 15.2401 5.00003L18.1801 10.29" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9945 17H12.0035" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.76 15.92L15.36 4.4C14.5 2.85 13.31 2 12 2C10.69 2 9.49998 2.85 8.63998 4.4L2.23998 15.92C1.42998 17.39 1.33998 18.8 1.98998 19.91C2.63998 21.02 3.91998 21.63 5.59998 21.63H18.4C20.08 21.63 21.36 21.02 22.01 19.91C22.66 18.8 22.57 17.38 21.76 15.92ZM11.25 9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9V14C12.75 14.41 12.41 14.75 12 14.75C11.59 14.75 11.25 14.41 11.25 14V9ZM12.71 17.71C12.66 17.75 12.61 17.79 12.56 17.83C12.5 17.87 12.44 17.9 12.38 17.92C12.32 17.95 12.26 17.97 12.19 17.98C12.13 17.99 12.06 18 12 18C11.94 18 11.87 17.99 11.8 17.98C11.74 17.97 11.68 17.95 11.62 17.92C11.56 17.9 11.5 17.87 11.44 17.83C11.39 17.79 11.34 17.75 11.29 17.71C11.11 17.52 11 17.26 11 17C11 16.74 11.11 16.48 11.29 16.29C11.34 16.25 11.39 16.21 11.44 16.17C11.5 16.13 11.56 16.1 11.62 16.08C11.68 16.05 11.74 16.03 11.8 16.02C11.93 15.99 12.07 15.99 12.19 16.02C12.26 16.03 12.32 16.05 12.38 16.08C12.44 16.1 12.5 16.13 12.56 16.17C12.61 16.21 12.66 16.25 12.71 16.29C12.89 16.48 13 16.74 13 17C13 17.26 12.89 17.52 12.71 17.71Z" fill="#292D32"/>
+</svg>

public/images/icons/discount-badge.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF0000;}
+</style>
+<path class="st0" d="M21.6,10.7l-1.4-1.6c-0.3-0.3-0.5-0.9-0.5-1.3V6.2c0-1.1-0.9-1.9-1.9-1.9h-1.7c-0.4,0-1-0.2-1.3-0.5l-1.6-1.4
+	c-0.7-0.6-1.8-0.6-2.5,0L9.2,3.8C8.9,4.1,8.3,4.3,7.9,4.3H6.2c-1.1,0-1.9,0.9-1.9,1.9v1.7c0,0.4-0.2,0.9-0.5,1.2l-1.3,1.6
+	c-0.6,0.7-0.6,1.8,0,2.5l1.3,1.6c0.2,0.3,0.5,0.9,0.5,1.2v1.7c0,1.1,0.9,1.9,1.9,1.9h1.7c0.4,0,1,0.2,1.3,0.5l1.6,1.4
+	c0.7,0.6,1.8,0.6,2.5,0l1.6-1.4c0.3-0.3,0.9-0.5,1.3-0.5h1.7c1.1,0,1.9-0.9,1.9-1.9v-1.7c0-0.4,0.2-1,0.5-1.3l1.4-1.6
+	C22.1,12.6,22.1,11.4,21.6,10.7z"/>
+</svg>

public/images/icons/edit.svg

@@ -1,6 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 13V15C22 20 20 22 15 22H9C4 22 2 20 2 15V13.48" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11 2H9C4 2 2 4 2 9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.9299 9.01001L20.9799 7.96001C22.3399 6.60001 22.9799 5.02001 20.9799 3.02001C18.9799 1.02001 17.3999 1.66001 16.0399 3.02001L8.15988 10.9C7.85988 11.2 7.55988 11.79 7.49988 12.22L7.06988 15.23C6.90988 16.32 7.67988 17.08 8.76988 16.93L11.7799 16.5C12.1999 16.44 12.7899 16.14 13.0999 15.84L16.2799 12.66L17.0099 11.93" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.9102 4.15002C15.5802 6.54002 17.4502 8.41002 19.8502 9.09002" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM10.95 17.51C10.66 17.8 10.11 18.08 9.71 18.14L7.25 18.49C7.16 18.5 7.07 18.51 6.98 18.51C6.57 18.51 6.19 18.37 5.92 18.1C5.59 17.77 5.45 17.29 5.53 16.76L5.88 14.3C5.94 13.89 6.21 13.35 6.51 13.06L10.97 8.6C11.05 8.81 11.13 9.02 11.24 9.26C11.34 9.47 11.45 9.69 11.57 9.89C11.67 10.06 11.78 10.22 11.87 10.34C11.98 10.51 12.11 10.67 12.19 10.76C12.24 10.83 12.28 10.88 12.3 10.9C12.55 11.2 12.84 11.48 13.09 11.69C13.16 11.76 13.2 11.8 13.22 11.81C13.37 11.93 13.52 12.05 13.65 12.14C13.81 12.26 13.97 12.37 14.14 12.46C14.34 12.58 14.56 12.69 14.78 12.8C15.01 12.9 15.22 12.99 15.43 13.06L10.95 17.51ZM17.37 11.09L16.45 12.02C16.39 12.08 16.31 12.11 16.23 12.11C16.2 12.11 16.16 12.11 16.14 12.1C14.11 11.52 12.49 9.9 11.91 7.87C11.88 7.76 11.91 7.64 11.99 7.57L12.92 6.64C14.44 5.12 15.89 5.15 17.38 6.64C18.14 7.4 18.51 8.13 18.51 8.89C18.5 9.61 18.13 10.33 17.37 11.09Z" fill="#292D32"/>
+</svg>

public/images/icons/eye-open.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.25 9.15018C18.94 5.52017 15.56 3.43018 12 3.43018C10.22 3.43018 8.49 3.95018 6.91 4.92018C5.33 5.90018 3.91 7.33017 2.75 9.15018C1.75 10.7202 1.75 13.2702 2.75 14.8402C5.06 18.4802 8.44 20.5602 12 20.5602C13.78 20.5602 15.51 20.0402 17.09 19.0702C18.67 18.0902 20.09 16.6602 21.25 14.8402C22.25 13.2802 22.25 10.7202 21.25 9.15018ZM12 16.0402C9.76 16.0402 7.96 14.2302 7.96 12.0002C7.96 9.77018 9.76 7.96018 12 7.96018C14.24 7.96018 16.04 9.77018 16.04 12.0002C16.04 14.2302 14.24 16.0402 12 16.0402Z" fill="#292D32"/>
+<path d="M12 9.14014C10.43 9.14014 9.15002 10.4201 9.15002 12.0001C9.15002 13.5701 10.43 14.8501 12 14.8501C13.57 14.8501 14.86 13.5701 14.86 12.0001C14.86 10.4301 13.57 9.14014 12 9.14014Z" fill="#292D32"/>
+</svg>

public/images/icons/eye-slash.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.2699 9.17981C20.9799 8.71981 20.6699 8.28981 20.3499 7.88981C19.9799 7.41981 19.2799 7.37981 18.8599 7.79981L15.8599 10.7998C16.0799 11.4598 16.1199 12.2198 15.9199 13.0098C15.5699 14.4198 14.4299 15.5598 13.0199 15.9098C12.2299 16.1098 11.4699 16.0698 10.8099 15.8498C10.8099 15.8498 9.37995 17.2798 8.34995 18.3098C7.84995 18.8098 8.00995 19.6898 8.67995 19.9498C9.74995 20.3598 10.8599 20.5698 11.9999 20.5698C13.7799 20.5698 15.5099 20.0498 17.0899 19.0798C18.6999 18.0798 20.1499 16.6098 21.3199 14.7398C22.2699 13.2298 22.2199 10.6898 21.2699 9.17981Z" fill="#292D32"/>
+<path d="M14.02 9.98014L9.98001 14.0201C9.47001 13.5001 9.14001 12.7801 9.14001 12.0001C9.14001 10.4301 10.42 9.14014 12 9.14014C12.78 9.14014 13.5 9.47014 14.02 9.98014Z" fill="#292D32"/>
+<path d="M18.25 5.75018L14.86 9.14018C14.13 8.40018 13.12 7.96018 12 7.96018C9.76 7.96018 7.96 9.77018 7.96 12.0002C7.96 13.1202 8.41 14.1302 9.14 14.8602L5.76 18.2502H5.75C4.64 17.3502 3.62 16.2002 2.75 14.8402C1.75 13.2702 1.75 10.7202 2.75 9.15018C3.91 7.33017 5.33 5.90018 6.91 4.92018C8.49 3.96018 10.22 3.43018 12 3.43018C14.23 3.43018 16.39 4.25018 18.25 5.75018Z" fill="#292D32"/>
+<path d="M14.86 12.0001C14.86 13.5701 13.58 14.8601 12 14.8601C11.94 14.8601 11.89 14.8601 11.83 14.8401L14.84 11.8301C14.86 11.8901 14.86 11.9401 14.86 12.0001Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>

public/images/icons/eye.svg

@@ -1,24 +1,4 @@
- <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M9.02992 13.9999C8.63992 13.4299 8.41992 12.7399 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C13.9799 8.41992 15.5799 10.0199 15.5799 11.9999C15.5799 13.9799 13.9799 15.5799 11.9999 15.5799"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M17.5598 5.58047C15.8698 4.38047 13.9698 3.73047 11.9998 3.73047C8.46984 3.73047 5.17984 5.81047 2.88984 9.41047C1.98984 10.8205 1.98984 13.1905 2.88984 14.6005C5.17984 18.2005 8.46984 20.2805 11.9998 20.2805C15.5298 20.2805 18.8198 18.2005 21.1098 14.6005C22.0098 13.1905 22.0098 10.8205 21.1098 9.41047"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.25 9.15018C18.94 5.52017 15.56 3.43018 12 3.43018C10.22 3.43018 8.49 3.95018 6.91 4.92018C5.33 5.90018 3.91 7.33017 2.75 9.15018C1.75 10.7202 1.75 13.2702 2.75 14.8402C5.06 18.4802 8.44 20.5602 12 20.5602C13.78 20.5602 15.51 20.0402 17.09 19.0702C18.67 18.0902 20.09 16.6602 21.25 14.8402C22.25 13.2802 22.25 10.7202 21.25 9.15018ZM12 16.0402C9.76 16.0402 7.96 14.2302 7.96 12.0002C7.96 9.77018 9.76 7.96018 12 7.96018C14.24 7.96018 16.04 9.77018 16.04 12.0002C16.04 14.2302 14.24 16.0402 12 16.0402Z" fill="#292D32"/>
+<path d="M12 9.14014C10.43 9.14014 9.15002 10.4201 9.15002 12.0001C9.15002 13.5701 10.43 14.8501 12 14.8501C13.57 14.8501 14.86 13.5701 14.86 12.0001C14.86 10.4301 13.57 9.14014 12 9.14014Z" fill="#292D32"/>
+</svg>

public/images/icons/failed.svg

@@ -1,17 +1,3 @@
-<svg
-      width="50"
-      height="50"
-      viewBox="0 0 50 50"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        opacity="0.4"
-        d="M24.9998 45.8334C36.5058 45.8334 45.8332 36.506 45.8332 25.0001C45.8332 13.4941 36.5058 4.16675 24.9998 4.16675C13.4939 4.16675 4.1665 13.4941 4.1665 25.0001C4.1665 36.506 13.4939 45.8334 24.9998 45.8334Z"
-        fill="#FF0000"
-      />
-      <path
-        d="M27.2083 25L32 20.2083C32.6042 19.6042 32.6042 18.6042 32 18C31.3958 17.3958 30.3958 17.3958 29.7917 18L25 22.7917L20.2083 18C19.6042 17.3958 18.6042 17.3958 18 18C17.3958 18.6042 17.3958 19.6042 18 20.2083L22.7917 25L18 29.7917C17.3958 30.3958 17.3958 31.3958 18 32C18.3125 32.3125 18.7083 32.4583 19.1042 32.4583C19.5 32.4583 19.8958 32.3125 20.2083 32L25 27.2083L29.7917 32C30.1042 32.3125 30.5 32.4583 30.8958 32.4583C31.2917 32.4583 31.6875 32.3125 32 32C32.6042 31.3958 32.6042 30.3958 32 29.7917L27.2083 25Z"
-        fill="#FF0000"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>

public/images/icons/flash-circle.svg

@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.68036 11.9101L10.3304 12.32L9.38037 16.1601C9.16037 17.0601 9.60035 17.36 10.3604 16.83L15.5404 13.2401C16.1704 12.8001 16.0804 12.2901 15.3304 12.1001L13.6804 11.6901L14.6304 7.85006C14.8504 6.95006 14.4104 6.65007 13.6504 7.18007L8.47037 10.7701C7.84037 11.2101 7.93036 11.7201 8.68036 11.9101Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.29998 7.97 2.84998" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 13.23L10.35 16.82C9.59 17.35 9.15 17.04 9.37 16.15L10.32 12.31L8.67 11.9C7.92 11.72 7.83 11.2 8.46 10.76L13.64 7.17C14.4 6.64 14.84 6.95 14.62 7.84L13.67 11.68L15.32 12.09C16.07 12.28 16.16 12.79 15.53 13.23Z" fill="#292D32"/>
+</svg>

public/images/icons/follow-user.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 2H6C4.34 2 3 3.33 3 4.97V15.88C3 17.52 4.34 18.85 6 18.85H6.76C7.56 18.85 8.32 19.16 8.88 19.72L10.59 21.41C11.37 22.18 12.64 22.18 13.42 21.41L15.13 19.72C15.69 19.16 16.46 18.85 17.25 18.85H18C19.66 18.85 21 17.52 21 15.88V4.97C21 3.33 19.66 2 18 2ZM12 5.75C13.29 5.75 14.33 6.79 14.33 8.08C14.33 9.37 13.29 10.41 12 10.41C10.71 10.41 9.67 9.36 9.67 8.08C9.67 6.79 10.71 5.75 12 5.75ZM14.68 15.06H9.32C8.51 15.06 8.04 14.16 8.49 13.49C9.17 12.48 10.49 11.8 12 11.8C13.51 11.8 14.83 12.48 15.51 13.49C15.96 14.16 15.48 15.06 14.68 15.06Z" fill="#292D32"/>
+</svg>

public/images/icons/gallery-add.svg

@@ -1,6 +1,5 @@
-<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M104.5 66.0252V76.9027C104.5 94.1927 94.1927 104.5 76.9027 104.5H37.0977C24.9852 104.5 16.2452 99.4177 12.1602 90.3927L12.6827 90.0127L36.0527 74.3377C39.8527 71.7727 45.2202 72.0577 48.5927 75.0027L50.2077 76.3327C53.9127 79.5152 59.8977 79.5152 63.6027 76.3327L83.3627 59.3752C87.0677 56.1927 93.0527 56.1927 96.7577 59.3752L104.5 66.0252Z" fill="#949494"/>
-<path opacity="0.4" d="M99.6075 38H85.6425C79.61 38 76 34.39 76 28.3575V14.3925C76 12.4925 76.38 10.8775 77.045 9.5C76.9975 9.5 76.95 9.5 76.9025 9.5H37.0975C19.8075 9.5 9.5 19.8075 9.5 37.0975V76.9025C9.5 82.08 10.4025 86.5925 12.16 90.3925L12.6825 90.0125L36.0525 74.3375C39.8525 71.7725 45.22 72.0575 48.5925 75.0025L50.2075 76.3325C53.9125 79.515 59.8975 79.515 63.6025 76.3325L83.3625 59.375C87.0675 56.1925 93.0525 56.1925 96.7575 59.375L104.5 66.025V37.0975C104.5 37.05 104.5 37.0025 104.5 36.955C103.123 37.62 101.508 38 99.6075 38Z" fill="#949494"/>
-<path d="M42.7503 49.3048C48.9939 49.3048 54.0553 44.2434 54.0553 37.9998C54.0553 31.7562 48.9939 26.6948 42.7503 26.6948C36.5067 26.6948 31.4453 31.7562 31.4453 37.9998C31.4453 44.2434 36.5067 49.3048 42.7503 49.3048Z" fill="#949494"/>
-<path d="M99.6075 4.75H85.6425C79.61 4.75 76 8.36 76 14.3925V28.3575C76 34.39 79.61 38 85.6425 38H99.6075C105.64 38 109.25 34.39 109.25 28.3575V14.3925C109.25 8.36 105.64 4.75 99.6075 4.75ZM104.072 23.4175C103.597 23.8925 102.885 24.225 102.125 24.2725H95.4275L95.475 30.875C95.4275 31.6825 95.1425 32.3475 94.5725 32.9175C94.0975 33.3925 93.385 33.725 92.625 33.725C91.0575 33.725 89.775 32.4425 89.775 30.875V24.225L83.125 24.2725C81.5575 24.2725 80.275 22.9425 80.275 21.375C80.275 19.8075 81.5575 18.525 83.125 18.525L89.775 18.5725V11.9225C89.775 10.355 91.0575 9.025 92.625 9.025C94.1925 9.025 95.475 10.355 95.475 11.9225L95.4275 18.525H102.125C103.692 18.525 104.975 19.8075 104.975 21.375C104.928 22.1825 104.595 22.8475 104.072 23.4175Z" fill="#949494"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.97 1H18.03C17.16 1 16.52 1.36 16.23 2C16.07 2.29 16 2.63 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C21.37 8 21.71 7.93 22 7.77C22.64 7.48 23 6.84 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.91 4.93C21.81 5.03 21.66 5.1 21.5 5.11H20.09V5.62L20.1 6.5C20.09 6.67 20.03 6.81 19.91 6.93C19.81 7.03 19.66 7.1 19.5 7.1C19.17 7.1 18.9 6.83 18.9 6.5V5.1L17.5 5.11C17.17 5.11 16.9 4.83 16.9 4.5C16.9 4.17 17.17 3.9 17.5 3.9L18.38 3.91H18.9V2.51C18.9 2.18 19.17 1.9 19.5 1.9C19.83 1.9 20.1 2.18 20.1 2.51L20.09 3.22V3.9H21.5C21.83 3.9 22.1 4.17 22.1 4.5C22.09 4.67 22.02 4.81 21.91 4.93Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>

public/images/icons/gallery-edit.svg

@@ -1,8 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 6C7.9 6 7 6.9 7 8C7 9.1 7.9 10 9 10C10.1 10 11 9.1 11 8" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2 12.89V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13 2H9C4 2 2 4 2 9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.1399 2.59003L15.5099 6.22003C15.3699 6.36003 15.2299 6.63003 15.2099 6.83003L15.0099 8.22003C14.9399 8.72003 15.2899 9.07003 15.7899 9.00003L17.1799 8.80003C17.3699 8.77003 17.6499 8.64003 17.7899 8.50003L21.4199 4.87003C22.0499 4.24003 22.3399 3.52003 21.4199 2.60003C20.4899 1.66003 19.7699 1.96003 19.1399 2.59003Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.6201 3.10999C18.9301 4.20999 19.7901 5.06999 20.8901 5.37999" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.66992 18.9501L7.59992 15.6401C8.38992 15.1101 9.52992 15.1701 10.2399 15.7801L10.5699 16.0701C11.3499 16.7401 12.6099 16.7401 13.3899 16.0701L17.5499 12.5001C18.3299 11.8301 19.5899 11.8301 20.3699 12.5001L21.9999 13.9001" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.97 1H18.03C16.76 1 16 1.76 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C22.24 8 23 7.24 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM19.01 6.57C18.98 6.6 18.91 6.64 18.86 6.64L17.82 6.79C17.79 6.8 17.75 6.8 17.72 6.8C17.57 6.8 17.44 6.75 17.35 6.65C17.23 6.53 17.18 6.36 17.21 6.18L17.36 5.14C17.37 5.09 17.4 5.02 17.43 4.99L19.13 3.29C19.16 3.36 19.19 3.44 19.22 3.52C19.26 3.6 19.3 3.67 19.34 3.74C19.37 3.8 19.41 3.86 19.45 3.9C19.49 3.96 19.53 4.02 19.56 4.05C19.58 4.08 19.59 4.09 19.6 4.1C19.69 4.21 19.79 4.31 19.88 4.38C19.9 4.4 19.92 4.42 19.93 4.42C19.98 4.46 20.04 4.51 20.08 4.54C20.14 4.58 20.19 4.62 20.25 4.65C20.32 4.69 20.4 4.73 20.48 4.77C20.56 4.81 20.64 4.84 20.71 4.86L19.01 6.57ZM21.4 4.18L21.08 4.5C21.06 4.53 21.03 4.54 21 4.54C20.99 4.54 20.98 4.54 20.97 4.54C20.25 4.33 19.68 3.76 19.47 3.04C19.46 3 19.47 2.96 19.5 2.93L19.83 2.6C20.37 2.06 20.88 2.07 21.41 2.6C21.68 2.87 21.81 3.13 21.81 3.39C21.8 3.65 21.67 3.91 21.4 4.18Z" fill="#292D32"/>
+<path d="M9.00012 10.3801C10.3146 10.3801 11.3801 9.31456 11.3801 8.00012C11.3801 6.68568 10.3146 5.62012 9.00012 5.62012C7.68568 5.62012 6.62012 6.68568 6.62012 8.00012C6.62012 9.31456 7.68568 10.3801 9.00012 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>

public/images/icons/grid-3.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H12.75V8V8.75V13.75H22V8.75V8V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M2 10.25V15.25V15.75V16.19C2 19.83 4.17 22 7.81 22H11.25V15.75V15.25V10.25H2Z" fill="#292D32"/>
+<path d="M11.25 2V8.75H2V7.81C2 4.17 4.17 2 7.81 2H11.25Z" fill="#292D32"/>
+<path d="M22 15.25V16.19C22 19.83 19.83 22 16.19 22H12.75V15.25H22Z" fill="#292D32"/>
+</svg>

public/images/icons/heart.svg

@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.59 4.9701C21.47 5.9601 22 7.2601 22 8.6901C22 15.6901 15.52 19.8201 12.62 20.8201C12.28 20.9401 11.72 20.9401 11.38 20.8201C8.48 19.8201 2 15.6901 2 8.6901C2 5.6001 4.49 3.1001 7.56 3.1001C9.38 3.1001 10.99 3.9801 12 5.3401C13.01 3.9801 14.63 3.1001 16.44 3.1001" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.44 3.1001C14.63 3.1001 13.01 3.9801 12 5.3301C10.99 3.9801 9.37 3.1001 7.56 3.1001C4.49 3.1001 2 5.6001 2 8.6901C2 9.8801 2.19 10.9801 2.52 12.0001C4.1 17.0001 8.97 19.9901 11.38 20.8101C11.72 20.9301 12.28 20.9301 12.62 20.8101C15.03 19.9901 19.9 17.0001 21.48 12.0001C21.81 10.9801 22 9.8801 22 8.6901C22 5.6001 19.51 3.1001 16.44 3.1001Z" fill="#292D32"/>
+</svg>

public/images/icons/instagram.svg

@@ -1,29 +1,3 @@
-<svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M2 13.03V15C2 20 4 22 9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M17.6361 7H17.6477"
-        stroke="#292D32"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 15.88C9.86 15.88 8.12 14.14 8.12 12C8.12 9.86 9.86 8.12 12 8.12C14.14 8.12 15.88 9.86 15.88 12C15.88 14.14 14.14 15.88 12 15.88ZM17.92 6.88C17.87 7 17.8 7.11 17.71 7.21C17.61 7.3 17.5 7.37 17.38 7.42C17.26 7.47 17.13 7.5 17 7.5C16.73 7.5 16.48 7.4 16.29 7.21C16.2 7.11 16.13 7 16.08 6.88C16.03 6.76 16 6.63 16 6.5C16 6.37 16.03 6.24 16.08 6.12C16.13 5.99 16.2 5.89 16.29 5.79C16.52 5.56 16.87 5.45 17.19 5.52C17.26 5.53 17.32 5.55 17.38 5.58C17.44 5.6 17.5 5.63 17.56 5.67C17.61 5.7 17.66 5.75 17.71 5.79C17.8 5.89 17.87 5.99 17.92 6.12C17.97 6.24 18 6.37 18 6.5C18 6.63 17.97 6.76 17.92 6.88Z" fill="#292D32"/>
+</svg>

public/images/icons/judge.svg

@@ -1,7 +1,6 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.0096 18.5101L15.0596 13.5601" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.5996 7.19995C19.3796 7.97995 19.3796 9.24994 18.5996 10.0299L15.0596 13.5699" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.0602 13.56L11.5202 17.1C10.7402 17.88 9.47024 17.88 8.69024 17.1L4.45023 12.86C3.67023 12.08 3.67023 10.81 4.45023 10.03L11.5202 2.96C12.3002 2.18 13.5702 2.18 14.3502 2.96L15.8102 4.42002" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2 21H8" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.55957 7.92004L13.6296 14.99" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.54 19.0398C20.39 19.1898 20.2 19.2598 20.01 19.2598C19.82 19.2598 19.63 19.1898 19.48 19.0398L14.53 14.0898L15.06 13.5598L15.59 13.0298L20.54 17.9798C20.83 18.2698 20.83 18.7498 20.54 19.0398Z" fill="#292D32"/>
+<path d="M6.46999 9.28009L12.27 15.0801C12.66 15.4701 12.66 16.1001 12.27 16.4901L11.37 17.4001C10.56 18.2001 9.27999 18.2001 8.47999 17.4001L4.13999 13.0601C3.34999 12.2701 3.34999 10.9801 4.13999 10.1801L5.04999 9.27009C5.43999 8.89009 6.07999 8.89009 6.46999 9.28009Z" fill="#292D32"/>
+<path d="M18.59 10.1902L14.78 13.9902C14.38 14.3902 13.74 14.3902 13.34 13.9902L7.56001 8.21018C7.16001 7.81018 7.16001 7.17018 7.56001 6.77018L11.37 2.96018C12.16 2.17018 13.45 2.17018 14.25 2.96018L18.59 7.30018C19.38 8.10018 19.38 9.38018 18.59 10.1902Z" fill="#292D32"/>
+<path d="M8 21.75H2C1.59 21.75 1.25 21.41 1.25 21C1.25 20.59 1.59 20.25 2 20.25H8C8.41 20.25 8.75 20.59 8.75 21C8.75 21.41 8.41 21.75 8 21.75Z" fill="#292D32"/>
+</svg>

public/images/icons/key.svg

@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.9897 2.14996C15.3697 1.68996 17.9397 2.37996 19.7897 4.21996C22.7397 7.16996 22.7397 11.98 19.7897 14.92C17.7297 16.97 14.7797 17.6 12.1897 16.79L7.47966 21.49C7.13966 21.84 6.46966 22.05 5.98966 21.98L3.80966 21.68C3.08966 21.58 2.41966 20.9 2.30966 20.18L2.00966 18C1.93966 17.52 2.16966 16.85 2.49966 16.51L3.61966 15.39L7.18966 11.82C6.38966 9.21996 7.00966 6.26996 9.06966 4.21996" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.88965 17.49L9.18965 19.79" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.5 11C15.3284 11 16 10.3284 16 9.5C16 8.67157 15.3284 8 14.5 8C13.6716 8 13 8.67157 13 9.5C13 10.3284 13.6716 11 14.5 11Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.79 4.21982C16.83 1.26982 12.03 1.26982 9.09002 4.21982C7.02002 6.26982 6.40002 9.21982 7.20002 11.8198L2.50002 16.5198C2.17002 16.8598 1.94002 17.5298 2.01002 18.0098L2.31002 20.1898C2.42002 20.9098 3.09002 21.5898 3.81002 21.6898L5.99002 21.9898C6.47002 22.0598 7.14002 21.8398 7.48002 21.4898L8.30002 20.6698C8.50002 20.4798 8.50002 20.1598 8.30002 19.9598L6.36002 18.0198C6.07002 17.7298 6.07002 17.2498 6.36002 16.9598C6.65002 16.6698 7.13002 16.6698 7.42002 16.9598L9.37002 18.9098C9.56002 19.0998 9.88002 19.0998 10.07 18.9098L12.19 16.7998C14.78 17.6098 17.73 16.9798 19.79 14.9298C22.74 11.9798 22.74 7.16982 19.79 4.21982ZM14.5 11.9998C13.12 11.9998 12 10.8798 12 9.49982C12 8.11982 13.12 6.99982 14.5 6.99982C15.88 6.99982 17 8.11982 17 9.49982C17 10.8798 15.88 11.9998 14.5 11.9998Z" fill="#292D32"/>
+</svg>

public/images/icons/lifebuoy.svg

@@ -1,8 +1,6 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.03973 3.3C4.00973 5.02 1.96973 8.27 1.96973 12C1.96973 17.52 6.44973 22 11.9697 22C17.4897 22 21.9697 17.52 21.9697 12C21.9697 6.48 17.4897 2 11.9697 2" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.90039 4.93005L8.44039 8.46005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.90039 19.07L8.44039 15.54" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.0498 19.07L15.5098 15.54" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.0498 4.93005L15.5098 8.46005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 12C7.5 11.3369 7.64791 10.7071 7.91078 10.1372C8.11429 9.69593 8.07926 9.15924 7.73566 8.81564L5.15859 6.23857C4.74853 5.82851 4.07241 5.85004 3.74142 6.32622C2.62098 7.93817 1.97 9.89396 1.97 12C1.97 14.1044 2.61997 16.0587 3.73277 17.67C4.06278 18.1478 4.73993 18.1709 5.15107 17.7608L7.73414 15.1843C8.07851 14.8408 8.11393 14.3035 7.91032 13.8618C7.64774 13.2921 7.5 12.6627 7.5 12Z" fill="#292D32"/>
+<path d="M12 7.5C12.6631 7.5 13.2928 7.64791 13.8628 7.91078C14.3041 8.11428 14.8407 8.07926 15.1843 7.73566L17.7336 5.18643C18.1428 4.77717 18.1224 4.10256 17.6477 3.77141C16.0416 2.65097 14.0845 2 11.97 2C9.86581 2 7.91873 2.64985 6.30979 3.76248C5.83217 4.09277 5.80905 4.76993 6.21914 5.18107L8.78021 7.74868C9.12611 8.09546 9.66808 8.12873 10.1117 7.92105C10.6855 7.6524 11.3237 7.5 12 7.5Z" fill="#292D32"/>
+<path d="M19.8901 5.90633C19.7124 5.6767 19.375 5.66475 19.1695 5.8698L15.9507 9.08034C15.7773 9.25329 15.7574 9.52498 15.8813 9.73622C16.2717 10.4017 16.5 11.1724 16.5 12.0002C16.5 12.8283 16.2715 13.5992 15.881 14.2647C15.7572 14.4757 15.7769 14.7471 15.9499 14.9201L19.1695 18.1397C19.3749 18.3452 19.7127 18.3334 19.8904 18.1035C21.1957 16.4152 21.97 14.2971 21.97 12.0002C21.97 9.7032 21.1956 7.5934 19.8901 5.90633Z" fill="#292D32"/>
+<path d="M12 16.4999C11.172 16.4999 10.4011 16.2715 9.73551 15.8809C9.52449 15.7571 9.25311 15.7768 9.0801 15.9498L5.83054 19.1994C5.62505 19.4049 5.63679 19.7426 5.8667 19.9204C7.55502 21.2256 9.67317 21.9999 11.97 21.9999C14.2771 21.9999 16.3969 21.2249 18.0778 19.9107C18.3058 19.7324 18.3164 19.3963 18.1118 19.1917L14.8872 15.9671C14.7154 15.7953 14.4463 15.7745 14.2358 15.8959C13.5728 16.2785 12.8114 16.4999 12 16.4999Z" fill="#292D32"/>
+</svg>

public/images/icons/link-square.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.18 16.77C8.16 16.77 8.13 16.77 8.11 16.77C7.14 16.68 6.23 16.23 5.55 15.51C3.95 13.83 3.95 11.1 5.55 9.42L7.74 7.12C8.52 6.3 9.57 5.84 10.69 5.84C11.81 5.84 12.86 6.29 13.64 7.12C15.24 8.8 15.24 11.53 13.64 13.21L12.55 14.36C12.26 14.66 11.79 14.67 11.49 14.39C11.19 14.1 11.18 13.63 11.46 13.33L12.55 12.18C13.61 11.07 13.61 9.26 12.55 8.16C11.56 7.12 9.82 7.12 8.82 8.16L6.63 10.46C5.57 11.57 5.57 13.38 6.63 14.48C7.06 14.94 7.64 15.22 8.25 15.28C8.66 15.32 8.96 15.69 8.92 16.1C8.89 16.48 8.56 16.77 8.18 16.77ZM18.45 14.59L16.26 16.89C15.48 17.71 14.43 18.17 13.31 18.17C12.19 18.17 11.14 17.72 10.36 16.89C8.76 15.21 8.76 12.48 10.36 10.8L11.45 9.65C11.74 9.35 12.21 9.34 12.51 9.62C12.81 9.91 12.82 10.38 12.54 10.68L11.45 11.83C10.39 12.94 10.39 14.75 11.45 15.85C12.44 16.89 14.18 16.9 15.18 15.85L17.37 13.55C18.43 12.44 18.43 10.63 17.37 9.53C16.94 9.07 16.36 8.79 15.75 8.73C15.34 8.69 15.04 8.32 15.08 7.91C15.12 7.5 15.48 7.19 15.9 7.24C16.87 7.34 17.78 7.78 18.46 8.5C20.05 10.17 20.05 12.91 18.45 14.59Z" fill="#292D32"/>
+</svg>

public/images/icons/location.svg

@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.1199 10.3099C15.1199 12.0299 13.7299 13.4299 11.9999 13.4299C10.2699 13.4299 8.87988 12.0399 8.87988 10.3099C8.87988 8.57994 10.2799 7.18994 11.9999 7.18994C12.3399 7.18994 12.6699 7.23994 12.9699 7.33994" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.97996 4.30006C10.35 0.190061 18.82 1.60006 20.38 8.51006C21.53 13.5901 18.37 17.8901 15.6 20.5501C13.59 22.4901 10.41 22.4901 8.38996 20.5501C5.62996 17.8801 2.45996 13.5801 3.61996 8.50006" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.62 8.45C19.57 3.83 15.54 1.75 12 1.75C12 1.75 12 1.75 11.99 1.75C8.45997 1.75 4.41997 3.82 3.36997 8.44C2.19997 13.6 5.35997 17.97 8.21997 20.72C9.27997 21.74 10.64 22.25 12 22.25C13.36 22.25 14.72 21.74 15.77 20.72C18.63 17.97 21.79 13.61 20.62 8.45ZM12 13.46C10.26 13.46 8.84997 12.05 8.84997 10.31C8.84997 8.57 10.26 7.16 12 7.16C13.74 7.16 15.15 8.57 15.15 10.31C15.15 12.05 13.74 13.46 12 13.46Z" fill="#292D32"/>
+</svg>

public/images/icons/logo-mark.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 62" role="img" aria-label="Modstagram">
+  <style>.st0{fill:#FF107D;}</style>
+  <path class="st0" d="M42.1,47.6h-0.3c-1.7,0-3.2-1.4-3.2-3.2V31.8c0-1.3-0.3-2.5-0.8-3.6c-0.5-1.1-1.1-2.1-2-3c-0.8-0.8-1.8-1.5-3-2
+	c-1.1-0.5-2.3-0.8-3.6-0.8c-1.4,0-2.6,0.3-3.8,0.8c-1.1,0.5-2,1.2-2.9,2c-0.1,0.1-0.2,0.1-0.3,0c0,0,0,0-0.1,0
+	c-0.2-0.2-0.4-0.4-0.7-0.6c0,0,0,0-0.1-0.1C20.9,24,20,23.5,19,23.1c-1-0.4-2-0.6-3.1-0.6c-1.3,0-2.5,0.3-3.7,0.8
+	c-1.1,0.5-2.1,1.1-2.9,2c-0.8,0.8-1.5,1.8-2,3c-0.5,1.1-0.7,2.3-0.7,3.6v12.6c0,1.7-1.4,3.2-3.2,3.2H3.2c-1.7,0-3.2-1.4-3.2-3.2
+	V31.8v-0.4c0-2.1,0.5-4.1,1.3-6c0.8-1.9,2-3.5,3.4-4.9c1.4-1.4,3.1-2.5,5-3.3c1.9-0.8,4-1.2,6.1-1.2c1.2,0,2.4,0.2,3.5,0.4
+	c1.1,0.3,2.2,0.6,3.2,1.1c1-0.5,2.1-0.8,3.3-1.1c1.1-0.3,2.3-0.4,3.5-0.4c2.2,0,4.3,0.5,6.2,1.3c1.9,0.8,3.6,2,5.1,3.4
+	c1.4,1.4,2.6,3.1,3.4,5.1c0.8,1.9,1.2,3.9,1.2,6.1v12.6C45.3,46.2,43.9,47.6,42.1,47.6z M64.6,16c2.1,0,4.2,0.4,6.1,1.3
+	c1.9,0.8,3.6,1.9,5.1,3.3c1.4,1.4,2.6,3.1,3.4,5.1c0.8,1.9,1.3,3.9,1.3,6.1c0,2.2-0.4,4.3-1.3,6.2c-0.8,1.9-2,3.6-3.4,5
+	c-1.4,1.4-3.1,2.5-5.1,3.3c-1.9,0.8-3.9,1.2-6.1,1.2c-2.2,0-4.3-0.4-6.2-1.2c-1.9-0.8-3.6-2-5-3.3c-1.4-1.4-2.5-3.1-3.3-5
+	c-0.8-1.9-1.2-4-1.2-6.2c0-2.2,0.4-4.2,1.2-6.1c0.8-1.9,2-3.6,3.3-5.1c1.4-1.4,3.1-2.6,5-3.3C60.3,16.4,62.4,16,64.6,16z M64.6,41
+	c1.3,0,2.5-0.2,3.6-0.7c1.1-0.5,2.1-1.2,2.9-2c0.8-0.8,1.5-1.8,2-2.9c0.5-1.1,0.8-2.3,0.8-3.6c0-1.3-0.3-2.5-0.8-3.6
+	c-0.5-1.1-1.1-2.1-2-2.9c-0.8-0.8-1.8-1.5-2.9-2c-1.1-0.5-2.3-0.8-3.6-0.8s-2.5,0.3-3.6,0.8c-1.1,0.5-2.1,1.1-3,2
+	c-0.8,0.8-1.5,1.8-2,2.9c-0.5,1.1-0.7,2.3-0.7,3.6c0,1.3,0.2,2.5,0.7,3.6c0.5,1.1,1.2,2.1,2,2.9c0.8,0.8,1.8,1.5,3,2
+	C62.1,40.7,63.3,41,64.6,41z"/>
+</svg>

public/images/icons/logout.svg

@@ -1,6 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.5002 13V15.26C21.5002 19.73 19.7102 21.52 15.2402 21.52H15.1102C11.0902 21.52 9.24016 20.07 8.91016 16.53" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.90039 7.55999C9.21039 3.95999 11.0604 2.48999 15.1104 2.48999H15.2404C19.7104 2.48999 21.5004 4.27999 21.5004 8.74999" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.0001 12H3.62012" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.85 8.65002L2.5 12L5.85 15.35" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8 2H14.2C11 2 9 4 9 7.2V11.25H15.25C15.66 11.25 16 11.59 16 12C16 12.41 15.66 12.75 15.25 12.75H9V16.8C9 20 11 22 14.2 22H16.79C19.99 22 21.99 20 21.99 16.8V7.2C22 4 20 2 16.8 2Z" fill="#292D32"/>
+<path d="M4.55994 11.2498L6.62994 9.17984C6.77994 9.02984 6.84994 8.83984 6.84994 8.64984C6.84994 8.45984 6.77994 8.25984 6.62994 8.11984C6.33994 7.82984 5.85994 7.82984 5.56994 8.11984L2.21994 11.4698C1.92994 11.7598 1.92994 12.2398 2.21994 12.5298L5.56994 15.8798C5.85994 16.1698 6.33994 16.1698 6.62994 15.8798C6.91994 15.5898 6.91994 15.1098 6.62994 14.8198L4.55994 12.7498H8.99994V11.2498H4.55994Z" fill="#292D32"/>
+</svg>

public/images/icons/man.svg

@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.27 18.68C5.69 20.4 7.84 21.5 10.25 21.5C14.53 21.5 18 18.03 18 13.75C18 9.47 14.53 6 10.25 6C5.97 6 2.5 9.47 2.5 13.75" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21.5 2.5L16 8" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 2.5H21.5V9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.19 2.21C22.12 2.03 21.97 1.88 21.79 1.81C21.69 1.77 21.6 1.75 21.5 1.75H15C14.59 1.75 14.25 2.09 14.25 2.5C14.25 2.91 14.59 3.25 15 3.25H19.69L15.18 7.77H15.17C13.83 6.66 12.12 6 10.25 6C5.97 6 2.5 9.47 2.5 13.75C2.5 18.03 5.97 21.5 10.25 21.5C14.53 21.5 18 18.03 18 13.75C18 11.88 17.34 10.17 16.23 8.83L20.75 4.31V9C20.75 9.41 21.09 9.75 21.5 9.75C21.91 9.75 22.25 9.41 22.25 9V2.5C22.25 2.4 22.23 2.31 22.19 2.21Z" fill="#292D32"/>
+</svg>

public/images/icons/medal-star.svg

@@ -1,5 +1,5 @@
-<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.4" d="M20.2143 9C20.2143 10.45 19.771 11.78 19.008 12.89C17.8944 14.49 16.1313 15.62 14.0794 15.91C13.7289 15.97 13.368 16 12.9968 16C12.6256 16 12.2647 15.97 11.9142 15.91C9.86235 15.62 8.09921 14.49 6.98565 12.89C6.22266 11.78 5.7793 10.45 5.7793 9C5.7793 5.13 9.00656 2 12.9968 2C16.9871 2 20.2143 5.13 20.2143 9Z" fill="#D0B731"/>
-<path d="M22.5344 18.4699L20.8332 18.8599C20.4517 18.9499 20.1526 19.2299 20.0702 19.5999L19.7093 21.0699C19.5134 21.8699 18.4617 22.1099 17.9152 21.4799L12.997 15.9999L8.07878 21.4899C7.53231 22.1199 6.48062 21.8799 6.28471 21.0799L5.92384 19.6099C5.83104 19.2399 5.53203 18.9499 5.16084 18.8699L3.45957 18.4799C2.67595 18.2999 2.39756 17.3499 2.96466 16.7999L6.98584 12.8999C8.0994 14.4999 9.86254 15.6299 11.9144 15.9199C12.2649 15.9799 12.6258 16.0099 12.997 16.0099C13.3682 16.0099 13.7291 15.9799 14.0796 15.9199C16.1315 15.6299 17.8946 14.4999 19.0082 12.8999L23.0293 16.7999C23.5964 17.3399 23.318 18.2899 22.5344 18.4699Z" fill="#D0B731"/>
-<path d="M13.5945 5.98L14.2029 7.15999C14.2854 7.31999 14.5019 7.48 14.6978 7.51L15.801 7.68999C16.5022 7.79999 16.6671 8.3 16.1619 8.79L15.3061 9.61998C15.1618 9.75998 15.0793 10.03 15.1308 10.23L15.3783 11.26C15.5742 12.07 15.1308 12.39 14.3885 11.96L13.3574 11.37C13.1718 11.26 12.8625 11.26 12.6769 11.37L11.6458 11.96C10.9034 12.38 10.4601 12.07 10.656 11.26L10.9034 10.23C10.9447 10.04 10.8725 9.75998 10.7282 9.61998L9.87237 8.79C9.36714 8.3 9.53211 7.80999 10.2332 7.68999L11.3365 7.51C11.5221 7.48 11.7386 7.31999 11.8211 7.15999L12.4294 5.98C12.7284 5.34 13.2646 5.34 13.5945 5.98Z" fill="#D0B731"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.25 18.4701L19.6 18.8601C19.23 18.9501 18.94 19.2301 18.86 19.6001L18.51 21.0701C18.32 21.8701 17.3 22.1201 16.77 21.4901L13.78 18.0501C13.54 17.7701 13.67 17.3301 14.03 17.2401C15.8 16.8101 17.39 15.8201 18.56 14.4101C18.75 14.1801 19.09 14.1501 19.3 14.3601L21.52 16.5801C22.28 17.3401 22.01 18.2901 21.25 18.4701Z" fill="#292D32"/>
+<path d="M2.70004 18.4701L4.35004 18.8601C4.72004 18.9501 5.01004 19.2301 5.09004 19.6001L5.44004 21.0701C5.63004 21.8701 6.65004 22.1201 7.18004 21.4901L10.17 18.0501C10.41 17.7701 10.28 17.3301 9.92004 17.2401C8.15004 16.8101 6.56004 15.8201 5.39004 14.4101C5.20004 14.1801 4.86004 14.1501 4.65004 14.3601L2.43004 16.5801C1.67004 17.3401 1.94004 18.2901 2.70004 18.4701Z" fill="#292D32"/>
+<path d="M12 2C8.13 2 5 5.13 5 9C5 10.45 5.43 11.78 6.17 12.89C7.25 14.49 8.96 15.62 10.95 15.91C11.29 15.97 11.64 16 12 16C12.36 16 12.71 15.97 13.05 15.91C15.04 15.62 16.75 14.49 17.83 12.89C18.57 11.78 19 10.45 19 9C19 5.13 15.87 2 12 2ZM15.06 8.78L14.23 9.61C14.09 9.75 14.01 10.02 14.06 10.22L14.3 11.25C14.49 12.06 14.06 12.38 13.34 11.95L12.34 11.36C12.16 11.25 11.86 11.25 11.68 11.36L10.68 11.95C9.96 12.37 9.53 12.06 9.72 11.25L9.96 10.22C10 10.03 9.93 9.75 9.79 9.61L8.94 8.78C8.45 8.29 8.61 7.8 9.29 7.69L10.36 7.51C10.54 7.48 10.75 7.32 10.83 7.16L11.42 5.98C11.74 5.34 12.26 5.34 12.58 5.98L13.17 7.16C13.25 7.32 13.46 7.48 13.65 7.51L14.72 7.69C15.39 7.8 15.55 8.29 15.06 8.78Z" fill="#292D32"/>
+</svg>

public/images/icons/message-text.svg

@@ -1,6 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 8C2 4 4 2 8 2H16C20 2 22 4 22 8V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V12" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.99 8H17" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7 8H12.51" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7 13H13" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 2H7C4.24 2 2 4.23 2 6.98V12.96V13.96C2 16.71 4.24 18.94 7 18.94H8.5C8.77 18.94 9.13 19.12 9.3 19.34L10.8 21.33C11.46 22.21 12.54 22.21 13.2 21.33L14.7 19.34C14.89 19.09 15.19 18.94 15.5 18.94H17C19.76 18.94 22 16.71 22 13.96V6.98C22 4.23 19.76 2 17 2ZM13 13.75H7C6.59 13.75 6.25 13.41 6.25 13C6.25 12.59 6.59 12.25 7 12.25H13C13.41 12.25 13.75 12.59 13.75 13C13.75 13.41 13.41 13.75 13 13.75ZM17 8.75H7C6.59 8.75 6.25 8.41 6.25 8C6.25 7.59 6.59 7.25 7 7.25H17C17.41 7.25 17.75 7.59 17.75 8C17.75 8.41 17.41 8.75 17 8.75Z" fill="#292D32"/>
+</svg>

public/images/icons/mobile.svg

@@ -1,20 +1,3 @@
-<svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M15 22.75H9C4.59 22.75 3.25 21.41 3.25 17V7C3.25 2.59 4.59 1.25 9 1.25H15C19.41 1.25 20.75 2.59 20.75 7V17C20.75 21.41 19.41 22.75 15 22.75ZM9 2.75C5.42 2.75 4.75 3.43 4.75 7V17C4.75 20.57 5.42 21.25 9 21.25H15C18.58 21.25 19.25 20.57 19.25 17V7C19.25 3.43 18.58 2.75 15 2.75H9Z"
-        fill="#292D32"
-      />
-      <path
-        d="M14 6.25H10C9.59 6.25 9.25 5.91 9.25 5.5C9.25 5.09 9.59 4.75 10 4.75H14C14.41 4.75 14.75 5.09 14.75 5.5C14.75 5.91 14.41 6.25 14 6.25Z"
-        fill="#292D32"
-      />
-      <path
-        d="M12 19.86C10.73 19.86 9.69995 18.83 9.69995 17.56C9.69995 16.29 10.73 15.26 12 15.26C13.27 15.26 14.3 16.29 14.3 17.56C14.3 18.83 13.27 19.86 12 19.86ZM12 16.75C11.56 16.75 11.2 17.11 11.2 17.55C11.2 17.99 11.56 18.35 12 18.35C12.44 18.35 12.8 17.99 12.8 17.55C12.8 17.11 12.44 16.75 12 16.75Z"
-        fill="#292D32"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.24 2H7.76C5 2 4 3 4 5.81V18.19C4 21 5 22 7.76 22H16.23C19 22 20 21 20 18.19V5.81C20 3 19 2 16.24 2ZM12 19.3C11.04 19.3 10.25 18.51 10.25 17.55C10.25 16.59 11.04 15.8 12 15.8C12.96 15.8 13.75 16.59 13.75 17.55C13.75 18.51 12.96 19.3 12 19.3ZM14 6.25H10C9.59 6.25 9.25 5.91 9.25 5.5C9.25 5.09 9.59 4.75 10 4.75H14C14.41 4.75 14.75 5.09 14.75 5.5C14.75 5.91 14.41 6.25 14 6.25Z" fill="#292D32"/>
+</svg>

public/images/icons/moon.svg

@@ -1,12 +1,3 @@
- <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12.4599 22.75C12.2899 22.75 12.1199 22.75 11.9499 22.74C6.34995 22.49 1.66995 17.98 1.27995 12.48C0.939948 7.75999 3.66995 3.34999 8.06995 1.49999C9.31995 0.979992 9.97995 1.37999 10.2599 1.66999C10.5399 1.94999 10.9299 2.59999 10.4099 3.78999C9.94995 4.84999 9.71995 5.97999 9.72995 7.13999C9.74995 11.57 13.4299 15.33 17.9199 15.51C18.5699 15.54 19.2099 15.49 19.8299 15.38C21.1499 15.14 21.6999 15.67 21.9099 16.01C22.1199 16.35 22.3599 17.08 21.5599 18.16C19.4399 21.06 16.0699 22.75 12.4599 22.75ZM2.76995 12.37C3.10995 17.13 7.16995 21.03 12.0099 21.24C15.2999 21.4 18.4199 19.9 20.3399 17.28C20.4899 17.07 20.5599 16.92 20.5899 16.84C20.4999 16.83 20.3399 16.82 20.0899 16.87C19.3599 17 18.5999 17.05 17.8499 17.02C12.5699 16.81 8.24995 12.38 8.21995 7.15999C8.21995 5.77999 8.48995 4.44999 9.03995 3.19999C9.13995 2.97999 9.15995 2.82999 9.16995 2.74999C9.07995 2.74999 8.91995 2.76999 8.65995 2.87999C4.84995 4.47999 2.48995 8.29999 2.76995 12.37Z"
-        fill="#292D32"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.53 15.9299C21.37 15.6599 20.92 15.2399 19.8 15.4399C19.18 15.5499 18.55 15.5999 17.92 15.5699C15.59 15.4699 13.48 14.3999 12.01 12.7499C10.71 11.2999 9.90995 9.40987 9.89995 7.36987C9.89995 6.22987 10.12 5.12987 10.57 4.08987C11.01 3.07987 10.7 2.54987 10.48 2.32987C10.25 2.09987 9.70995 1.77987 8.64995 2.21987C4.55995 3.93987 2.02995 8.03987 2.32995 12.4299C2.62995 16.5599 5.52995 20.0899 9.36995 21.4199C10.29 21.7399 11.26 21.9299 12.26 21.9699C12.42 21.9799 12.58 21.9899 12.74 21.9899C16.09 21.9899 19.23 20.4099 21.21 17.7199C21.88 16.7899 21.7 16.1999 21.53 15.9299Z" fill="#292D32"/>
+</svg>

public/images/icons/not-verify.svg

@@ -1,4 +1,3 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.6" d="M11.0841 2.45007C11.7956 1.86007 12.9607 1.86007 13.6824 2.45007L15.3115 3.81007C15.6208 4.07007 16.1982 4.28007 16.6107 4.28007H18.3635C19.4564 4.28007 20.3535 5.15007 20.3535 6.21007V7.91007C20.3535 8.30007 20.57 8.87007 20.8381 9.17007L22.2403 10.7501C22.8487 11.4401 22.8487 12.5701 22.2403 13.2701L20.8381 14.8501C20.57 15.1501 20.3535 15.7101 20.3535 16.1101V17.8101C20.3535 18.8701 19.4564 19.7401 18.3635 19.7401H16.6107C16.2086 19.7401 15.6208 19.9501 15.3115 20.2101L13.6824 21.5701C12.971 22.1601 11.8059 22.1601 11.0841 21.5701L9.45502 20.2101C9.1457 19.9501 8.5683 19.7401 8.15587 19.7401H6.37211C5.27918 19.7401 4.38214 18.8701 4.38214 17.8101V16.1001C4.38214 15.7101 4.16562 15.1501 3.90785 14.8501L2.5159 13.2601C1.91788 12.5701 1.91788 11.4501 2.5159 10.7601L3.90785 9.17007C4.16562 8.87007 4.38214 8.31007 4.38214 7.92007V6.20007C4.38214 5.14007 5.27918 4.27007 6.37211 4.27007H8.15587C8.55799 4.27007 9.1457 4.06007 9.45502 3.80007L11.0841 2.45007Z" fill="#111111" fill-opacity="0.5"/>
-<path d="M11.1253 15.17C10.9191 15.17 10.7232 15.09 10.5788 14.95L8.08363 12.53C7.78462 12.24 7.78462 11.76 8.08363 11.47C8.38264 11.18 8.87756 11.18 9.17657 11.47L11.1253 13.36L15.5589 9.06003C15.8579 8.77003 16.3528 8.77003 16.6519 9.06003C16.9509 9.35003 16.9509 9.83003 16.6519 10.12L11.6718 14.95C11.5274 15.09 11.3315 15.17 11.1253 15.17Z" fill="#111111" fill-opacity="0.5"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.56 10.7401L20.21 9.16008C19.96 8.86008 19.75 8.30008 19.75 7.90008V6.20008C19.75 5.14008 18.88 4.27008 17.82 4.27008H16.12C15.72 4.27008 15.15 4.06008 14.85 3.81008L13.27 2.46008C12.58 1.87008 11.45 1.87008 10.76 2.46008L9.16 3.81008C8.86 4.06008 8.3 4.27008 7.9 4.27008H6.17C5.11 4.27008 4.24 5.14008 4.24 6.20008V7.90008C4.24 8.29008 4.04 8.85008 3.79 9.15008L2.44 10.7401C1.86 11.4401 1.86 12.5601 2.44 13.2401L3.79 14.8301C4.04 15.1201 4.24 15.6901 4.24 16.0801V17.7901C4.24 18.8501 5.11 19.7201 6.17 19.7201H7.91C8.3 19.7201 8.87 19.9301 9.17 20.1801L10.75 21.5301C11.44 22.1201 12.57 22.1201 13.26 21.5301L14.84 20.1801C15.14 19.9301 15.7 19.7201 16.1 19.7201H17.8C18.86 19.7201 19.73 18.8501 19.73 17.7901V16.0901C19.73 15.6901 19.94 15.1301 20.19 14.8301L21.54 13.2501C22.15 12.5701 22.15 11.4401 21.56 10.7401ZM11.25 8.13008C11.25 7.72008 11.59 7.38008 12 7.38008C12.41 7.38008 12.75 7.72008 12.75 8.13008V12.9601C12.75 13.3701 12.41 13.7101 12 13.7101C11.59 13.7101 11.25 13.3701 11.25 12.9601V8.13008ZM12 16.8701C11.45 16.8701 11 16.4201 11 15.8701C11 15.3201 11.44 14.8701 12 14.8701C12.55 14.8701 13 15.3201 13 15.8701C13 16.4201 12.56 16.8701 12 16.8701Z" fill="#292D32"/>
+</svg>

public/images/icons/notification.svg

@@ -1,5 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.02 11.8002V8.91016C18.02 5.61016 15.32 2.91016 12.02 2.91016C8.70997 2.91016 6.01997 5.60016 6.01997 8.91016V11.8002C6.01997 12.4102 5.75997 13.3402 5.44997 13.8602L4.29997 15.7702C3.58997 16.9502 4.07997 18.2602 5.37997 18.7002C9.68997 20.1402 14.34 20.1402 18.65 18.7002C19.86 18.3002 20.39 16.8702 19.73 15.7702" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M13.87 3.19994C13.56 3.10994 13.24 3.03994 12.91 2.99994C11.95 2.87994 11.03 2.94994 10.17 3.19994C10.46 2.45994 11.18 1.93994 12.02 1.93994C12.86 1.93994 13.58 2.45994 13.87 3.19994Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.02 19.0601C15.02 20.7101 13.67 22.0601 12.02 22.0601C11.2 22.0601 10.44 21.7201 9.90002 21.1801C9.36002 20.6401 9.02002 19.8801 9.02002 19.0601" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.3399 14.49L18.3399 12.83C18.1299 12.46 17.9399 11.76 17.9399 11.35V8.82C17.9399 6.47 16.5599 4.44 14.5699 3.49C14.0499 2.57 13.0899 2 11.9899 2C10.8999 2 9.91994 2.59 9.39994 3.52C7.44994 4.49 6.09994 6.5 6.09994 8.82V11.35C6.09994 11.76 5.90994 12.46 5.69994 12.82L4.68994 14.49C4.28994 15.16 4.19994 15.9 4.44994 16.58C4.68994 17.25 5.25994 17.77 5.99994 18.02C7.93994 18.68 9.97994 19 12.0199 19C14.0599 19 16.0999 18.68 18.0399 18.03C18.7399 17.8 19.2799 17.27 19.5399 16.58C19.7999 15.89 19.7299 15.13 19.3399 14.49Z" fill="#292D32"/>
+<path d="M14.8301 20.01C14.4101 21.17 13.3001 22 12.0001 22C11.2101 22 10.4301 21.68 9.88005 21.11C9.56005 20.81 9.32005 20.41 9.18005 20C9.31005 20.02 9.44005 20.03 9.58005 20.05C9.81005 20.08 10.0501 20.11 10.2901 20.13C10.8601 20.18 11.4401 20.21 12.0201 20.21C12.5901 20.21 13.1601 20.18 13.7201 20.13C13.9301 20.11 14.1401 20.1 14.3401 20.07C14.5001 20.05 14.6601 20.03 14.8301 20.01Z" fill="#292D32"/>
+</svg>

public/images/icons/offer.svg

@@ -1,50 +1,4 @@
-<svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g id="vuesax/broken/note">
-        <g id="vuesax/broken/note_2">
-          <g id="note">
-            <path
-              id="Vector"
-              d="M20 15.04V18C20 21 18.21 22 16 22H8C5.79 22 4 21 4 18V8.25C4 5 5.79 4.25 8 4.25C8 4.87 8.24997 5.43 8.65997 5.84C9.06997 6.25 9.63 6.5 10.25 6.5H13.75C14.99 6.5 16 5.49 16 4.25C18.21 4.25 20 5 20 8.25V10.07"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <path
-              id="Vector_2"
-              d="M16 4.25C16 5.49 14.99 6.5 13.75 6.5H10.25C9.63 6.5 9.06997 6.25 8.65997 5.84C8.24997 5.43 8 4.87 8 4.25C8 3.01 9.01 2 10.25 2H13.75C14.37 2 14.93 2.25 15.34 2.66C15.75 3.07 16 3.63 16 4.25Z"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <path
-              id="Vector_3"
-              d="M8 13H12"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <path
-              id="Vector_4"
-              d="M8 17H16"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-          </g>
-        </g>
-      </g>
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.71 8.11998V17.53C20.71 19.99 18.7 22 16.24 22H7.76004C5.30004 22 3.29004 19.99 3.29004 17.53V8.11998C3.29004 6.40998 4.25004 4.91998 5.66004 4.16998C6.15004 3.90998 6.76004 4.25998 6.76004 4.81998C6.76004 6.40998 8.06004 7.70998 9.65004 7.70998H14.35C15.94 7.70998 17.24 6.40998 17.24 4.81998C17.24 4.25998 17.84 3.90998 18.34 4.16998C19.75 4.91998 20.71 6.40998 20.71 8.11998Z" fill="#292D32"/>
+<path d="M14.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+</svg>

public/images/icons/people.svg

@@ -1,8 +1,8 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.0001 7.16C17.9401 7.15 17.8701 7.15 17.8101 7.16C16.4301 7.11 15.3301 5.98 15.3301 4.58C15.3301 3.15 16.4801 2 17.9101 2C19.3401 2 20.4901 3.16 20.4901 4.58C20.4801 5.98 19.3801 7.11 18.0001 7.16Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16.9704 14.4399C18.3404 14.6699 19.8504 14.4299 20.9104 13.7199C22.3204 12.7799 22.3204 11.2399 20.9104 10.2999C19.8404 9.58992 18.3104 9.34991 16.9404 9.58991" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.97047 7.16C6.03047 7.15 6.10047 7.15 6.16047 7.16C7.54047 7.11 8.64047 5.98 8.64047 4.58C8.64047 3.15 7.49047 2 6.06047 2C4.63047 2 3.48047 3.16 3.48047 4.58C3.49047 5.98 4.59047 7.11 5.97047 7.16Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.00043 14.4399C5.63043 14.6699 4.12043 14.4299 3.06043 13.7199C1.65043 12.7799 1.65043 11.2399 3.06043 10.2999C4.13043 9.58992 5.66043 9.34991 7.03043 9.58991" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.0001 14.63C11.9401 14.62 11.8701 14.62 11.8101 14.63C10.4301 14.58 9.33008 13.45 9.33008 12.05C9.33008 10.62 10.4801 9.46997 11.9101 9.46997C13.3401 9.46997 14.4901 10.63 14.4901 12.05C14.4801 13.45 13.3801 14.59 12.0001 14.63Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.9097 17.7799C13.3197 16.7199 10.6897 16.7199 9.08973 17.7799C7.67973 18.7199 7.67973 20.2599 9.08973 21.1999C10.6897 22.2699 13.3097 22.2699 14.9097 21.1999" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.53 7.77C17.46 7.76 17.39 7.76 17.32 7.77C15.77 7.72 14.54 6.45 14.54 4.89C14.54 3.3 15.83 2 17.43 2C19.02 2 20.32 3.29 20.32 4.89C20.31 6.45 19.08 7.72 17.53 7.77Z" fill="#292D32"/>
+<path d="M20.79 14.6999C19.67 15.4499 18.1 15.7299 16.65 15.5399C17.03 14.7199 17.23 13.8099 17.24 12.8499C17.24 11.8499 17.02 10.8999 16.6 10.0699C18.08 9.86991 19.65 10.1499 20.78 10.8999C22.36 11.9399 22.36 13.6499 20.79 14.6999Z" fill="#292D32"/>
+<path d="M6.44003 7.77C6.51003 7.76 6.58003 7.76 6.65003 7.77C8.20003 7.72 9.43003 6.45 9.43003 4.89C9.43003 3.29 8.14003 2 6.54003 2C4.95003 2 3.66003 3.29 3.66003 4.89C3.66003 6.45 4.89003 7.72 6.44003 7.77Z" fill="#292D32"/>
+<path d="M6.55 12.8501C6.55 13.8201 6.75999 14.7401 7.14 15.5701C5.73 15.7201 4.26 15.4201 3.18 14.7101C1.6 13.6601 1.6 11.9501 3.18 10.9001C4.25 10.1801 5.75999 9.8901 7.18 10.0501C6.77 10.8901 6.55 11.8401 6.55 12.8501Z" fill="#292D32"/>
+<path d="M12.12 15.87C12.04 15.86 11.95 15.86 11.86 15.87C10.02 15.81 8.55005 14.3 8.55005 12.44C8.56005 10.54 10.09 9 12 9C13.9 9 15.44 10.54 15.44 12.44C15.43 14.3 13.97 15.81 12.12 15.87Z" fill="#292D32"/>
+<path d="M8.87005 17.9401C7.36005 18.9501 7.36005 20.6101 8.87005 21.6101C10.59 22.7601 13.41 22.7601 15.13 21.6101C16.64 20.6001 16.64 18.9401 15.13 17.9401C13.42 16.7901 10.6 16.7901 8.87005 17.9401Z" fill="#292D32"/>
+</svg>

public/images/icons/phone.svg

@@ -1,12 +1,4 @@
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M17.45 22.75C16.32 22.75 15.13 22.48 13.9 21.96C12.7 21.45 11.49 20.75 10.31 19.9C9.14 19.04 8.01 18.08 6.94 17.03C5.88 15.96 4.92 14.83 4.07 13.67C3.21 12.47 2.52 11.27 2.03 10.11C1.51 8.87 1.25 7.67 1.25 6.54C1.25 5.76 1.39 5.02 1.66 4.33C1.94 3.62 2.39 2.96 3 2.39C3.77 1.63 4.65 1.25 5.59 1.25C5.98 1.25 6.38 1.34 6.72 1.5C7.11 1.68 7.44 1.95 7.68 2.31L10 5.58C10.21 5.87 10.37 6.15 10.48 6.43C10.61 6.73 10.68 7.03 10.68 7.32C10.68 7.7 10.57 8.07 10.36 8.42C10.21 8.69 9.98 8.98 9.69 9.27L9.01 9.98C9.02 10.01 9.03 10.03 9.04 10.05C9.16 10.26 9.4 10.62 9.86 11.16C10.35 11.72 10.81 12.23 11.27 12.7C11.86 13.28 12.35 13.74 12.81 14.12C13.38 14.6 13.75 14.84 13.97 14.95L13.95 15L14.68 14.28C14.99 13.97 15.29 13.74 15.58 13.59C16.13 13.25 16.83 13.19 17.53 13.48C17.79 13.59 18.07 13.74 18.37 13.95L21.69 16.31C22.06 16.56 22.33 16.88 22.49 17.26C22.64 17.64 22.71 17.99 22.71 18.34C22.71 18.82 22.6 19.3 22.39 19.75C22.18 20.2 21.92 20.59 21.59 20.95C21.02 21.58 20.4 22.03 19.68 22.32C18.99 22.6 18.24 22.75 17.45 22.75ZM5.59 2.75C5.04 2.75 4.53 2.99 4.04 3.47C3.58 3.9 3.26 4.37 3.06 4.88C2.85 5.4 2.75 5.95 2.75 6.54C2.75 7.47 2.97 8.48 3.41 9.52C3.86 10.58 4.49 11.68 5.29 12.78C6.09 13.88 7 14.95 8 15.96C9 16.95 10.08 17.87 11.19 18.68C12.27 19.47 13.38 20.11 14.48 20.57C16.19 21.3 17.79 21.47 19.11 20.92C19.62 20.71 20.07 20.39 20.48 19.93C20.71 19.68 20.89 19.41 21.04 19.09C21.16 18.84 21.22 18.58 21.22 18.32C21.22 18.16 21.19 18 21.11 17.82C21.08 17.76 21.02 17.65 20.83 17.52L17.51 15.16C17.31 15.02 17.13 14.92 16.96 14.85C16.74 14.76 16.65 14.67 16.31 14.88C16.11 14.98 15.93 15.13 15.73 15.33L14.97 16.08C14.58 16.46 13.98 16.55 13.52 16.38L13.25 16.26C12.84 16.04 12.36 15.7 11.83 15.25C11.35 14.84 10.83 14.36 10.2 13.74C9.71 13.24 9.22 12.71 8.71 12.12C8.24 11.57 7.9 11.1 7.69 10.71L7.57 10.41C7.51 10.18 7.49 10.05 7.49 9.91C7.49 9.55 7.62 9.23 7.87 8.98L8.62 8.2C8.82 8 8.97 7.81 9.07 7.64C9.15 7.51 9.18 7.4 9.18 7.3C9.18 7.22 9.15 7.1 9.1 6.98C9.03 6.82 8.92 6.64 8.78 6.45L6.46 3.17C6.36 3.03 6.24 2.93 6.09 2.86C5.93 2.79 5.76 2.75 5.59 2.75ZM13.95 15.01L13.79 15.69L14.06 14.99C14.01 14.98 13.97 14.99 13.95 15.01Z"
-        fill="#292D32"
-      />
-    </svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>