diff --git a/messages/ar.json b/messages/ar.json
new file mode 100644
index 0000000..2e55808
--- /dev/null
+++ b/messages/ar.json
@@ -0,0 +1,5 @@
+{
+ "Home": {
+ "title": "مرحبا"
+ }
+}
diff --git a/messages/en.json b/messages/en.json
new file mode 100644
index 0000000..6e88cea
--- /dev/null
+++ b/messages/en.json
@@ -0,0 +1,5 @@
+{
+ "Home": {
+ "title": "hello"
+ }
+}
diff --git a/messages/fa.json b/messages/fa.json
index 24e9065..9cf9fe4 100644
--- a/messages/fa.json
+++ b/messages/fa.json
@@ -1,4 +1,5 @@
-{
- "loading": "درحال دریافت داده",
- "error_fetch_data": "مشکلی در دریافت داده رخ داده است."
-}
+{
+ "Home": {
+ "title": "سلام"
+ }
+}
diff --git a/messages/ku.json b/messages/ku.json
new file mode 100644
index 0000000..2e55808
--- /dev/null
+++ b/messages/ku.json
@@ -0,0 +1,5 @@
+{
+ "Home": {
+ "title": "مرحبا"
+ }
+}
diff --git a/next-env.d.ts b/next-env.d.ts
index 9edff1c..c4b7818 100644
--- a/next-env.d.ts
+++ b/next-env.d.ts
@@ -1,6 +1,6 @@
///
///
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
// NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/package.json b/package.json
index 9b32e57..f907ae5 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
{
- "name": "witelflix",
+ "name": "cinematales",
"private": true,
"scripts": {
"dev": "next dev",
diff --git a/src/app/layout.tsx b/src/app/[locale]/layout.tsx
similarity index 50%
rename from src/app/layout.tsx
rename to src/app/[locale]/layout.tsx
index e06c8d3..7303fe5 100644
--- a/src/app/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -1,59 +1,55 @@
-import { ClientAppProvider } from "@/providers/ClientAppProvider";
-import "@/styles/globals.css";
-import type { Metadata } from "next";
-import { getLocale, getMessages } from "next-intl/server";
-import { NextIntlClientProvider } from "next-intl";
-
-export const metadata: Metadata = {
- title: {
- template: "%s | Theater of dreams",
- default: "Theater of dreams",
- },
- description: "Theater of dreams",
- authors: {
- name: "شرکت دانش بنیان ویرا ارتباطات یکتا تلفن (وایتل)",
- url: "https://witel.ir",
- },
-
- manifest: "/manifest.json",
- icons: {
- icon: "/logo/192px.png",
- apple: "/logo/512px.png",
- },
-};
-export const viewport = {
- width: "device-width",
- initialScale: 1,
- maximumScale: 1,
-};
-
-export default async function RootLayout({ children }: { children: React.ReactNode }) {
- const locale = await getLocale();
- const messages = await getMessages({ locale });
- return (
-
-
- {/* Prevent theme flicker before hydration */}
-
-
-
-
-
- {children}
-
-
-
- );
-}
+import { getDirection } from "@/i18n/direction";
+import { routing } from "@/i18n/routing";
+import { ClientAppProvider } from "@/providers/ClientAppProvider";
+import "@/styles/globals.css";
+import type { Metadata } from "next";
+import { hasLocale, NextIntlClientProvider } from "next-intl";
+import { getMessages } from "next-intl/server";
+import { notFound } from "next/navigation";
+
+export const metadata: Metadata = {
+ title: "Theater of dreams",
+};
+
+export default async function RootLayout({
+ children,
+ params,
+}: Readonly<{
+ children: React.ReactNode;
+ params: Promise<{ locale: string }>;
+}>) {
+ const { locale } = await params;
+ if (!hasLocale(routing.locales, locale)) {
+ notFound();
+ }
+
+ const messages = await getMessages();
+ const dir = getDirection(locale);
+
+ return (
+
+
+ {/* Prevent theme flicker before hydration */}
+
+
+
+
+
+ {children}
+
+
+
+ );
+}
diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx
new file mode 100644
index 0000000..b634e00
--- /dev/null
+++ b/src/app/[locale]/page.tsx
@@ -0,0 +1,14 @@
+import ComponentsConteiner from "@/components/ComponentsConteiner";
+import { useTranslations } from "next-intl";
+
+export default function Home() {
+ const t = useTranslations("Home");
+ return (
+
+ {t("title")}
+ This project was generated completely offline.
+
+
+ );
+}
+
diff --git a/src/app/page.tsx b/src/app/page.tsx
deleted file mode 100644
index 405f873..0000000
--- a/src/app/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import ThemeToggle from "@/components/UI/ThemeToggle";
-
-export default function Home() {
- return (
-
-
- Offline Next.js Template 🚀
- This project was generated completely offline.
-
- );
-}
diff --git a/src/components/ComponentsConteiner.tsx b/src/components/ComponentsConteiner.tsx
new file mode 100644
index 0000000..d7f5443
--- /dev/null
+++ b/src/components/ComponentsConteiner.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { useState } from "react";
+import PrimaryButton from "./buttons/PrimaryButton";
+import ThemeToggle from "./UI/ThemeToggle";
+import { Home } from "lucide-react";
+
+export default function ComponentsConteiner() {
+ const [isLoading, setIsloading] = useState(false);
+ function dummyLoading() {
+ setIsloading(true);
+ setTimeout(() => {
+ setIsloading(false);
+ }, 1500);
+ }
+ return (
+
+
+
+
dummyLoading()} loading={isLoading}>
+
+ test icon
+
+
+