diff --git a/app/globals.css b/app/globals.css index a2dc41e..a32c29d 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,4 +1,30 @@ @import "tailwindcss"; +/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); */ + +/* Dana Font Faces */ +@font-face { + font-family: 'Dana'; + src: url('/fonts/dana_regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Dana'; + src: url('/fonts/dana_medium.ttf') format('truetype'); + font-weight: 500; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Dana'; + src: url('/fonts/dana_bold.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + font-display: swap; +} :root { --background: #ffffff; @@ -8,7 +34,7 @@ @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); + --font-sans: 'Dana', 'Inter', var(--font-geist-sans); --font-mono: var(--font-geist-mono); } @@ -22,5 +48,6 @@ body { background: var(--background); color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; -} + font-family: 'Dana', 'Inter', Arial, Helvetica, sans-serif; + font-weight: 400; +} \ No newline at end of file diff --git a/app/layout.tsx b/app/layout.tsx index f7fa87e..20fedd3 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,34 +1,24 @@ -import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; -import "./globals.css"; - -const geistSans = Geist({ - variable: "--font-geist-sans", - subsets: ["latin"], -}); - -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], -}); +import type { Metadata } from 'next'; +import './globals.css'; export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: 'آرام‌لند - همراه تو برای یک زندگی آرام‌تر', + description: 'لحظه‌ای آرام بگیر، زندگی را حس کن', }; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - - + + + + + {children} ); -} +} \ No newline at end of file diff --git a/public/fonts/dana_bold.ttf b/public/fonts/dana_bold.ttf new file mode 100644 index 0000000..a0bf09c Binary files /dev/null and b/public/fonts/dana_bold.ttf differ diff --git a/public/fonts/dana_medium.ttf b/public/fonts/dana_medium.ttf new file mode 100644 index 0000000..fa4c39c Binary files /dev/null and b/public/fonts/dana_medium.ttf differ diff --git a/public/fonts/dana_regular.ttf b/public/fonts/dana_regular.ttf new file mode 100644 index 0000000..dd3d861 Binary files /dev/null and b/public/fonts/dana_regular.ttf differ diff --git a/tailwind.config.ts b/tailwind.config.ts new file mode 100644 index 0000000..1c8ad14 --- /dev/null +++ b/tailwind.config.ts @@ -0,0 +1,28 @@ +import type { Config } from 'tailwindcss'; + +const config: Config = { + content: [ + './pages/**/*.{js,ts,jsx,tsx,mdx}', + './components/**/*.{js,ts,jsx,tsx,mdx}', + './app/**/*.{js,ts,jsx,tsx,mdx}', + ], + theme: { + extend: { + fontFamily: { + sans: [ + 'Dana', + 'Inter', + 'var(--font-geist-sans)', + 'system-ui', + 'sans-serif', + ], + }, + direction: { + 'rtl': 'rtl', + } + }, + }, + plugins: [], +}; + +export default config; \ No newline at end of file