diff --git a/package-lock.json b/package-lock.json index 22a557c..0b5546e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2218,6 +2218,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-4.0.0.tgz", "integrity": "sha512-e4a5N8lVvuLgAWgnCrLr2PP0YyDOTHa9H/Rj54dirp61qXnNq46m82bRhNqIA5VccJtWBvPTFRV3TtvHUKPB1g==", + "license": "MIT", "dependencies": { "node-fetch": "^2.6.12" } @@ -3456,6 +3457,7 @@ "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project" } ], + "license": "MIT", "dependencies": { "@babel/runtime": "^7.27.1" }, @@ -3472,6 +3474,7 @@ "version": "8.1.0", "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-8.1.0.tgz", "integrity": "sha512-mHZxNx1Lq09xt5kCauZ/4bsXOEA2pfpwSoU11/QTJB+pD94iONFwp+ohqi///PwiFvjFOxe1akYCdHyFo1ng5Q==", + "license": "MIT", "dependencies": { "@babel/runtime": "^7.23.2" } @@ -3480,6 +3483,7 @@ "version": "3.0.2", "resolved": "https://registry.npmjs.org/i18next-http-backend/-/i18next-http-backend-3.0.2.tgz", "integrity": "sha512-PdlvPnvIp4E1sYi46Ik4tBYh/v/NbYfFFgTjkwFl0is8A18s7/bx9aXqsrOax9WUbeNS6mD2oix7Z0yGGf6m5g==", + "license": "MIT", "dependencies": { "cross-fetch": "4.0.0" } @@ -4540,6 +4544,7 @@ "version": "2.7.0", "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz", "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==", + "license": "MIT", "dependencies": { "whatwg-url": "^5.0.0" }, @@ -4923,6 +4928,7 @@ "version": "15.5.2", "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-15.5.2.tgz", "integrity": "sha512-ePODyXgmZQAOYTbZXQn5rRsSBu3Gszo69jxW6aKmlSgxKAI1fOhDwSu6bT4EKHciWPKQ7v7lPrjeiadR6Gi+1A==", + "license": "MIT", "dependencies": { "@babel/runtime": "^7.25.0", "html-parse-stringify": "^3.0.1" @@ -5634,7 +5640,8 @@ "node_modules/tr46": { "version": "0.0.3", "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz", - "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==" + "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==", + "license": "MIT" }, "node_modules/ts-api-utils": { "version": "2.1.0", @@ -5840,12 +5847,14 @@ "node_modules/webidl-conversions": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz", - "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==" + "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==", + "license": "BSD-2-Clause" }, "node_modules/whatwg-url": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz", "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==", + "license": "MIT", "dependencies": { "tr46": "~0.0.3", "webidl-conversions": "^3.0.0" diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b680298..8ffc72c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,12 +1,13 @@ +'use client' import type { Metadata } from 'next'; import './globals.css'; import { I18nextProvider } from 'react-i18next'; import i18n from '../config/i18n'; -export const metadata: Metadata = { - title: 'Create Next App', - description: 'Generated by create next app', -}; +// export const metadata: Metadata = { +// title: 'Create Next App', +// description: 'Generated by create next app', +// }; export default function RootLayout({ children, diff --git a/src/app/page.tsx b/src/app/page.tsx index 20fcbd6..e4dbb97 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,4 +1,5 @@ // ... existing imports ... +import Header from '@/components/layout/header'; import Navbar from '@/components/layout/navbar'; async function getData() { @@ -11,8 +12,9 @@ export default async function Home() { const data = await getData(); return ( -
- +
+
+ {/* */}
); } diff --git a/src/assets/images/home_banner.jpg b/src/assets/images/home_banner.jpg new file mode 100644 index 0000000..85deade Binary files /dev/null and b/src/assets/images/home_banner.jpg differ diff --git a/src/assets/images/images.ts b/src/assets/images/images.ts new file mode 100644 index 0000000..fa07831 --- /dev/null +++ b/src/assets/images/images.ts @@ -0,0 +1,6 @@ +import homeBanner from "./home_banner.jpg" +import logo from './logo.png' + +export default { + homeBanner,logo +} \ No newline at end of file diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png new file mode 100644 index 0000000..571f01f Binary files /dev/null and b/src/assets/images/logo.png differ diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg new file mode 100644 index 0000000..d13561c --- /dev/null +++ b/src/assets/images/logo.svg @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/layout/header/index.tsx b/src/components/layout/header/index.tsx new file mode 100644 index 0000000..d681f37 --- /dev/null +++ b/src/components/layout/header/index.tsx @@ -0,0 +1,43 @@ +import images from '@/assets/images/images'; +import Navbar from '../navbar'; +import Button from '@/components/uikit/button'; + +export default function Header() { + return ( +
+
+ +
+
+

+ Excellence innovating{' '} +

+

+ industry for today{' '} +

+

+ At the heart of our operations is a commitment to delivering + superior products through cutting-
edge technology and innovative + processes. +

+ +
+ + +
+
+ ); +} diff --git a/src/components/layout/navbar/index.tsx b/src/components/layout/navbar/index.tsx index ae1b18a..aa06b2b 100644 --- a/src/components/layout/navbar/index.tsx +++ b/src/components/layout/navbar/index.tsx @@ -1,5 +1,7 @@ 'use client'; +import images from '@/assets/images/images'; +import Image from 'next/image'; import Link from 'next/link'; import { usePathname } from 'next/navigation'; import { useState } from 'react'; @@ -9,19 +11,23 @@ export default function Navbar() { const pathname = usePathname(); const links = [ - { href: '/', label: 'درباره' }, - { href: '/services', label: 'خدمات' }, - { href: '/blog', label: 'بلاگ' }, - { href: '/contact', label: 'تماس' }, + { href: '/', label: 'Home' }, + { href: '/services', label: 'About US' }, + { href: '/blog', label: 'Products' }, + { href: '/contact', label: 'Blog' }, + { href: '/contact', label: 'Project' }, + { href: '/contact', label: 'Contact Us' }, + ]; const linkClass = (href: string) => - pathname === href ? ' text-red-500 font-semibold' : 'text-gray-500'; + pathname === href ? ' text-red-500 font-semibold' : 'text-white'; return ( -