diff --git a/app/globals.css b/app/globals.css index 646c0dc..fe33b0d 100644 --- a/app/globals.css +++ b/app/globals.css @@ -43,8 +43,9 @@ textarea.place-black::placeholder { color: black; } -@theme { - --color-primary: black; +@theme inline { + --color-primary: #ff730b; + --color-secondary: #f1f6fa; --color-description: #888888; --spacing-maxWidth: 1100px; } diff --git a/app/home/Home.tsx b/app/home/Home.tsx index 6daf6e1..57fff0e 100644 --- a/app/home/Home.tsx +++ b/app/home/Home.tsx @@ -1,5 +1,5 @@ const Home = () => { - return
صفحه اصلی
; + return
; }; export default Home; diff --git a/app/layout.tsx b/app/layout.tsx index ad9a49a..7c6c43f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -2,6 +2,7 @@ import "@/assets/iranyekan/fonts.css"; import type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; +import Header from "./shared/Header"; const geistSans = Geist({ variable: "--font-geist-sans", @@ -25,7 +26,10 @@ export default function RootLayout({ }>) { return ( - {children} + +
+ {children} + ); } diff --git a/app/shared/Header.tsx b/app/shared/Header.tsx new file mode 100644 index 0000000..a098623 --- /dev/null +++ b/app/shared/Header.tsx @@ -0,0 +1,29 @@ +import { Profile, Truck } from "iconsax-reactjs"; + +const Header = () => { + return ( +
+
+ + +
ارسال رایگان برای خرید بالای ۱۰۰ میلیون تومان
+ +
+ +
+ 20% + تخفیف برای اولین سفارش خود دریافت کنید | + + کد تخفیف : FIRSTORDER + +
+ +
+ +
سلام حمید
+
+
+ ); +}; + +export default Header; diff --git a/package-lock.json b/package-lock.json index 3eba2a0..91a3a1e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,6 +8,7 @@ "name": "mehraein", "version": "0.1.0", "dependencies": { + "iconsax-reactjs": "^0.0.8", "next": "16.2.10", "react": "19.2.4", "react-dom": "19.2.4" @@ -4089,6 +4090,15 @@ "hermes-estree": "0.25.1" } }, + "node_modules/iconsax-reactjs": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/iconsax-reactjs/-/iconsax-reactjs-0.0.8.tgz", + "integrity": "sha512-cb+uTMxbkSFNbu8ZclX7BWQVfOWQt8+m/PsDjnsm/H+mcYrnfTYMjHxiof1FB43k7UAgt1ds+0oFeMVKdqyslw==", + "license": "MIT", + "peerDependencies": { + "react": "*" + } + }, "node_modules/ignore": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz", diff --git a/package.json b/package.json index 555ce5e..0149c9d 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "lint": "eslint" }, "dependencies": { + "iconsax-reactjs": "^0.0.8", "next": "16.2.10", "react": "19.2.4", "react-dom": "19.2.4"