change by hossein

.env.production

@@ -2,4 +2,4 @@ NODE_ENV="production"
 NEXT_PUBLIC_SERVER_URL=https://api.brizco.app
 NEXT_PUBLIC_PUBLIC_URL=https://api.brizco.app
 NEXT_PUBLIC_API_URL=https://api.brizco.app/api
-NEXT_PUBLIC_VERSION=1.0.3.4
+NEXT_PUBLIC_VERSION=1.3.9.13

components/landingComponents/Hero.jsx

@@ -1,19 +1,20 @@
-import Link from "next/link";
 import MovingLogos from "./MovingLogos/page";
 import { motion } from "framer-motion";
 import { fadeIn, textVariant } from "src/utils/motion";
-import { useTranslations } from "next-intl";
+import { useLocale, useTranslations } from "next-intl";
+import { Link } from "src/i18n/routing";
 
 const Hero = () => {
   const t = useTranslations("page");
 
-  console.log("ssssst", t);
+  const locale = useLocale();
+  console.log("ssssst", locale);
 
   return (
     <section className="relative w-full h-screen mx-auto">
       <div className="flex justify-center pt-[200px] lg:pt-[300px]  lg:ml-0">
         <div className="ml-1 text-center">
-          <div className="flex justify-center items-start">
+          <div className="flex items-start justify-center">
             <small className="text-[20px] md:text-[60px] lg:text-[80px] mx-2 text-primary-300 xs:hidden lg:block">
               "
             </small>
@@ -38,7 +39,7 @@ const Hero = () => {
 
           <Link href="/app/login">
             <div className="flex justify-center mt-10">
-              <button className="btn btn-primary rounded-full px-8 sm:px-16 lg:px-20 py-3 sm:py-5 text-black text-sm sm:text-lg font-bold">
+              <button className="px-8 py-3 text-sm font-bold text-black rounded-full btn btn-primary sm:px-16 lg:px-20 sm:py-5 sm:text-lg">
                 {t("button")}{" "}
               </button>
             </div>
@@ -50,7 +51,7 @@ const Hero = () => {
         <p className="opacity-60 text-white font-light text-[14px] xs:text-[16px] sm:text-[20px] lg:text-[22px] leading-[20px] lg:leading-[24px] text-center w-10/12 sm:w-8/12 mx-auto">
           {t("brand")}{" "}
         </p>
-        <div className="p-5 relative overflow-hidden w-10/12 mx-auto opacity-40 fade-mask">
+        <div className="relative w-10/12 p-5 mx-auto overflow-hidden opacity-40 fade-mask">
           <MovingLogos />
         </div>
       </div>

components/landingComponents/Navbar.jsx

@@ -3,12 +3,11 @@ import React, { useEffect, useState } from "react";
 
 import { menu, close } from "src/assets";
 import { styles } from "src/style";
-import Link from "next/link";
 import logo2 from "../../src/assets/logo2.png";
 import Image from "next/image";
 import { useLocale, useTranslations } from "next-intl";
 import PersianNumberMemo from "plugins/PersianNumber";
-import { routing } from "../../src/i18n/routing";
+import { Link, routing } from "../../src/i18n/routing";
 import { useRouter } from "next/navigation";
 
 // Fix the `useTranslations` key (removed space at the end)
@@ -108,7 +107,7 @@ const Navbar = () => {
               className="w-[120px] object-contain "
             />{" "}
           </Link>
-          <ul className="list-none hidden sm:flex flex-row gap-10 p-3 mx-10">
+          <ul className="flex-row hidden gap-10 p-3 mx-10 list-none sm:flex">
             {navItems.map((nav) => (
               <li
                 key={nav.id}
@@ -131,7 +130,7 @@ const Navbar = () => {
 
         <div className="flex">
           <Link href="/app/login">
-            <button className="btn btn-primary px-10 rounded-full text-sm py-2 xs:hidden lg:block">
+            <button className="px-10 py-2 text-sm rounded-full btn btn-primary xs:hidden lg:block">
               {t("button")}{" "}
             </button>
           </Link>
@@ -139,7 +138,7 @@ const Navbar = () => {
           <div className="relative">
             {/* Language button */}
             <div
-              className="w-9 h-9 bg-primary-300 rounded-full mx-2 cursor-pointer flex items-center justify-center"
+              className="flex items-center justify-center mx-2 rounded-full cursor-pointer w-9 h-9 bg-primary-300"
               onClick={() => setIsOpenLang(!isOpenLang)}
             >
               <p className="mb-0 text-sm">
@@ -150,7 +149,7 @@ const Navbar = () => {
             {/* Dropdown box for language selection */}
 
             {isOpenLang && (
-              <div className="absolute  bg-white shadow-lg rounded-full  w-9 mx-2 mt-2 ">
+              <div className="absolute mx-2 mt-2 bg-white rounded-full shadow-lg w-9 ">
                 {availableLocales.map((lang) => (
                   <button
                     key={lang.code}
@@ -167,7 +166,7 @@ const Navbar = () => {
           </div>
         </div>
 
-        <div className="sm:hidden flex flex-1 justify-end items-center">
+        <div className="flex items-center justify-end flex-1 sm:hidden">
           <Image
             src={toggle ? close : menu}
             alt="menu"
@@ -180,7 +179,7 @@ const Navbar = () => {
               !toggle ? "hidden" : "flex"
             } p-6 bg-white absolute top-20 right-5 my-2 min-w-[140px] z-10 rounded-xl`}
           >
-            <ul className="list-none flex justify-end items-start flex-1 flex-col gap-4">
+            <ul className="flex flex-col items-start justify-end flex-1 gap-4 list-none">
               {navItems.map((nav) => (
                 <li
                   key={nav.id}

components/landingComponents/PricingHero/page.jsx

@@ -1,3 +1,4 @@
+import { useTranslations } from "next-intl";
 import Link from "next/link";
 import React, { useState } from "react";
 
@@ -5,24 +6,23 @@ const PricingHero = () => {
   const [oneMonth, setOneMonth] = useState(0);
   const [threeMonth, setThreeMonth] = useState(0);
   const [oneYear, setOneYear] = useState(0);
+
+  const t = useTranslations("pricing");
   return (
     <div className="min-h-[100vh]">
       <div className="flex justify-center lg:pt-[150px] xs:pt-[100px] lg:ml-0">
-        <div className=" ml-1 lg:w-8/12 xs:w-full  text-center ">
+        <div className="ml-1 text-center lg:w-8/12 xs:w-full">
           <h1 className="text-white font-semibold md:text-[80px] sm:text-[60px] xs:text-[40px] text-[18px] mt-4">
-            Pricing
+            {t("title")}
           </h1>
           <p className="mb-0 sm:text-[20px] xs:text-[20px] lg:text-center xs:text-center text-secondary  tracking-wider text-gray-100 font-thin xs:px-5 ">
-            Tailor your coffee shop management with our time-flexible pricing
+            {t("desc")}
-            plans. All packages offer the same comprehensive features, differing
-            only in duration to suit your business needs. Choose from monthly,
-            quarterly, or annual options, each designed for ease and efficiency.
           </p>
         </div>
       </div>
       <div className="grid xs:grid-cols-1 lg:grid-cols-3 gap-10 xs:px-[20px] lg:px-[100px] mt-10">
-        <div className=" p-3 flex">
+        <div className="flex p-3 ">
-          <div className="w-4/12   ">
+          <div className="w-4/12 ">
             <div
               className={`bg-[#132420] p-4 rounded-l-3xl cursor-pointer tr03  ${
                 oneMonth == 0 ? " " : "opacity-50"
@@ -30,7 +30,7 @@ const PricingHero = () => {
               onClick={() => setOneMonth(0)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 10 user
+                {t("oneMounth.users1")}
               </p>
             </div>
             <div
@@ -40,7 +40,7 @@ const PricingHero = () => {
               onClick={() => setOneMonth(1)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 25 user
+                {t("oneMounth.users2")}{" "}
               </p>
             </div>
 
@@ -51,41 +51,40 @@ const PricingHero = () => {
               onClick={() => setOneMonth(2)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 50 user
+                {t("oneMounth.users3")}{" "}
               </p>
             </div>
           </div>
 
           <div className="w-8/12 bg-[#132420] xs:p-5 lg:p-10 rounded-r-3xl rounded-bl-3xl">
             <h2 className="mb-0 text-center font-bold xs:text-[18px] lg:text-[25px] text-gray-400">
-              1 Mounth
+              {t("oneMounth.title")}{" "}
             </h2>
 
             <p className="mb-0 text-center text-white xs:text-[25px] lg:text-[33px]  font-bold">
               {oneMonth == 0
-                ? "  15,000,000 R"
+                ? t("oneMounth.pricing1")
                 : oneMonth == 1
-                ? "  24,000,000 R"
+                ? t("oneMounth.pricing2")
                 : oneMonth == 2
-                ? "  29,500,000 R"
+                ? t("oneMounth.pricing3")
-                : "  15,000,000 R"}
+                : t("oneMounth.pricing1")}
             </p>
 
-            <p className="mb-0 text-center  text-gray-400 text-sm">
+            <p className="mb-0 text-sm text-center text-gray-400">
-              It could be the best package for you, so feel free to use the
+              {t("oneMounth.desc")}{" "}
-              14-day free trial
             </p>
             <div className="flex justify-center mt-10">
               <Link href="/app/login">
-                <button className=" btn btn-primary  px-10 rounded-full  py-2 xs:hidden lg:block">
+                <button className="px-10 py-2 rounded-full btn btn-primary xs:hidden lg:block">
-                  Get started
+                  {t("oneMounth.button")}{" "}
                 </button>
               </Link>
             </div>
           </div>
         </div>
-        <div className=" p-3 flex">
+        <div className="flex p-3 ">
-          <div className="w-4/12   ">
+          <div className="w-4/12 ">
             <div
               className={`bg-[#132420] p-4 rounded-l-3xl cursor-pointer tr03  ${
                 threeMonth == 0 ? " " : "opacity-50"
@@ -93,7 +92,7 @@ const PricingHero = () => {
               onClick={() => setThreeMonth(0)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 10 user
+                {t("threeMounth.users1")}
               </p>
             </div>
             <div
@@ -103,7 +102,7 @@ const PricingHero = () => {
               onClick={() => setThreeMonth(1)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 25 user
+                {t("threeMounth.users2")}
               </p>
             </div>
 
@@ -114,41 +113,40 @@ const PricingHero = () => {
               onClick={() => setThreeMonth(2)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 50 user
+                {t("threeMounth.users3")}
               </p>
             </div>
           </div>
 
           <div className="w-8/12 bg-[#132420] xs:p-5 lg:p-10 rounded-r-3xl rounded-bl-3xl">
             <h2 className="mb-0 text-center font-bold xs:text-[18px] lg:text-[25px] text-gray-400">
-              3 Mounth
+              {t("threeMounth.title")}{" "}
             </h2>
 
             <p className="mb-0 text-center text-white xs:text-[25px] lg:text-[33px]  font-bold">
               {threeMonth == 0
-                ? "  36,000,000 R"
+                ? t("threeMounth.pricing1")
                 : threeMonth == 1
-                ? "  57,600,000 R"
+                ? t("threeMounth.pricing2")
                 : threeMonth == 2
-                ? "  70,800,000 R"
+                ? t("threeMounth.pricing3")
-                : "  36,000,000 R"}{" "}
+                : t("threeMounth.pricing1")}
             </p>
 
-            <p className="mb-0 text-center  text-gray-400 text-sm">
+            <p className="mb-0 text-sm text-center text-gray-400">
-              It could be the best package for you, so feel free to use the
+              {t("threeMounth.desc")}{" "}
-              14-day free trial
             </p>
             <div className="flex justify-center mt-10">
               <Link href="/app/login">
-                <button className=" btn btn-primary  px-10 rounded-full  py-2 xs:hidden lg:block">
+                <button className="px-10 py-2 rounded-full btn btn-primary xs:hidden lg:block">
-                  Get started
+                  {t("threeMounth.button")}{" "}
                 </button>
               </Link>
             </div>
           </div>
         </div>
-        <div className=" p-3 flex">
+        <div className="flex p-3 ">
-          <div className="w-4/12   ">
+          <div className="w-4/12 ">
             <div
               className={`bg-[#132420] p-4 rounded-l-3xl cursor-pointer tr03  ${
                 oneYear == 0 ? " " : "opacity-50"
@@ -156,7 +154,7 @@ const PricingHero = () => {
               onClick={() => setOneYear(0)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 10 user
+                {t("sixMounth.users1")}{" "}
               </p>
             </div>
             <div
@@ -166,7 +164,7 @@ const PricingHero = () => {
               onClick={() => setOneYear(1)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 25 user
+                {t("sixMounth.users2")}{" "}
               </p>
             </div>
 
@@ -177,34 +175,33 @@ const PricingHero = () => {
               onClick={() => setOneYear(2)}
             >
               <p className="mb-0 text-center text-white xs:text-sm lg:text-xl">
-                up 50 user
+                {t("sixMounth.users3")}{" "}
               </p>
             </div>
           </div>
 
           <div className="w-8/12 bg-[#132420] xs:p-5 lg:p-10 rounded-r-3xl rounded-bl-3xl">
             <h2 className="mb-0 text-center font-bold xs:text-[18px] lg:text-[25px] text-gray-400">
-              12 Mounth
+              {t("sixMounth.title")}{" "}
             </h2>
 
             <p className="mb-0 text-center text-white xs:text-[25px] lg:text-[33px]  font-bold">
               {oneYear == 0
-                ? "  108,000,000 R"
+                ? t("sixMounth.pricing1")
                 : oneYear == 1
-                ? "  172,800,000 R"
+                ? t("sixMounth.pricing2")
                 : oneYear == 2
-                ? "  212,400,000 R"
+                ? t("sixMounth.pricing3")
-                : "  108,000,000 R"}{" "}
+                : t("sixMounth.pricing1")}
             </p>
 
-            <p className="mb-0 text-center  text-gray-400 text-sm">
+            <p className="mb-0 text-sm text-center text-gray-400">
-              It could be the best package for you, so feel free to use the
+              {t("sixMounth.desc")}{" "}
-              14-day free trial
             </p>
             <div className="flex justify-center mt-10">
               <Link href="/app/login">
-                <button className=" btn btn-primary  px-10 rounded-full  py-2 xs:hidden lg:block">
+                <button className="px-10 py-2 rounded-full btn btn-primary xs:hidden lg:block">
-                  Get started
+                  {t("sixMounth.button")}{" "}
                 </button>
               </Link>
             </div>

messages/en.json

@@ -96,5 +96,51 @@
       "desc": "Set up all your tasks at this stage...",
       "title": "Insert all of your tasks"
     }
+  },
+  "pricing": {
+    "title": "Pricing",
+    "desc": "Tailor your coffee shop management with our time-flexible pricing plans. All packages offer the same comprehensive features, differing only in duration to suit your business needs. Choose from monthly, quarterly, or annual options, each designed for ease and efficiency.",
+    "oneMounth": {
+      "title": "1 Mounth",
+      "pricing1": "15,000,000 R",
+      "pricing2": "24,000,000 R ",
+      "pricing3": "29,500,000 R",
+      "desc": "It could be the best package for you, so feel free to use the 14-day free trial",
+      "users1": "up 10 users",
+      "users2": "up 25 users",
+      "users3": "up 50 users",
+      "button": "get started"
+    },
+    "threeMounth": {
+      "title": "3 Mounth",
+      "pricing1": "36,000,000 R",
+      "pricing2": "57,600,000 R",
+      "pricing3": "70,800,000 R",
+      "desc": "It could be the best package for you, so feel free to use the 14-day free trial",
+      "users1": "up 10 users",
+      "users2": "up 25 users",
+      "users3": "up 50 users",
+      "button": "get started"
+    },
+    "sixMounth": {
+      "title": "6 Mounth",
+      "pricing1": "108,000,000 R",
+      "pricing2": "172,800,000 R ",
+      "pricing3": "212,400,000 R",
+      "desc": "It could be the best package for you, so feel free to use the 14-day free trial",
+      "users1": "up 10 users",
+      "users2": "up 25 users",
+      "users3": "up 50 users",
+      "button": "get started"
+    }
+  },
+  "login": {
+    "title": "Briz",
+    "desc": "Harmonic management of routines",
+    "acceptRule": "By confirming the phone number, I agree to all the privacy conditions of the Breeze application",
+    "loginInput": "Enter your phone number",
+    "loginButton": "Confirm phone number",
+    "confirmText": "The confirmation code has been sent to the number",
+    "confirmInput": "Enter the code sent"
   }
 }

messages/fa.json

@@ -98,5 +98,51 @@
       "desc": "تمام وظایف خود را در این مرحله تنظیم کنید...",
       "title": "همه وظایف خود را وارد کنید"
     }
+  },
+  "pricing": {
+    "title": "قیمت گذاری",
+    "desc": "مدیریت کافی شاپ خود را با برنامه های قیمت گذاری منعطف زمان ما تنظیم کنید. همه بسته‌ها ویژگی‌های جامع یکسانی را ارائه می‌دهند، که فقط از نظر مدت زمان متفاوت هستند تا با نیازهای تجاری شما مطابقت داشته باشند. از بین گزینه های ماهانه، سه ماهه یا سالانه که هر کدام برای سهولت و کارایی طراحی شده اند، انتخاب کنید.",
+    "oneMounth": {
+      "title": "یک ماه",
+      "pricing1": "15,000,000 R",
+      "pricing2": "24,000,000 R ",
+      "pricing3": "29,500,000 R",
+      "desc": "این می تواند بهترین بسته برای شما باشد، بنابراین از 14 روز آزمایشی رایگان استفاده کنید",
+      "users1": "بالای 10 کاربر",
+      "users2": "بالای 25 کاربر",
+      "users3": "بالای 50 کاربر",
+      "button": "شروع کنید"
+    },
+    "threeMounth": {
+      "title": "سه ماهه",
+      "pricing1": "36,000,000 R",
+      "pricing2": "57,600,000 R",
+      "pricing3": "70,800,000 R",
+      "desc": "این می تواند بهترین بسته برای شما باشد، بنابراین از 14 روز آزمایشی رایگان استفاده کنید",
+      "users1": "بالای 10 کاربر",
+      "users2": "بالای 25 کاربر",
+      "users3": "بالای 50 کاربر",
+      "button": "شروع کنید"
+    },
+    "sixMounth": {
+      "title": "یک سال",
+      "pricing1": "108,000,000 R",
+      "pricing2": "172,800,000 R ",
+      "pricing3": "212,400,000 R",
+      "desc": "این می تواند بهترین بسته برای شما باشد، بنابراین از 14 روز آزمایشی رایگان استفاده کنید",
+      "users1": "بالای 10 کاربر",
+      "users2": "بالای 25 کاربر",
+      "users3": "بالای 50 کاربر",
+      "button": "شروع کنید"
+    }
+  },
+  "login": {
+    "title": "بریز",
+    "desc": "مدیریت هماهنگ وظایف روزمره",
+    "acceptRule": "با تأیید شماره تلفن، با تمامی شرایط حریم خصوصی اپلیکیشن بریز موافقت می‌کنم",
+    "loginInput": "شماره تلفن خود را وارد کنید",
+    "loginButton": "تأیید شماره تلفن",
+    "confirmText": "کد تأیید به شماره شما ارسال شد",
+    "confirmInput": "کد ارسال شده را وارد کنید"
   }
 }

messages/zh.json

@@ -96,5 +96,51 @@
       "desc": "在此阶段设置您所有的任务...",
       "title": "插入所有任务"
     }
+  },
+  "pricing": {
+    "title": "定价",
+    "desc": "通过我们灵活的时间定价方案，定制您的咖啡店管理。所有套餐均提供相同的全面功能，仅在时长上有所不同，以满足您的业务需求。从每月、每季度或每年选项中选择，每种方案都旨在提供便捷和高效的体验。",
+    "oneMounth": {
+      "title": "一个月",
+      "pricing1": "15,000,000 R",
+      "pricing2": "24,000,000 R",
+      "pricing3": "29,500,000 R",
+      "desc": "这可能是最适合您的套餐，请随时使用14天的免费试用",
+      "users1": "超过10位用户",
+      "users2": "超过25位用户",
+      "users3": "超过50位用户",
+      "button": "开始"
+    },
+    "threeMounth": {
+      "title": "三个月",
+      "pricing1": "36,000,000 R",
+      "pricing2": "57,600,000 R",
+      "pricing3": "70,800,000 R",
+      "desc": "这可能是最适合您的套餐，请随时使用14天的免费试用",
+      "users1": "超过10位用户",
+      "users2": "超过25位用户",
+      "users3": "超过50位用户",
+      "button": "开始"
+    },
+    "sixMounth": {
+      "title": "一年",
+      "pricing1": "108,000,000 R",
+      "pricing2": "172,800,000 R",
+      "pricing3": "212,400,000 R",
+      "desc": "这可能是最适合您的套餐，请随时使用14天的免费试用",
+      "users1": "超过10位用户",
+      "users2": "超过25位用户",
+      "users3": "超过50位用户",
+      "button": "开始"
+    }
+  },
+  "login": {
+    "title": "Breeze",
+    "desc": "日常事务的和谐管理",
+    "acceptRule": "通过确认电话号码，我同意Breeze应用的所有隐私条款",
+    "loginInput": "输入您的电话号码",
+    "loginButton": "确认电话号码",
+    "confirmText": "验证码已发送至该号码",
+    "confirmInput": "输入发送的验证码"
   }
 }

package-lock.json

@@ -2499,6 +2499,12 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@tweenjs/tween.js": {
+      "version": "23.1.3",
+      "resolved": "https://registry.npmjs.org/@tweenjs/tween.js/-/tween.js-23.1.3.tgz",
+      "integrity": "sha512-vJmvvwFxYuGnF2axRtPYocag6Clbb5YS7kLL+SO/TeVFzHqDIWrNKYtcsPMibjDx9O+bu+psAy9NKfWklassUA==",
+      "peer": true
+    },
     "node_modules/@types/draco3d": {
       "version": "1.4.9",
       "resolved": "https://registry.npmjs.org/@types/draco3d/-/draco3d-1.4.9.tgz",
@@ -2512,14 +2518,12 @@
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="
-      "dev": true
     },
     "node_modules/@types/node": {
       "version": "20.11.25",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.11.25.tgz",
       "integrity": "sha512-TBHyJxk2b7HceLVGFcpAUjsa5zIdsPWlR6XHfyGzd0SFu+/NFgQgMAl96MSDZgQDvJAvV6BKsFOrt6zIL09JDw==",
-      "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -2544,6 +2548,15 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "peer": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-reconciler": {
       "version": "0.26.7",
       "resolved": "https://registry.npmjs.org/@types/react-reconciler/-/react-reconciler-0.26.7.tgz",
@@ -2562,6 +2575,32 @@
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
       "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A=="
     },
+    "node_modules/@types/stats.js": {
+      "version": "0.17.3",
+      "resolved": "https://registry.npmjs.org/@types/stats.js/-/stats.js-0.17.3.tgz",
+      "integrity": "sha512-pXNfAD3KHOdif9EQXZ9deK82HVNaXP5ZIF5RP2QG6OQFNTaY2YIetfrE9t528vEreGQvEPRDDc8muaoYeK0SxQ==",
+      "peer": true
+    },
+    "node_modules/@types/three": {
+      "version": "0.168.0",
+      "resolved": "https://registry.npmjs.org/@types/three/-/three-0.168.0.tgz",
+      "integrity": "sha512-qAGLGzbaYgkkonOBfwOr+TZpOskPfFjrDAj801WQSVkUz0/D9zwir4vhruJ/CC/GteywzR9pqeVVfs5th/2oKw==",
+      "peer": true,
+      "dependencies": {
+        "@tweenjs/tween.js": "~23.1.3",
+        "@types/stats.js": "*",
+        "@types/webxr": "*",
+        "@webgpu/types": "*",
+        "fflate": "~0.8.2",
+        "meshoptimizer": "~0.18.1"
+      }
+    },
+    "node_modules/@types/three/node_modules/fflate": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
+      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
+      "peer": true
+    },
     "node_modules/@types/trusted-types": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
@@ -2609,7 +2648,6 @@
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
       "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/helper-numbers": "1.11.6",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
@@ -2618,26 +2656,22 @@
     "node_modules/@webassemblyjs/floating-point-hex-parser": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
-      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+      "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw=="
-      "dev": true
     },
     "node_modules/@webassemblyjs/helper-api-error": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
-      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+      "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q=="
-      "dev": true
     },
     "node_modules/@webassemblyjs/helper-buffer": {
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz",
-      "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==",
+      "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw=="
-      "dev": true
     },
     "node_modules/@webassemblyjs/helper-numbers": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
       "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/floating-point-hex-parser": "1.11.6",
         "@webassemblyjs/helper-api-error": "1.11.6",
@@ -2647,14 +2681,12 @@
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
-      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+      "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA=="
-      "dev": true
     },
     "node_modules/@webassemblyjs/helper-wasm-section": {
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz",
       "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.12.1",
         "@webassemblyjs/helper-buffer": "1.12.1",
@@ -2666,7 +2698,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
       "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
-      "dev": true,
       "dependencies": {
         "@xtuc/ieee754": "^1.2.0"
       }
@@ -2675,7 +2706,6 @@
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
       "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
-      "dev": true,
       "dependencies": {
         "@xtuc/long": "4.2.2"
       }
@@ -2683,14 +2713,12 @@
     "node_modules/@webassemblyjs/utf8": {
       "version": "1.11.6",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
-      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+      "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA=="
-      "dev": true
     },
     "node_modules/@webassemblyjs/wasm-edit": {
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz",
       "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.12.1",
         "@webassemblyjs/helper-buffer": "1.12.1",
@@ -2706,7 +2734,6 @@
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz",
       "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.12.1",
         "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
@@ -2719,7 +2746,6 @@
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz",
       "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.12.1",
         "@webassemblyjs/helper-buffer": "1.12.1",
@@ -2731,7 +2757,6 @@
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz",
       "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.12.1",
         "@webassemblyjs/helper-api-error": "1.11.6",
@@ -2745,23 +2770,26 @@
       "version": "1.12.1",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz",
       "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==",
-      "dev": true,
       "dependencies": {
         "@webassemblyjs/ast": "1.12.1",
         "@xtuc/long": "4.2.2"
       }
     },
+    "node_modules/@webgpu/types": {
+      "version": "0.1.44",
+      "resolved": "https://registry.npmjs.org/@webgpu/types/-/types-0.1.44.tgz",
+      "integrity": "sha512-JDpYJN5E/asw84LTYhKyvPpxGnD+bAKPtpW9Ilurf7cZpxaTbxkQcGwOd7jgB9BPBrTYQ+32ufo4HiuomTjHNQ==",
+      "peer": true
+    },
     "node_modules/@xtuc/ieee754": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA=="
-      "dev": true
     },
     "node_modules/@xtuc/long": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
-      "dev": true
     },
     "node_modules/acorn": {
       "version": "8.11.3",
@@ -2778,7 +2806,6 @@
       "version": "1.9.5",
       "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
       "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
-      "dev": true,
       "peerDependencies": {
         "acorn": "^8"
       }
@@ -3319,7 +3346,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
       "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
-      "dev": true,
       "engines": {
         "node": ">=6.0"
       }
@@ -3751,7 +3777,6 @@
       "version": "5.17.1",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
       "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
-      "dev": true,
       "dependencies": {
         "graceful-fs": "^4.2.4",
         "tapable": "^2.2.0"
@@ -3841,8 +3866,7 @@
     "node_modules/es-module-lexer": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.4.1.tgz",
-      "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==",
+      "integrity": "sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w=="
-      "dev": true
     },
     "node_modules/es-object-atoms": {
       "version": "1.0.0",
@@ -3904,7 +3928,6 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
       "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dev": true,
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^4.1.1"
@@ -3917,7 +3940,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dev": true,
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -3929,7 +3951,6 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -3938,7 +3959,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
       "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "dev": true,
       "engines": {
         "node": ">=4.0"
       }
@@ -3960,7 +3980,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
       "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "dev": true,
       "engines": {
         "node": ">=0.8.x"
       }
@@ -4963,7 +4982,6 @@
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
       "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dev": true,
       "dependencies": {
         "@types/node": "*",
         "merge-stream": "^2.0.0",
@@ -4977,7 +4995,6 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -5015,8 +5032,7 @@
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
-      "dev": true
     },
     "node_modules/json-schema": {
       "version": "0.4.0",
@@ -5083,7 +5099,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
       "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "dev": true,
       "engines": {
         "node": ">=6.11.5"
       }
@@ -5160,8 +5175,7 @@
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="
-      "dev": true
     },
     "node_modules/merge2": {
       "version": "1.4.1",
@@ -5179,6 +5193,12 @@
         "three": ">=0.137"
       }
     },
+    "node_modules/meshoptimizer": {
+      "version": "0.18.1",
+      "resolved": "https://registry.npmjs.org/meshoptimizer/-/meshoptimizer-0.18.1.tgz",
+      "integrity": "sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw==",
+      "peer": true
+    },
     "node_modules/micromatch": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
@@ -5296,8 +5316,7 @@
     "node_modules/neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
-      "dev": true
     },
     "node_modules/next": {
       "version": "13.4.19",
@@ -6107,6 +6126,30 @@
         }
       }
     },
+    "node_modules/react-spring-bottom-sheet/node_modules/react-dom": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
+      "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "scheduler": "^0.20.2"
+      },
+      "peerDependencies": {
+        "react": "17.0.2"
+      }
+    },
+    "node_modules/react-spring-bottom-sheet/node_modules/scheduler": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
+      "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
+      "peer": true,
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      }
+    },
     "node_modules/react-tilt": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/react-tilt/-/react-tilt-1.0.2.tgz",
@@ -6441,7 +6484,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
       "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-      "dev": true,
       "dependencies": {
         "@types/json-schema": "^7.0.8",
         "ajv": "^6.12.5",
@@ -6459,7 +6501,6 @@
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dev": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -6475,7 +6516,6 @@
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
       "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "dev": true,
       "peerDependencies": {
         "ajv": "^6.9.1"
       }
@@ -6483,8 +6523,7 @@
     "node_modules/schema-utils/node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-      "dev": true
     },
     "node_modules/semver": {
       "version": "7.6.0",
@@ -6945,7 +6984,6 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
       "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -7007,7 +7045,6 @@
       "version": "5.3.10",
       "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
       "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
-      "dev": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.20",
         "jest-worker": "^27.4.5",
@@ -7061,6 +7098,12 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/three": {
+      "version": "0.168.0",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.168.0.tgz",
+      "integrity": "sha512-6m6jXtDwMJEK/GGMbAOTSAmxNdzKvvBzgd7q8bE/7Tr6m7PaBh5kKLrN7faWtlglXbzj7sVba48Idwx+NRsZXw==",
+      "peer": true
+    },
     "node_modules/three-mesh-bvh": {
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/three-mesh-bvh/-/three-mesh-bvh-0.7.3.tgz",
@@ -7305,8 +7348,7 @@
     "node_modules/undici-types": {
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
-      "dev": true
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
@@ -7405,7 +7447,6 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
-      "dev": true,
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -7526,7 +7567,6 @@
       "version": "5.94.0",
       "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz",
       "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==",
-      "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.5",
         "@webassemblyjs/ast": "^1.12.1",
@@ -7572,7 +7612,6 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
       "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "dev": true,
       "engines": {
         "node": ">=10.13.0"
       }
@@ -7581,7 +7620,6 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
       "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
-      "dev": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"

public/fallback-development.js

@@ -16,7 +16,7 @@
   \************************************************************/
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\nself.fallback = async (_)=>{\n    let { destination: e, url: A } = _, s = {\n        document: \"/offline\",\n        image: false,\n        audio: false,\n        video: false,\n        font: false\n    }[e];\n    return s ? caches.match(s, {\n        ignoreSearch: !0\n    }) : \"\" === e && false && 0 ? 0 : Response.error();\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvQGR1Y2FuaDI5MTIvbmV4dC1wd2EvZGlzdC9mYWxsYmFjay5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7QUFDQSxVQUFVLHlCQUF5QjtBQUNuQyxrQkFBa0IsVUFBcUM7QUFDdkQsZUFBZSxLQUFrQztBQUNqRCxlQUFlLEtBQWtDO0FBQ2pELGVBQWUsS0FBa0M7QUFDakQsY0FBYyxLQUFpQztBQUMvQyxLQUFLO0FBQ0w7QUFDQTtBQUNBLEtBQUssZ0JBQWdCLEtBQWlDLElBQUksQ0FBd0MsR0FBRyxDQUUvRjtBQUNOIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vX05fRS8uL25vZGVfbW9kdWxlcy9AZHVjYW5oMjkxMi9uZXh0LXB3YS9kaXN0L2ZhbGxiYWNrLmpzP2NlNGIiXSwic291cmNlc0NvbnRlbnQiOlsic2VsZi5mYWxsYmFjayA9IGFzeW5jIChfKT0+e1xuICAgIGxldCB7IGRlc3RpbmF0aW9uOiBlLCB1cmw6IEEgfSA9IF8sIHMgPSB7XG4gICAgICAgIGRvY3VtZW50OiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19ET0NVTUVOVF9fLFxuICAgICAgICBpbWFnZTogcHJvY2Vzcy5lbnYuX19QV0FfRkFMTEJBQ0tfSU1BR0VfXyxcbiAgICAgICAgYXVkaW86IHByb2Nlc3MuZW52Ll9fUFdBX0ZBTExCQUNLX0FVRElPX18sXG4gICAgICAgIHZpZGVvOiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19WSURFT19fLFxuICAgICAgICBmb250OiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19GT05UX19cbiAgICB9W2VdO1xuICAgIHJldHVybiBzID8gY2FjaGVzLm1hdGNoKHMsIHtcbiAgICAgICAgaWdub3JlU2VhcmNoOiAhMFxuICAgIH0pIDogXCJcIiA9PT0gZSAmJiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19EQVRBX18gJiYgQS5tYXRjaCgvXFwvX25leHRcXC9kYXRhXFwvLitcXC8uK1xcLmpzb24kL2kpID8gY2FjaGVzLm1hdGNoKHByb2Nlc3MuZW52Ll9fUFdBX0ZBTExCQUNLX0RBVEFfXywge1xuICAgICAgICBpZ25vcmVTZWFyY2g6ICEwXG4gICAgfSkgOiBSZXNwb25zZS5lcnJvcigpO1xufTsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/@ducanh2912/next-pwa/dist/fallback.js\n"));
+eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\nself.fallback = async (_)=>{\n    let { destination: e, url: A } = _, s = {\n        document: \"/offline\",\n        image: false,\n        audio: false,\n        video: false,\n        font: false\n    }[e];\n    return s ? caches.match(s, {\n        ignoreSearch: !0\n    }) : \"\" === e && false && 0 ? 0 : Response.error();\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvQGR1Y2FuaDI5MTIvbmV4dC1wd2EvZGlzdC9mYWxsYmFjay5qcyIsIm1hcHBpbmdzIjoiO0FBQUE7QUFDQSxVQUFVLHlCQUF5QjtBQUNuQyxrQkFBa0IsVUFBcUM7QUFDdkQsZUFBZSxLQUFrQztBQUNqRCxlQUFlLEtBQWtDO0FBQ2pELGVBQWUsS0FBa0M7QUFDakQsY0FBYyxLQUFpQztBQUMvQyxLQUFLO0FBQ0w7QUFDQTtBQUNBLEtBQUssZ0JBQWdCLEtBQWlDLElBQUksQ0FBd0MsR0FBRyxDQUUvRjtBQUNOIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vX05fRS8uL25vZGVfbW9kdWxlcy9AZHVjYW5oMjkxMi9uZXh0LXB3YS9kaXN0L2ZhbGxiYWNrLmpzP2U4YjAiXSwic291cmNlc0NvbnRlbnQiOlsic2VsZi5mYWxsYmFjayA9IGFzeW5jIChfKT0+e1xuICAgIGxldCB7IGRlc3RpbmF0aW9uOiBlLCB1cmw6IEEgfSA9IF8sIHMgPSB7XG4gICAgICAgIGRvY3VtZW50OiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19ET0NVTUVOVF9fLFxuICAgICAgICBpbWFnZTogcHJvY2Vzcy5lbnYuX19QV0FfRkFMTEJBQ0tfSU1BR0VfXyxcbiAgICAgICAgYXVkaW86IHByb2Nlc3MuZW52Ll9fUFdBX0ZBTExCQUNLX0FVRElPX18sXG4gICAgICAgIHZpZGVvOiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19WSURFT19fLFxuICAgICAgICBmb250OiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19GT05UX19cbiAgICB9W2VdO1xuICAgIHJldHVybiBzID8gY2FjaGVzLm1hdGNoKHMsIHtcbiAgICAgICAgaWdub3JlU2VhcmNoOiAhMFxuICAgIH0pIDogXCJcIiA9PT0gZSAmJiBwcm9jZXNzLmVudi5fX1BXQV9GQUxMQkFDS19EQVRBX18gJiYgQS5tYXRjaCgvXFwvX25leHRcXC9kYXRhXFwvLitcXC8uK1xcLmpzb24kL2kpID8gY2FjaGVzLm1hdGNoKHByb2Nlc3MuZW52Ll9fUFdBX0ZBTExCQUNLX0RBVEFfXywge1xuICAgICAgICBpZ25vcmVTZWFyY2g6ICEwXG4gICAgfSkgOiBSZXNwb25zZS5lcnJvcigpO1xufTsiXSwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./node_modules/@ducanh2912/next-pwa/dist/fallback.js\n"));
 
 /***/ })
 

public/swe-worker-development.js

@@ -16,7 +16,7 @@
   \*******************************************************************/
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
-eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\nself.onmessage = async (e)=>{\n    switch(e.data.type){\n        case \"__START_URL_CACHE__\":\n            {\n                let t = e.data.url, a = await fetch(t);\n                if (!a.redirected) return (await caches.open(\"start-url\")).put(t, a);\n                return Promise.resolve();\n            }\n        case \"__FRONTEND_NAV_CACHE__\":\n            {\n                let t = e.data.url, a = await caches.open(\"pages\");\n                if (await a.match(t, {\n                    ignoreSearch: !0\n                })) return;\n                let s = await fetch(t);\n                if (!s.ok) return;\n                if (a.put(t, s.clone()), e.data.shouldCacheAggressively && s.headers.get(\"Content-Type\")?.includes(\"text/html\")) try {\n                    let e = await s.text(), t = [], a = await caches.open(\"static-style-assets\"), r = await caches.open(\"next-static-js-assets\"), c = await caches.open(\"static-js-assets\");\n                    for (let [s, r] of e.matchAll(/<link.*?href=['\"](.*?)['\"].*?>/g))/rel=['\"]stylesheet['\"]/.test(s) && t.push(a.match(r).then((e)=>e ? Promise.resolve() : a.add(r)));\n                    for (let [, a] of e.matchAll(/<script.*?src=['\"](.*?)['\"].*?>/g)){\n                        let e = /\\/_next\\/static.+\\.js$/i.test(a) ? r : c;\n                        t.push(e.match(a).then((t)=>t ? Promise.resolve() : e.add(a)));\n                    }\n                    return await Promise.all(t);\n                } catch  {}\n                return Promise.resolve();\n            }\n        default:\n            return Promise.resolve();\n    }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvQGR1Y2FuaDI5MTIvbmV4dC1wd2EvZGlzdC9zdy1lbnRyeS13b3JrZXIuanMiLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCO0FBQ2pCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esa0JBQWtCO0FBQ2xCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL19OX0UvLi9ub2RlX21vZHVsZXMvQGR1Y2FuaDI5MTIvbmV4dC1wd2EvZGlzdC9zdy1lbnRyeS13b3JrZXIuanM/NmM4NCJdLCJzb3VyY2VzQ29udGVudCI6WyJzZWxmLm9ubWVzc2FnZSA9IGFzeW5jIChlKT0+e1xuICAgIHN3aXRjaChlLmRhdGEudHlwZSl7XG4gICAgICAgIGNhc2UgXCJfX1NUQVJUX1VSTF9DQUNIRV9fXCI6XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgbGV0IHQgPSBlLmRhdGEudXJsLCBhID0gYXdhaXQgZmV0Y2godCk7XG4gICAgICAgICAgICAgICAgaWYgKCFhLnJlZGlyZWN0ZWQpIHJldHVybiAoYXdhaXQgY2FjaGVzLm9wZW4oXCJzdGFydC11cmxcIikpLnB1dCh0LCBhKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIGNhc2UgXCJfX0ZST05URU5EX05BVl9DQUNIRV9fXCI6XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgbGV0IHQgPSBlLmRhdGEudXJsLCBhID0gYXdhaXQgY2FjaGVzLm9wZW4oXCJwYWdlc1wiKTtcbiAgICAgICAgICAgICAgICBpZiAoYXdhaXQgYS5tYXRjaCh0LCB7XG4gICAgICAgICAgICAgICAgICAgIGlnbm9yZVNlYXJjaDogITBcbiAgICAgICAgICAgICAgICB9KSkgcmV0dXJuO1xuICAgICAgICAgICAgICAgIGxldCBzID0gYXdhaXQgZmV0Y2godCk7XG4gICAgICAgICAgICAgICAgaWYgKCFzLm9rKSByZXR1cm47XG4gICAgICAgICAgICAgICAgaWYgKGEucHV0KHQsIHMuY2xvbmUoKSksIGUuZGF0YS5zaG91bGRDYWNoZUFnZ3Jlc3NpdmVseSAmJiBzLmhlYWRlcnMuZ2V0KFwiQ29udGVudC1UeXBlXCIpPy5pbmNsdWRlcyhcInRleHQvaHRtbFwiKSkgdHJ5IHtcbiAgICAgICAgICAgICAgICAgICAgbGV0IGUgPSBhd2FpdCBzLnRleHQoKSwgdCA9IFtdLCBhID0gYXdhaXQgY2FjaGVzLm9wZW4oXCJzdGF0aWMtc3R5bGUtYXNzZXRzXCIpLCByID0gYXdhaXQgY2FjaGVzLm9wZW4oXCJuZXh0LXN0YXRpYy1qcy1hc3NldHNcIiksIGMgPSBhd2FpdCBjYWNoZXMub3BlbihcInN0YXRpYy1qcy1hc3NldHNcIik7XG4gICAgICAgICAgICAgICAgICAgIGZvciAobGV0IFtzLCByXSBvZiBlLm1hdGNoQWxsKC88bGluay4qP2hyZWY9WydcIl0oLio/KVsnXCJdLio/Pi9nKSkvcmVsPVsnXCJdc3R5bGVzaGVldFsnXCJdLy50ZXN0KHMpICYmIHQucHVzaChhLm1hdGNoKHIpLnRoZW4oKGUpPT5lID8gUHJvbWlzZS5yZXNvbHZlKCkgOiBhLmFkZChyKSkpO1xuICAgICAgICAgICAgICAgICAgICBmb3IgKGxldCBbLCBhXSBvZiBlLm1hdGNoQWxsKC88c2NyaXB0Lio/c3JjPVsnXCJdKC4qPylbJ1wiXS4qPz4vZykpe1xuICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGUgPSAvXFwvX25leHRcXC9zdGF0aWMuK1xcLmpzJC9pLnRlc3QoYSkgPyByIDogYztcbiAgICAgICAgICAgICAgICAgICAgICAgIHQucHVzaChlLm1hdGNoKGEpLnRoZW4oKHQpPT50ID8gUHJvbWlzZS5yZXNvbHZlKCkgOiBlLmFkZChhKSkpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBhd2FpdCBQcm9taXNlLmFsbCh0KTtcbiAgICAgICAgICAgICAgICB9IGNhdGNoICB7fVxuICAgICAgICAgICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoKTtcbiAgICB9XG59OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/@ducanh2912/next-pwa/dist/sw-entry-worker.js\n"));
+eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\nself.onmessage = async (e)=>{\n    switch(e.data.type){\n        case \"__START_URL_CACHE__\":\n            {\n                let t = e.data.url, a = await fetch(t);\n                if (!a.redirected) return (await caches.open(\"start-url\")).put(t, a);\n                return Promise.resolve();\n            }\n        case \"__FRONTEND_NAV_CACHE__\":\n            {\n                let t = e.data.url, a = await caches.open(\"pages\");\n                if (await a.match(t, {\n                    ignoreSearch: !0\n                })) return;\n                let s = await fetch(t);\n                if (!s.ok) return;\n                if (a.put(t, s.clone()), e.data.shouldCacheAggressively && s.headers.get(\"Content-Type\")?.includes(\"text/html\")) try {\n                    let e = await s.text(), t = [], a = await caches.open(\"static-style-assets\"), r = await caches.open(\"next-static-js-assets\"), c = await caches.open(\"static-js-assets\");\n                    for (let [s, r] of e.matchAll(/<link.*?href=['\"](.*?)['\"].*?>/g))/rel=['\"]stylesheet['\"]/.test(s) && t.push(a.match(r).then((e)=>e ? Promise.resolve() : a.add(r)));\n                    for (let [, a] of e.matchAll(/<script.*?src=['\"](.*?)['\"].*?>/g)){\n                        let e = /\\/_next\\/static.+\\.js$/i.test(a) ? r : c;\n                        t.push(e.match(a).then((t)=>t ? Promise.resolve() : e.add(a)));\n                    }\n                    return await Promise.all(t);\n                } catch  {}\n                return Promise.resolve();\n            }\n        default:\n            return Promise.resolve();\n    }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9ub2RlX21vZHVsZXMvQGR1Y2FuaDI5MTIvbmV4dC1wd2EvZGlzdC9zdy1lbnRyeS13b3JrZXIuanMiLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsaUJBQWlCO0FBQ2pCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0Esa0JBQWtCO0FBQ2xCO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSIsInNvdXJjZXMiOlsid2VicGFjazovL19OX0UvLi9ub2RlX21vZHVsZXMvQGR1Y2FuaDI5MTIvbmV4dC1wd2EvZGlzdC9zdy1lbnRyeS13b3JrZXIuanM/YjIzYiJdLCJzb3VyY2VzQ29udGVudCI6WyJzZWxmLm9ubWVzc2FnZSA9IGFzeW5jIChlKT0+e1xuICAgIHN3aXRjaChlLmRhdGEudHlwZSl7XG4gICAgICAgIGNhc2UgXCJfX1NUQVJUX1VSTF9DQUNIRV9fXCI6XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgbGV0IHQgPSBlLmRhdGEudXJsLCBhID0gYXdhaXQgZmV0Y2godCk7XG4gICAgICAgICAgICAgICAgaWYgKCFhLnJlZGlyZWN0ZWQpIHJldHVybiAoYXdhaXQgY2FjaGVzLm9wZW4oXCJzdGFydC11cmxcIikpLnB1dCh0LCBhKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gUHJvbWlzZS5yZXNvbHZlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIGNhc2UgXCJfX0ZST05URU5EX05BVl9DQUNIRV9fXCI6XG4gICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgbGV0IHQgPSBlLmRhdGEudXJsLCBhID0gYXdhaXQgY2FjaGVzLm9wZW4oXCJwYWdlc1wiKTtcbiAgICAgICAgICAgICAgICBpZiAoYXdhaXQgYS5tYXRjaCh0LCB7XG4gICAgICAgICAgICAgICAgICAgIGlnbm9yZVNlYXJjaDogITBcbiAgICAgICAgICAgICAgICB9KSkgcmV0dXJuO1xuICAgICAgICAgICAgICAgIGxldCBzID0gYXdhaXQgZmV0Y2godCk7XG4gICAgICAgICAgICAgICAgaWYgKCFzLm9rKSByZXR1cm47XG4gICAgICAgICAgICAgICAgaWYgKGEucHV0KHQsIHMuY2xvbmUoKSksIGUuZGF0YS5zaG91bGRDYWNoZUFnZ3Jlc3NpdmVseSAmJiBzLmhlYWRlcnMuZ2V0KFwiQ29udGVudC1UeXBlXCIpPy5pbmNsdWRlcyhcInRleHQvaHRtbFwiKSkgdHJ5IHtcbiAgICAgICAgICAgICAgICAgICAgbGV0IGUgPSBhd2FpdCBzLnRleHQoKSwgdCA9IFtdLCBhID0gYXdhaXQgY2FjaGVzLm9wZW4oXCJzdGF0aWMtc3R5bGUtYXNzZXRzXCIpLCByID0gYXdhaXQgY2FjaGVzLm9wZW4oXCJuZXh0LXN0YXRpYy1qcy1hc3NldHNcIiksIGMgPSBhd2FpdCBjYWNoZXMub3BlbihcInN0YXRpYy1qcy1hc3NldHNcIik7XG4gICAgICAgICAgICAgICAgICAgIGZvciAobGV0IFtzLCByXSBvZiBlLm1hdGNoQWxsKC88bGluay4qP2hyZWY9WydcIl0oLio/KVsnXCJdLio/Pi9nKSkvcmVsPVsnXCJdc3R5bGVzaGVldFsnXCJdLy50ZXN0KHMpICYmIHQucHVzaChhLm1hdGNoKHIpLnRoZW4oKGUpPT5lID8gUHJvbWlzZS5yZXNvbHZlKCkgOiBhLmFkZChyKSkpO1xuICAgICAgICAgICAgICAgICAgICBmb3IgKGxldCBbLCBhXSBvZiBlLm1hdGNoQWxsKC88c2NyaXB0Lio/c3JjPVsnXCJdKC4qPylbJ1wiXS4qPz4vZykpe1xuICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGUgPSAvXFwvX25leHRcXC9zdGF0aWMuK1xcLmpzJC9pLnRlc3QoYSkgPyByIDogYztcbiAgICAgICAgICAgICAgICAgICAgICAgIHQucHVzaChlLm1hdGNoKGEpLnRoZW4oKHQpPT50ID8gUHJvbWlzZS5yZXNvbHZlKCkgOiBlLmFkZChhKSkpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBhd2FpdCBQcm9taXNlLmFsbCh0KTtcbiAgICAgICAgICAgICAgICB9IGNhdGNoICB7fVxuICAgICAgICAgICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgZGVmYXVsdDpcbiAgICAgICAgICAgIHJldHVybiBQcm9taXNlLnJlc29sdmUoKTtcbiAgICB9XG59OyJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./node_modules/@ducanh2912/next-pwa/dist/sw-entry-worker.js\n"));
 
 /***/ })
 

src/app/[locale]/app/login/page.jsx

@@ -8,11 +8,13 @@ import AppContext from "@ctx/AppContext";
 import VerifyCodeStep from "@comp/LoginComponents/VerifyCodeStep";
 import SignUp from "@comp/LoginComponents/SignUp";
 import { useRouter } from "next/navigation";
+import { useTranslations } from "next-intl";
 
 const Login = (props) => {
   const CTX = useContext(AppContext);
   const stepLogin = CTX.state.stepLogin;
   const router = useRouter();
+  const t = useTranslations("login");
 
   const [isLogoCentered, setIsLogoCentered] = useState(true);
 
@@ -33,7 +35,7 @@ const Login = (props) => {
   }, []);
 
   return (
-    <div className="pb-5 relative">
+    <div className="relative pb-5">
       <video
         autoPlay
         muted
@@ -41,7 +43,7 @@ const Login = (props) => {
         loop
         playsInline
         poster="/Images/video-section-1-poster.png"
-        className="absolute left-0 top-0 right-0 w-screen -z-10 object-cover h-screen"
+        className="absolute top-0 left-0 right-0 object-cover w-screen h-screen -z-10"
         style={{ filter: "brightness(0.3)" }}
       >
         <source src={"/videos/login.mp4"} type="video/mp4" />
@@ -67,8 +69,8 @@ const Login = (props) => {
               isLogoCentered ? "opacity-0" : "opacity-100"
             } transition-opacity duration-1000`}
           >
-            <h2 className="text-white text-[50px] font-bold">بریز</h2>
+            <h2 className="text-white text-[50px] font-bold">{t("title")}</h2>
-            <p className="mb-0 text-white">"مدیرت هارمونیک روتین ها"</p>
+            <p className="mb-0 text-white">"  "</p>
           </div>
         </div>
       )}

src/i18n/routing.ts

@@ -4,9 +4,9 @@ import { createSharedPathnamesNavigation } from "next-intl/navigation";
 export const routing = defineRouting({
   // A list of all locales that are supported
   locales: ["en", "fa", "zh"],
-
-  // Used when no locale matches
   defaultLocale: "en",
+  localePrefix: "as-needed",
+  localeDetection: false,
 });
 
 // Lightweight wrappers around Next.js' navigation APIs

src/middleware.ts

@@ -5,5 +5,9 @@ export default createMiddleware(routing);
 
 export const config = {
   // Match only internationalized pathnames
-  matcher: ["/", "/(fa|en|zh)/:path*"],
+  matcher: [
+    "/",
+    "/(fa|en|zh)/:path*",
+    "/((?!_next/static|_next/image|api|images|icons|fonts|video|audio|favicon.ico).*)",
+  ],
 };