soheilkhaledabadi/rahavard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Init(Coore): add to repo

Browse Source
This commit is contained in:
soheil khaledabadi
2026-04-24 16:20:36 +03:30
commit 893cdcb89c
91 changed files with 13751 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
components/About.js Executable file
View File

@@ -0,0 +1,80 @@
import PicSmall from '../public/PicSmall.png'
import Avatars from '../public/Avatars.png'
import Image from 'next/image'
import PicAbout from '../public/PicAbout.png'
import Link from 'next/link'
async function getData(id) {
const res = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/content/index/${id}`)
if (!res.ok) {
throw new Error('Failed to fetch data')
}
return res.json()
}
export default async function About({lang}) {
const data = await getData(lang === 'fa' ? 1 : 2);
return(
<div className='grid lg:grid-cols-3 grid-cols-1 grid-rows-3 gap-2 font-[5] my-16 mx-8 lg:mx-28'>
<div className='flex justify-between items-center p-8'>
<div className='flex flex-col w-full'>
<span>{ data.aboutSuper[0].body }</span>
<span className='font-[4] text-3xl lg:text-4xl pt-2'>{ data.aboutHead[0].body }</span>
</div>
<svg className='' width="128" height="74" viewBox="0 0 128 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M80.5657 36.6117C80.5657 46.6722 83.2246 55.7663 87.5075 62.3363C91.7923 68.9091 97.6768 72.9235 104.133 72.9235C110.589 72.9235 116.473 68.9091 120.758 62.3363C125.041 55.7663 127.7 46.6722 127.7 36.6117C127.7 26.5513 125.041 17.4572 120.758 10.8872C116.473 4.31441 110.589 0.3 104.133 0.3C97.6768 0.3 91.7923 4.31441 87.5075 10.8872C83.2246 17.4572 80.5657 26.5513 80.5657 36.6117Z" stroke="url(#paint0_linear_124_2568)" stroke-width="0.6"/>
<path d="M53.8103 36.6117C53.8103 46.6722 56.4692 55.7663 60.7522 62.3363C65.0369 68.9091 70.9214 72.9235 77.3775 72.9235C83.8335 72.9235 89.718 68.9091 94.0028 62.3363C98.2858 55.7663 100.945 46.6722 100.945 36.6117C100.945 26.5513 98.2858 17.4572 94.0028 10.8872C89.718 4.31441 83.8335 0.3 77.3775 0.3C70.9214 0.3 65.0369 4.31441 60.7522 10.8872C56.4692 17.4572 53.8103 26.5513 53.8103 36.6117Z" stroke="url(#paint1_linear_124_2568)" stroke-width="0.6"/>
<path d="M27.0555 36.6117C27.0555 46.6722 29.7143 55.7663 33.9973 62.3363C38.2821 68.9091 44.1666 72.9235 50.6226 72.9235C57.0786 72.9235 62.9631 68.9091 67.2479 62.3363C71.5309 55.7663 74.1897 46.6722 74.1897 36.6117C74.1897 26.5513 71.5309 17.4572 67.2479 10.8872C62.9631 4.31441 57.0786 0.3 50.6226 0.3C44.1666 0.3 38.2821 4.31441 33.9973 10.8872C29.7143 17.4572 27.0555 26.5513 27.0555 36.6117Z" stroke="url(#paint2_linear_124_2568)" stroke-width="0.6"/>
<path d="M0.300079 36.6117C0.300079 46.6722 2.95895 55.7663 7.24192 62.3363C11.5267 68.9091 17.4112 72.9235 23.8672 72.9235C30.3233 72.9235 36.2078 68.9091 40.4925 62.3363C44.7755 55.7663 47.4344 46.6722 47.4344 36.6117C47.4344 26.5513 44.7755 17.4572 40.4925 10.8872C36.2078 4.31441 30.3233 0.3 23.8672 0.3C17.4112 0.3 11.5267 4.31441 7.24192 10.8872C2.95895 17.4572 0.300079 26.5513 0.300079 36.6117Z" stroke="url(#paint3_linear_124_2568)" stroke-width="0.6"/>
<defs>
<linearGradient id="paint0_linear_124_2568" x1="128" y1="36.6117" x2="86.0425" y2="36.6117" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_124_2568" x1="101.245" y1="36.6117" x2="59.2871" y2="36.6117" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_124_2568" x1="74.4897" y1="36.6117" x2="32.5322" y2="36.6117" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_124_2568" x1="47.7344" y1="36.6117" x2="5.77687" y2="36.6117" gradientUnits="userSpaceOnUse">
<stop stop-color="#A1A1AA"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
</div>
<div className='row-span-2 flex flex-col justify-between py-10 px-8 bg-zinc-100 rounded-xl h-full'>
<span className='font-[4] text-xl'>{ data.about1Head[0].body }</span>
<p className='text-zinc-600 py-4'> { data.about1Desc[0].body }
</p>
<Image alt="" src={PicAbout} className=''/>
</div>
<Image alt="" src={ data.about1Image[0].body } width={800} height={800} className='row-span-3 h-full w-full object-cover rounded-xl'/>
<div className='row-span-2 flex flex-col justify-between py-10 px-8 bg-zinc-100 rounded-xl h-full'>
<span className='font-[4] text-xl'>{ data.about2Head[0].body }</span>
<p className='text-zinc-600 py-4'> { data.about2Desc[0].body }
</p>
<Link href="#products" className='hidden lg:flex items-center bg-red-700 font-[4] w-fit p-2 '>
<span className='text-md text-zinc-50'> بیشتر بدانید</span>
<div className="p-1 rounded bg-red-500 mr-2">
<svg className="w-6 h-6 stroke-n-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 4.5l-15 15m0 0h11.25m-11.25 0V8.25" />
</svg>
</div>
</Link>
</div>
<Image alt="" src={ data.about2Image[0].body } width={800} height={800} className='max-h-48 object-cover rounded-xl w-full h-full'/>
</div>
)
}

13
components/BestSellerTitle.js Executable file
View File

@@ -0,0 +1,13 @@
export default function BestSellers({title, topTitle}) {
return (
<div className="flex justify-center pb-6">
<div className="flex flex-col items-center">
<svg className="w-8 h-8" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.41 10.72H15.32V3.52002C15.32 1.84002 14.41 1.50002 13.3 2.76002L12.5 3.67002L5.73 11.37C4.8 12.42 5.19 13.28 6.59 13.28H9.68V20.48C9.68 22.16 10.59 22.5 11.7 21.24L12.5 20.33L19.27 12.63C20.2 11.58 19.81 10.72 18.41 10.72Z" fill="#101318"/>
</svg>
<span className="text-4xl py-3">{topTitle}</span>
<span className="text-4xl font-bold">{title}</span>
</div>
</div>
)
}

15
components/Blog.js Executable file
View File

@@ -0,0 +1,15 @@
import BG from '../public/BG.png'
import BlogCard from '@/components/BlogCard'
export default function Blog() {
return(
<div className="flex flex-col items-center w-full rounded-3xl" >
<span className="text-4xl p-8 text-white">آخرین مطالب بلاگ</span>
<div className="w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<BlogCard image={BG} />
<BlogCard image={BG} />
<BlogCard image={BG} />
</div>
</div>
)
}

15
components/BlogCard.js Executable file
View File

@@ -0,0 +1,15 @@
import Image from 'next/image'
export default function ProductCard({ image }) {
return (
<div className="relative flex flex-col items-center ">
<div className="relative flex flex-col z-20">
<Image alt="" src={ image } className="w-full h-full rounded-lg " />
<div className="absolute bottom-0 w-full h-full p-4">
<div className="flex flex-col justify-end w-full h-full">
<span className="p-4 text-white rounded-lg text-xl backdrop-blur w-full h-fit">مطلب شماره یک</span>
</div>
</div>
</div>
</div>
)
}

50
components/BlogPosts.js Executable file
View File

@@ -0,0 +1,50 @@
import Image from 'next/image'
import ImgBlog from '../public/ImgBlog.webp'
export default function BlogPosts(){
return(
<div className="w-full flex flex-col items-center font-[5] py-16">
<span>لورم ایپسوم</span>
<span className="text-4xl font-[4] pt-4 pb-16">بلاگ</span>
<div className="flex w-full"></div>
<div className='flex'>
<div className='lg:flex flex-col pl-28 hidden'>
<Image alt="" src={ImgBlog} className='rounded-t-2xl'/>
<span className='text-zinc-900 py-4'> فروردین، ۱۴۰۲</span>
<span className='font-[4]'> مدیریت پسمانده های صنعتی در صنایع تولید آلمینیوم و منگنز</span>
<p className='w-[704px] pt-4 text-neutral-500'>اولین و تنها تولید کننده ی آلیاژهای منیزیم به صورت شمش و بیلت در سال ۱۳۹۶ در استان قم واقع در شهرک صنعتی شکوهیه شروع به فعالیت نمود.
</p>
<p className='text-neutral-500'>هدف از ایجاد و راه اندازی این شرکت ،تامین آلیاژهای منیزیمی صنعت کشور به خصوص صنایع خودروسازی،
</p>
<svg className='my-3' width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.5699 26.8201C17.3799 26.8201 17.1899 26.7501 17.0399 26.6001L10.9699 20.5301C10.6799 20.2401 10.6799 19.7601 10.9699 19.4701L17.0399 13.4001C17.3299 13.1101 17.8099 13.1101 18.0999 13.4001C18.3899 13.6901 18.3899 14.1701 18.0999 14.4601L12.5599 20.0001L18.0999 25.5401C18.3899 25.8301 18.3899 26.3101 18.0999 26.6001C17.9599 26.7501 17.7599 26.8201 17.5699 26.8201Z" fill="#18181B"/>
<path d="M28.4999 20.75H11.6699C11.2599 20.75 10.9199 20.41 10.9199 20C10.9199 19.59 11.2599 19.25 11.6699 19.25H28.4999C28.9099 19.25 29.2499 19.59 29.2499 20C29.2499 20.41 28.9099 20.75 28.4999 20.75Z" fill="#18181B"/>
</svg>
</div>
<div className='flex flex-col border-r px-14'>
<span className='font-[4] pb-2'> محبوب ترین ها</span>
<div className='flex flex-col border-b py-6 text-black-1'>
<span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
<span> فروردین، ۱۴۰۲</span>
</div>
<div className='flex flex-col border-b py-6 text-black-1'>
<span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
<span> فروردین، ۱۴۰۲</span>
</div>
<div className='flex flex-col border-b py-6 text-black-1'>
<span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
<span> فروردین، ۱۴۰۲</span>
</div>
<div className='flex flex-col border-b py-6 text-black-1'>
<span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
<span> فروردین، ۱۴۰۲</span>
</div> <div className='flex flex-col py-6 text-black-1'>
<span className='pb-4'> تاثیر استفاده از منگنز بر عمر مفید آلمینیوم </span>
<span> فروردین، ۱۴۰۲</span>
</div>
</div>
</div>
</div>
)
}

5
components/Button.js Executable file
View File

@@ -0,0 +1,5 @@
export default function Input({className, text, onClick}){
return(
<button onClick={ onClick }className="bg-gradient-to-r from-rose-500 active:shadow-lg to-violet-500 hover:from-rose-600 hover:to-violet-600 transition rounded-lg p-2 text-white shadow-sm shadow-red-200 hover:shadow-violet-200">{ text }</button>
)
}

18
components/Card.js Executable file
View File

@@ -0,0 +1,18 @@
'use client'
import { useEffect } from 'react'
export default function Card({children, className}){
useEffect(() => {
document.getElementById('card').classList.remove('blur-lg');
document.getElementById('card').classList.add('blur-none');
document.getElementById('card').classList.remove('opacity-30');
document.getElementById('card').classList.add('opacity-100');
});
return(
<div id="card" className={"bg-white shadow-md rounded-3xl w-full h-full opacity-100 blur-lg transition duration-1000 " + className}>
{children}
</div>
)
}

43
components/CartProduct.js Executable file
View File

@@ -0,0 +1,43 @@
import Rectangle from '../public/Rectangle.png'
import Image from 'next/image'
export default function CartProduct({title, image}){
return(
<div className="flex items-center py-6 border-t justify-between">
<div className="flex items-center">
<Image alt="" src={image} width={64} height={64} className='rounded' />
<div className="flex flex-col pr-4">
<span className="font-bold text-xl pb-2 drop-shadow">{title}</span>
<p className="text-gray-600 font-[5]"> رنگ، ولتاژ ، سایز، و دیگر توضیحات</p>
</div>
</div>
<div className="flex items-center">
<button className="">
<svg className="w-6 h-6 hover:stroke-red-400" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0004 4.48657C13.9871 4.48657 13.9671 4.48657 13.9471 4.48657C10.4204 4.13324 6.90043 3.9999 3.41377 4.35324L2.05377 4.48657C1.77377 4.51324 1.5271 4.31324 1.50043 4.03324C1.47377 3.75324 1.67377 3.51324 1.9471 3.48657L3.3071 3.35324C6.85377 2.99324 10.4471 3.13324 14.0471 3.48657C14.3204 3.51324 14.5204 3.7599 14.4938 4.03324C14.4738 4.29324 14.2538 4.48657 14.0004 4.48657Z" fill="#757D8A"/>
<path d="M5.66651 3.81325C5.63984 3.81325 5.61318 3.81325 5.57984 3.80659C5.31318 3.75992 5.12651 3.49992 5.17318 3.23325L5.31984 2.35992C5.42651 1.71992 5.57318 0.833252 7.12651 0.833252H8.87318C10.4332 0.833252 10.5798 1.75325 10.6798 2.36659L10.8265 3.23325C10.8732 3.50659 10.6865 3.76659 10.4198 3.80659C10.1465 3.85325 9.88651 3.66659 9.84651 3.39992L9.69984 2.53325C9.60651 1.95325 9.58651 1.83992 8.87984 1.83992H7.13318C6.42651 1.83992 6.41318 1.93325 6.31318 2.52659L6.15984 3.39325C6.11984 3.63992 5.90651 3.81325 5.66651 3.81325Z" fill="#757D8A"/>
<path d="M10.1396 15.1667H5.85961C3.53294 15.1667 3.43961 13.8801 3.36627 12.8401L2.93294 6.12672C2.91294 5.85338 3.12627 5.61338 3.39961 5.59338C3.67961 5.58005 3.91294 5.78672 3.93294 6.06005L4.36627 12.7734C4.43961 13.7867 4.46627 14.1667 5.85961 14.1667H10.1396C11.5396 14.1667 11.5663 13.7867 11.6329 12.7734L12.0663 6.06005C12.0863 5.78672 12.3263 5.58005 12.5996 5.59338C12.8729 5.61338 13.0863 5.84672 13.0663 6.12672L12.6329 12.8401C12.5596 13.8801 12.4663 15.1667 10.1396 15.1667Z" fill="#757D8A"/>
<path d="M9.10672 11.5H6.88672C6.61339 11.5 6.38672 11.2733 6.38672 11C6.38672 10.7267 6.61339 10.5 6.88672 10.5H9.10672C9.38005 10.5 9.60672 10.7267 9.60672 11C9.60672 11.2733 9.38005 11.5 9.10672 11.5Z" fill="#757D8A"/>
<path d="M9.66634 8.83325H6.33301C6.05967 8.83325 5.83301 8.60658 5.83301 8.33325C5.83301 8.05992 6.05967 7.83325 6.33301 7.83325H9.66634C9.93967 7.83325 10.1663 8.05992 10.1663 8.33325C10.1663 8.60658 9.93967 8.83325 9.66634 8.83325Z" fill="#757D8A"/>
</svg>
</button>
<div className="flex px-16 items-center">
<svg className="w-5 h-5" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 8.5H4C3.72667 8.5 3.5 8.27333 3.5 8C3.5 7.72667 3.72667 7.5 4 7.5H12C12.2733 7.5 12.5 7.72667 12.5 8C12.5 8.27333 12.2733 8.5 12 8.5Z" fill="#3F4550"/>
</svg>
<span className="px-2 text-2xl font-[5]">۶</span>
<svg className="w-5 h-5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 8.5H4C3.72667 8.5 3.5 8.27333 3.5 8C3.5 7.72667 3.72667 7.5 4 7.5H12C12.2733 7.5 12.5 7.72667 12.5 8C12.5 8.27333 12.2733 8.5 12 8.5Z" fill="#3F4550"/>
<path d="M8 12.5C7.72667 12.5 7.5 12.2733 7.5 12V4C7.5 3.72667 7.72667 3.5 8 3.5C8.27333 3.5 8.5 3.72667 8.5 4V12C8.5 12.2733 8.27333 12.5 8 12.5Z" fill="#3F4550"/>
</svg>
</div>
<div className="flex items-center">
<span className="text-xl font-bold pl-1">۲.۱۰۴.۰۰۰</span>
<p className="text-gray-500">تومان</p>
</div>
</div>
</div>
)
}

21
components/Category.js Executable file
View File

@@ -0,0 +1,21 @@
import Head1 from '../public/Head1.png'
import ProductCard from '@/components/ProductCard'
export default function Category({ products, title }) {
const productCards = products.map((product) => {
return <ProductCard
image={product.images[0].path}
title={product.title}
id={product.id}
key={product.id}
/>
})
return(
<div className="flex flex-col items-center rounded-3xl w-full" >
<span className="text-4xl p-8 text-white">{ title }</span>
<div className="w-full flex basis-1/3 justify-center flex-wrap space-y-6">
{productCards}
</div>
</div>
)
}

15
components/ColorPicker.js Executable file
View File

@@ -0,0 +1,15 @@
export default function ColorPicker(){
return (
<div className="flex pt-4">
<button className="w-10 h-10 ml-2 rounded bg-red-400 outline outline-gray-400 shadow-lg shadow-red-400">
</button>
<button className="w-10 h-10 mx-2 rounded bg-red-400">
</button>
<button className="w-10 h-10 mx-2 rounded bg-red-400">
</button>
</div>
)
}

11
components/Crown.js Executable file
View File

@@ -0,0 +1,11 @@
export default function Crown(){
return (
<div className="flex flex-col relative">
<svg className="absolute z-0" width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M39.6667 49.0933H16.3333C8.93666 49.0933 2.91666 43.0733 2.91666 35.6766V13.3233C2.91666 10.29 4.31666 9.23998 5.15666 8.88998C5.99666 8.53998 7.72332 8.28332 9.86999 10.43L15.9133 16.4733C16.1467 16.7066 16.52 16.7066 16.73 16.4733L25.1067 8.09665C26.6467 6.55665 29.3533 6.55665 30.87 8.09665L39.2467 16.4733C39.48 16.7066 39.8533 16.7066 40.0633 16.4733L46.1067 10.43C48.2533 8.28332 49.98 8.56332 50.82 8.88998C51.66 9.23998 53.06 10.2667 53.06 13.3233V35.7C53.0833 43.7033 47.6933 49.0933 39.6667 49.0933ZM6.55666 12.2266C6.48666 12.4133 6.41666 12.7633 6.41666 13.3233V35.7C6.41666 41.16 10.8733 45.6166 16.3333 45.6166H39.6667C45.6867 45.6166 49.5833 41.72 49.5833 35.7V13.3233C49.5833 12.7633 49.5133 12.4367 49.4433 12.25C49.2567 12.3433 48.9767 12.53 48.58 12.9267L42.5367 18.97C40.9967 20.51 38.29 20.51 36.7733 18.97L28.3967 10.5933C28.1633 10.36 27.79 10.36 27.58 10.5933L19.2267 18.9466C17.6867 20.4866 14.98 20.4866 13.4633 18.9466L7.41999 12.9033C7.02332 12.5067 6.71999 12.32 6.55666 12.2266Z" fill="#203C6C"/>
</svg>
<span className="text-n-1 text-3xl pt-4 pr-5 z-10 font-bold">سرعت </span>
<span className="text-gray-400 text-2xl pr-5 z-10">امکان ارسال اکسپرس</span>
</div>
)
}

14
components/DiscountedPrices.js Executable file
View File

@@ -0,0 +1,14 @@
export default function DiscountedPrices({price, discounted}){
return (
<div className="flex flex-col items-center">
<div className="flex items-center text-gray-500 line-through">
<span className="text-xl pl-2">{discounted}</span>
<span className="text-xl">تومان</span>
</div>
<div className="flex items-center">
<span className="text-2xl font-bold pl-2">{price}</span>
<span className="text-xl">تومان</span>
</div>
</div>
);
}

124
components/Footer.js Executable file
View File

@@ -0,0 +1,124 @@
import Crown from '@/components/Crown'
export function RMGPSVG (){
return (
<div className="flex">
<svg width="16" height="14" fill="none">
<path fill="#71717A" d="M8.196 0c.192 0 .342.115.404.318.196.642.38 1.287.588 1.925.646 1.986 2.042 3.261 4.16 3.842.647.177 1.296.347 1.944.522.249.067.367.189.372.371.004.187-.12.317-.376.387-.753.204-1.516.38-2.258.616-2 .636-3.282 1.93-3.871 3.831-.192.62-.375 1.24-.564 1.86-.09.296-.383.415-.62.26-.11-.07-.149-.178-.183-.29-.205-.676-.393-1.356-.622-2.024-.648-1.888-1.992-3.122-4.012-3.7-.685-.196-1.377-.371-2.066-.557-.238-.064-.364-.196-.361-.38.002-.183.126-.308.368-.374.818-.222 1.652-.402 2.45-.678 1.902-.658 3.12-1.937 3.685-3.765.19-.613.373-1.229.56-1.843.063-.205.209-.32.402-.321Z"/>
</svg>
<svg className="mx-4" width="128" height="10" fill="none">
<path fill="#FAFAFA" d="M29.077 1.754v4.888h-17.76V.015h1.469v5.078h3.543V1.74h1.503V5.1h2.24V1.75h1.51v3.331h2.248v-3.34h1.48v3.333h2.275v-3.32h1.494-.002ZM8.347 0h1.464c.013.163.037.319.037.474.002 1.776.008 3.554 0 5.33-.01 1.898-1.186 3.501-2.918 4.009-1.744.51-3.529-.218-4.515-1.85-.421-.696-.578-1.468-.577-2.281 0-1.125-.02-2.25.01-3.372.013-.492-.114-.864-.464-1.202C1.058.794.782.423.418.001H3.32c.01.213.03.424.03.633.003 1.74-.017 3.481.01 5.22.021 1.362.864 2.325 2.158 2.546 1.095.188 2.24-.497 2.638-1.622.123-.349.18-.738.184-1.112.018-1.686.008-3.372.008-5.058V0ZM35.02 5.091h3.08V2.858h1.474v3.785H33.58V.001h1.44v5.09Z"/>
<path fill="#FAFAFA" d="M27.009 8.437h3.525V.01h1.504c.01.216.025.41.025.604.002 2.9-.015 5.802.016 8.703.005.574-.17.697-.688.682a75.867 75.867 0 0 0-3.86-.001c-.43.008-.563-.144-.525-.562.027-.301.005-.608.005-.998l-.002-.001Zm-12.297.058v1.477h-3.358V8.495h3.358Zm18.973-.034h3.127c.066 0 .133.018.227.032V9.98h-3.353V8.46l-.001.001ZM4.99 1.474V.007h1.762v1.467H4.99ZM37.808 9.98V8.489h1.77v1.49h-1.77Zm24.276-1.514c.02-.32.049-.57.049-.821.003-2.314-.003-4.625.01-6.939 0-.214.077-.597.172-.614.37-.069.761-.04 1.14.003.052.006.1.286.102.44.008 1.384.02 2.77-.003 4.153-.007.44.112.614.583.601a57.724 57.724 0 0 1 3.14 0c.448.012.559-.16.553-.574-.02-1.366.009-2.732-.016-4.096-.008-.442.115-.657.583-.588.054.007.11 0 .164 0 .484 0 .726.234.726.702 0 1.347.01 2.695-.006 4.042-.004.372.11.517.5.511a80.396 80.396 0 0 1 3.25.002c.433.01.521-.168.515-.552-.017-1.384.01-2.769-.016-4.15-.007-.425.113-.567.553-.564 2.993.016 5.986.014 8.978 0 .4-.002.548.106.545.522-.018 2.168.007 4.333-.015 6.5-.016 1.59-1.179 2.775-2.745 2.863-1.502.083-2.776-1.007-2.986-2.559-.23-1.68 1.501-3.298 3.216-3.003.322.055.64.144 1.048.238 0-.985.009-1.94-.015-2.893-.003-.092-.213-.255-.328-.255-2.13-.016-4.26-.01-6.39-.015-.376 0-.39.234-.39.51.002 1.329 0 2.659 0 3.987 0 .504-.248.756-.744.757H64.29c-.727 0-.727.004-.729.723 0 .691-.011 1.383.005 2.075.007.322-.09.454-.436.45a149.869 149.869 0 0 0-3.8 0c-.356.004-.512-.117-.484-.47a2.272 2.272 0 0 0-.002-.437c-.048-.433.143-.572.571-.559.876.026 1.753.007 2.67.007v.003Zm18.62-.011c.83.004 1.418-.545 1.426-1.33.007-.791-.573-1.357-1.394-1.362-.832-.004-1.419.542-1.425 1.33-.007.794.57 1.357 1.392 1.363v-.001ZM45.927 5.454v3.564c0 .88-.363 1.151-1.233.883-.105-.032-.221-.232-.221-.356-.01-2.293-.062-4.587.016-6.879.056-1.637 1.348-2.685 3.032-2.637 1.478.042 2.632 1.224 2.689 2.78.025.673.018 1.347.004 2.02-.005.321.108.457.445.454 1.597-.01 3.192-.012 4.789 0 .374.003.465-.16.464-.496-.01-1.384.019-2.767-.015-4.15-.013-.537.281-.538.655-.522.37.016.783-.11.774.527a245.981 245.981 0 0 0-.003 5.514c.003.416-.17.525-.56.524-2.494-.012-4.99-.013-7.485 0-.407.003-.574-.126-.53-.534.027-.25.005-.504.005-.695h-2.827l.001.003Zm1.43-4.036c-.784-.01-1.414.587-1.424 1.347-.012.772.578 1.38 1.364 1.406.798.028 1.454-.593 1.454-1.375 0-.763-.612-1.369-1.395-1.378ZM59.694 0c.281.045.764.026.803.149.118.362.077.78.055 1.173-.003.066-.212.162-.333.174-.29.026-.587-.018-.875.016-.468.053-.595-.139-.577-.582.04-1.03-.108-.872.925-.93h.002Zm-4.186 9.92c-.367 0-.736-.034-1.097.007-.507.059-.656-.157-.593-.619.023-.16-.04-.344.018-.484.059-.143.214-.347.331-.35.914-.03 1.83-.01 2.745-.02.297-.005.362.13.375.395.055 1.072.064 1.071-1.008 1.071h-.771Z"/>
<path fill="#FAFAFA" d="M66.186 9.92c-.182 0-.366.01-.549-.003-.285-.02-.781.011-.815-.095-.116-.364-.085-.78-.069-1.172.003-.069.21-.181.325-.184a37.926 37.926 0 0 1 2.305.007c.125.005.331.203.346.332.134 1.115.124 1.116-.995 1.116h-.549l.001-.001Zm5.011-8.414c-.146 0-.293-.01-.439.002-.303.026-.423-.092-.419-.403.02-1.318-.12-1.038 1.013-1.055.256-.005.71.035.733.133.086.376.047.785.026 1.18-.003.051-.165.126-.258.133-.217.02-.438.006-.656.006v.004Zm49.892 8.432c-.193.02-.336.048-.477.048-3.808.003-7.618 0-11.426.007-.357 0-.526-.07-.523-.477.015-3.041.009-6.082.01-9.123 0-.105.021-.21.036-.346h1.525v.62c0 2.426.003 4.852-.004 7.276 0 .31.026.508.43.507 2.838-.013 5.677-.008 8.515-.01.106 0 .211-.034.332-.054V6.768c-.997-.225-1.838-.69-2.395-1.573-1.371-2.175.09-5.004 2.68-5.172 1.173-.077 2.318.004 3.244.847.985.895 1.364 2.01 1.062 3.294-.309 1.307-1.163 2.138-2.476 2.5-.158.044-.318.084-.533.14v3.134Zm.014-4.785c.988-.145 1.588-.911 1.518-1.918-.059-.849-.733-1.54-1.518-1.544v3.462Zm-1.577-3.478c-.902.261-1.448 1.009-1.389 1.827.06.82.646 1.497 1.389 1.574v-3.4Zm-13.947 3.872c-.628.04-1.216.165-1.78.098-1.488-.177-2.569-1.536-2.45-2.976.126-1.514 1.351-2.719 2.873-2.621.79.05 1.557-.01 2.335-.035.179-.006.358 0 .585 0 .014.24.033.432.033.624.001 2.91-.012 5.82.013 8.731.004.508-.153.64-.649.632a131.182 131.182 0 0 0-4.719 0c-.471.007-.682-.108-.621-.603.036-.281.006-.571.006-.94h4.374v-2.91Zm-1.32-3.99c-.755 0-1.335.547-1.349 1.27-.015.754.562 1.315 1.349 1.315.769 0 1.335-.53 1.346-1.26.012-.752-.569-1.327-1.346-1.325ZM93.638.058c.011.19.033.365.033.54.002 2.932-.009 5.863.012 8.792.003.477-.13.62-.617.61-1.334-.033-2.672-.01-4.008-.012-.179 0-.36-.016-.578-.026v-1.49h3.57v-6.89h-3.574V.059h5.162ZM98.29.045h1.528c.012.174.032.348.032.52.002 2.95-.007 5.899.01 8.849.004.448-.124.593-.585.584-1.39-.026-2.782-.02-4.173-.003-.38.005-.515-.111-.503-.496.035-1.264-.143-1.034 1.025-1.053.696-.012 1.391-.028 2.086.007.452.022.593-.118.59-.575-.022-2.388-.01-4.776-.01-7.164V.045Zm29.345 9.905h-5.146V8.454h3.61V.06h1.536v9.892-.001Z"/>
</svg>
<svg width="16" height="14" fill="none">
<path fill="#71717A" d="M8.196 0c.192 0 .342.115.404.318.196.642.38 1.287.588 1.925.646 1.986 2.042 3.261 4.16 3.842.647.177 1.296.347 1.944.522.249.067.367.189.372.371.004.187-.12.317-.376.387-.753.204-1.516.38-2.258.616-2 .636-3.282 1.93-3.871 3.831-.192.62-.375 1.24-.564 1.86-.09.296-.383.415-.62.26-.11-.07-.149-.178-.183-.29-.205-.676-.393-1.356-.622-2.024-.648-1.888-1.992-3.122-4.012-3.7-.685-.196-1.377-.371-2.066-.557-.238-.064-.364-.196-.361-.38.002-.183.126-.308.368-.374.818-.222 1.652-.402 2.45-.678 1.902-.658 3.12-1.937 3.685-3.765.19-.613.373-1.229.56-1.843.063-.205.209-.32.402-.321Z"/>
</svg>
<svg className="mx-4" width="72" height="8" fill="none">
<path fill="#FAFAFA" d="M17.34 4.547c.41.943.805 1.775 1.127 2.632.09.24.259.67-.264.768-.75.14-1.024.014-1.14-.512-.363-1.633-1.492-2.551-3.166-2.554-3.73-.007-7.463.009-11.193-.016-.544-.003-.698.176-.672.684.032.626 0 1.257.008 1.885.004.34-.095.516-.485.527-.978.029-.978.045-.978-.946 0-2.113.014-4.226-.009-6.339C.562.152.731-.002 1.254 0c4.872.018 9.745.01 14.618.012 1.286 0 2.208.622 2.553 1.702.34 1.057-.035 2.036-1.075 2.822a1.02 1.02 0 0 0-.012.01l.001.001ZM9.282 3.475h6.396c.944 0 1.412-.339 1.421-1.016.01-.684-.465-1.04-1.392-1.045H3.43c-1.406 0-1.386 0-1.398 1.387-.005.52.158.69.684.684 2.189-.024 4.378-.01 6.567-.01Zm23.442.467c1.042-1.178 2.058-2.237 2.963-3.384.576-.73 1.282-.498 1.974-.498.08 0 .228.245.23.378.015 2.285.012 4.568.01 6.853 0 .616-.476.393-.793.43-.367.044-.621-.032-.617-.503.015-1.523.005-3.045.005-4.568v-.611a6.284 6.284 0 0 0-.144-.072A8173.796 8173.796 0 0 0 32.73 6.06l-3.616-4.073c-.049.013-.096.029-.145.042v.591c0 1.504-.021 3.009.01 4.512.01.558-.26.614-.703.603-.426-.01-.774.019-.766-.6.027-2.169.021-4.34.003-6.51-.005-.486.193-.576.641-.614.795-.066 1.347.19 1.85.824.836 1.054 1.768 2.03 2.722 3.109l-.002-.001ZM44.775 1.59c0 1.292.026 2.544-.008 3.793-.032 1.217-.976 2.194-2.182 2.33-1.128.129-2.288-.622-2.59-1.715-.06-.214-.047-.566.085-.69.233-.216 1.108-.016 1.233.2.432.752.815.961 1.377.752.531-.198.742-.694.621-1.49-.442 0-.897.062-1.33-.013a2.309 2.309 0 0 1-1.911-2.463 2.359 2.359 0 0 1 2.275-2.15c.875-.022 1.75.007 2.625-.01.38-.008.649.058.597.52-.042.372.195.91-.525.886-.107-.003-.215.04-.267.05Zm-2.37 1.854c.487.014.947-.443.953-.95a.932.932 0 0 0-.875-.948c-.541-.029-.952.353-.966.899-.014.539.382.984.888.999ZM24.064 6.775c.415-.07.573.08.58.488.01.505-.3.466-.636.478-.353.012-.518-.091-.524-.478-.006-.462.215-.565.582-.49l-.002.002Zm24.261-.005c.398-.068.532.108.538.505.009.515-.32.448-.648.466-.365.02-.502-.114-.513-.487-.014-.483.255-.529.623-.483ZM61.885.003c2.417 0 4.835-.005 7.25.002 1.492.004 2.61 1.069 2.595 2.454-.015 1.366-1.117 2.403-2.583 2.406-4.416.006-8.83.013-13.247-.009-.562-.003-.733.17-.697.713.04.626-.01 1.257.012 1.883.02.594-.393.484-.742.492-.344.008-.695.064-.692-.483.014-2.321.014-4.644 0-6.966-.003-.483.268-.495.625-.495 2.493.006 4.987.003 7.48.005V.003Zm.564 3.462h1.084c1.865 0 3.728.007 5.592-.004.774-.005 1.211-.47 1.135-1.164-.065-.586-.475-.89-1.24-.89-4.146-.003-8.293-.001-12.437-.001-1.385 0-1.362 0-1.382 1.397-.008.533.17.68.687.675 2.187-.025 4.375-.011 6.56-.011v-.002Z"/>
</svg>
</div>
)
}
async function getData(id) {
const res = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/content/index/${id}`)
if (!res.ok) {
throw new Error('Failed to fetch data')
}
return res.json()
}
export default async function Footer({ lang }){
const data = await getData(lang === 'fa' ? 1 : 2);
return (
<div className="flex flex-col ">
<div className="h-14 bg-zinc-900 flex items-center wrapper w-full">
<div className="isolate w-full marquee flex">
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
</div>
</div>
<div className="h-full py-10 space-y-12 lg:space-y-0 justify-between items-center bg-zinc-800 flex flex-col lg:flex-row px-8 lg:px-28">
<div className='flex flex-col pr-'>
<div className='flex'>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_205_1259)">
<path d="M15.0726 31.9931C14.9787 31.9192 14.9173 31.8778 14.8642 31.8274C14.365 31.3594 13.7893 31.028 13.1376 30.8182C11.8833 30.4136 10.6097 30.0526 9.43958 29.4265C4.54034 26.8046 1.64442 22.7579 0.996899 17.2291C0.474323 12.7655 1.76316 8.78366 4.68876 5.3769C7.09592 2.57349 10.1589 0.82904 13.808 0.233289C18.603 -0.54885 22.9085 0.635058 26.6052 3.79468C29.546 6.30884 31.2856 9.53128 31.8406 13.3667C32.9265 20.8726 28.3628 28.0976 21.1178 30.3743C20.6166 30.5317 20.1175 30.698 19.6184 30.863C19.0192 31.0612 18.496 31.3863 18.0341 31.8143C17.9734 31.8702 17.9106 31.9234 17.8243 32C17.8015 31.913 17.778 31.8647 17.7787 31.8178C17.7987 30.8354 17.7594 29.8462 17.8574 28.8714C18.0079 27.3748 18.6837 26.0984 19.7889 25.0802C20.6829 24.2566 21.5983 23.4517 22.5482 22.6951C27.7159 18.5801 27.2003 10.5115 21.5382 7.09927C17.1146 4.43323 11.4367 5.5985 8.48486 9.77773C5.50058 14.0039 6.46704 19.7978 10.6242 22.9326C11.6797 23.7285 12.6634 24.6425 13.5739 25.6034C14.6205 26.708 15.063 28.11 15.103 29.6274C15.1216 30.326 15.1085 31.0253 15.1071 31.7239C15.1071 31.7977 15.0892 31.8709 15.0733 31.9931H15.0726Z" fill="#FAFAFA"/>
<path className="fill-red-400" d="M16.4351 22.6694C12.4326 22.6604 9.16181 19.4083 9.18321 15.4244C9.20461 11.3004 12.563 8.1339 16.5655 8.1767C20.4611 8.21812 23.7111 11.4965 23.7042 15.4382C23.6966 19.4242 20.4252 22.6791 16.4351 22.6694Z" fill="#FAFAFA"/>
</g>
<defs>
<clipPath id="clip0_205_1259">
<rect width="31.1166" height="32" fill="white" transform="translate(0.883301)"/>
</clipPath>
</defs>
</svg>
<span className='text-b-1 text-2xl pr-2 pb-2 font-[4]'>{ data.footerHead[0].body }</span>
</div>
<p className='text-n-1 font-[5] py-10 text-justify max-w-md'>
{ data.footerDesc[0].body }
</p>
<div className='flex'>
<span className='text-b-1 font-[4] pl-8'>{ data.footerFollow[0].body }</span>
<svg className='ml-4' width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1401 2.96004L7.11012 5.96004C1.04012 7.99004 1.04012 11.3 7.11012 13.32L9.79012 14.21L10.6801 16.89C12.7001 22.96 16.0201 22.96 18.0401 16.89L21.0501 7.87004C22.3901 3.82004 20.1901 1.61004 16.1401 2.96004ZM16.4601 8.34004L12.6601 12.16C12.5101 12.31 12.3201 12.38 12.1301 12.38C11.9401 12.38 11.7501 12.31 11.6001 12.16C11.3101 11.87 11.3101 11.39 11.6001 11.1L15.4001 7.28004C15.6901 6.99004 16.1701 6.99004 16.4601 7.28004C16.7501 7.57004 16.7501 8.05004 16.4601 8.34004Z" fill="#FAFAFA"/>
</svg>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 15.88C9.86 15.88 8.12 14.14 8.12 12C8.12 9.86 9.86 8.12 12 8.12C14.14 8.12 15.88 9.86 15.88 12C15.88 14.14 14.14 15.88 12 15.88ZM17.92 6.88C17.87 7 17.8 7.11 17.71 7.21C17.61 7.3 17.5 7.37 17.38 7.42C17.26 7.47 17.13 7.5 17 7.5C16.73 7.5 16.48 7.4 16.29 7.21C16.2 7.11 16.13 7 16.08 6.88C16.03 6.76 16 6.63 16 6.5C16 6.37 16.03 6.24 16.08 6.12C16.13 5.99 16.2 5.89 16.29 5.79C16.52 5.56 16.87 5.45 17.19 5.52C17.26 5.53 17.32 5.55 17.38 5.58C17.44 5.6 17.5 5.63 17.56 5.67C17.61 5.7 17.66 5.75 17.71 5.79C17.8 5.89 17.87 5.99 17.92 6.12C17.97 6.24 18 6.37 18 6.5C18 6.63 17.97 6.76 17.92 6.88Z" fill="#FAFAFA"/>
</svg>
</div>
</div>
<div className='flex'>
<div className='flex flex-col pl-20'>
<span className='font-[4] text-lg pb-6 text-b-1'>{ data.footerService[0].body }</span>
<span className='font-[5] text-n-1'> لیست خدمات</span>
<span className='font-[5] text-n-1'> لیست خدمات</span>
<span className='font-[5] text-n-1'> لیست خدمات</span>
<span className='font-[5] text-n-1'> لیست خدمات</span>
<span className='font-[5] text-n-1'> لیست خدمات</span>
</div>
<div className='flex flex-col'>
<span className='font-[4] text-lg pb-6 text-n-1'> { data.footerService[0].body }</span>
<span className='font-[5] text-n-1'> لیست محصولات</span>
<span className='font-[5] text-n-1'> لیست محصولات</span>
<span className='font-[5] text-n-1'> لیست محصولات</span>
<span className='font-[5] text-n-1'> لیست محصولات</span>
<span className='font-[5] text-n-1'> لیست محصولات</span>
</div>
</div>
<div className='flex flex-col text-white'>
<span className=' font-[4] text-xl pb-6'>{ data.footerContact[0].body }</span>
<div className='flex items-center font-[5]'>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.75 15.375H5.25C3 15.375 1.5 14.25 1.5 11.625V6.375C1.5 3.75 3 2.625 5.25 2.625H12.75C15 2.625 16.5 3.75 16.5 6.375V11.625C16.5 14.25 15 15.375 12.75 15.375Z" stroke="#FAFAFA" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path opacity="0.4" d="M12.75 6.75L10.4025 8.625C9.63 9.24 8.3625 9.24 7.59 8.625L5.25 6.75" stroke="#FAFAFA" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span className='pr-4'> { data.footerEmail[0].body } </span>
</div>
<div className='flex items-center py-2 font-[5]'>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.4775 13.7475C16.4775 14.0175 16.4175 14.295 16.29 14.565C16.1625 14.835 15.9975 15.09 15.78 15.33C15.4125 15.735 15.0075 16.0275 14.55 16.215C14.1 16.4025 13.6125 16.5 13.0875 16.5C12.3225 16.5 11.505 16.32 10.6425 15.9525C9.78 15.585 8.9175 15.09 8.0625 14.4675C7.2 13.8375 6.3825 13.14 5.6025 12.3675C4.83 11.5875 4.1325 10.77 3.51 9.915C2.895 9.06 2.4 8.205 2.04 7.3575C1.68 6.5025 1.5 5.685 1.5 4.905C1.5 4.395 1.59 3.9075 1.77 3.4575C1.95 3 2.235 2.58 2.6325 2.205C3.1125 1.7325 3.6375 1.5 4.1925 1.5C4.4025 1.5 4.6125 1.545 4.8 1.635C4.995 1.725 5.1675 1.86 5.3025 2.055L7.0425 4.5075C7.1775 4.695 7.275 4.8675 7.3425 5.0325C7.41 5.19 7.4475 5.3475 7.4475 5.49C7.4475 5.67 7.395 5.85 7.29 6.0225C7.1925 6.195 7.05 6.375 6.87 6.555L6.3 7.1475C6.2175 7.23 6.18 7.3275 6.18 7.4475C6.18 7.5075 6.1875 7.56 6.2025 7.62C6.225 7.68 6.2475 7.725 6.2625 7.77C6.3975 8.0175 6.63 8.34 6.96 8.73C7.2975 9.12 7.6575 9.5175 8.0475 9.915C8.4525 10.3125 8.8425 10.68 9.24 11.0175C9.63 11.3475 9.9525 11.5725 10.2075 11.7075C10.245 11.7225 10.29 11.745 10.3425 11.7675C10.4025 11.79 10.4625 11.7975 10.53 11.7975C10.6575 11.7975 10.755 11.7525 10.8375 11.67L11.4075 11.1075C11.595 10.92 11.775 10.7775 11.9475 10.6875C12.12 10.5825 12.2925 10.53 12.48 10.53C12.6225 10.53 12.7725 10.56 12.9375 10.6275C13.1025 10.695 13.275 10.7925 13.4625 10.92L15.945 12.6825C16.14 12.8175 16.275 12.975 16.3575 13.1625C16.4325 13.35 16.4775 13.5375 16.4775 13.7475Z" stroke="#FAFAFA" stroke-width="1.5" stroke-miterlimit="10"/>
</svg>
<span className='pr-4'> { data.footerPhone[0].body } </span>
</div>
<div className='flex items-center font-[5]'>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M9.00016 10.0726C10.2925 10.0726 11.3402 9.02492 11.3402 7.73258C11.3402 6.44023 10.2925 5.39258 9.00016 5.39258C7.70781 5.39258 6.66016 6.44023 6.66016 7.73258C6.66016 9.02492 7.70781 10.0726 9.00016 10.0726Z" stroke="#FAFAFA" stroke-width="1.5"/>
<path d="M2.71478 6.3675C4.19228 -0.127498 13.8148 -0.119998 15.2848 6.375C16.1473 10.185 13.7773 13.41 11.6998 15.405C10.1923 16.86 7.80728 16.86 6.29228 15.405C4.22228 13.41 1.85228 10.1775 2.71478 6.3675Z" stroke="#FAFAFA" stroke-width="1.5"/>
</svg>
<span className='pr-4'>{ data.footerAddress[0].body }</span>
</div>
</div>
</div>
</div>
)
}

48
components/Header.js Executable file
View File

@@ -0,0 +1,48 @@
import Link from 'next/link';
export default function Header(){
return (
<div className="grid grid-cols-3 px-8 lg:px-32 items-center h-[104px] text-sm lg:text-md">
<button>
<div className="flex font-[5] text-lg justify-self-start">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.5385 7.75H10.4615C10.2092 7.75 10 7.41 10 7C10 6.59 10.2092 6.25 10.4615 6.25H21.5385C21.7908 6.25 22 6.59 22 7C22 7.41 21.7908 7.75 21.5385 7.75Z" fill="#18181B"/>
<path d="M21 12.75H3C2.59 12.75 2.25 12.41 2.25 12C2.25 11.59 2.59 11.25 3 11.25H21C21.41 11.25 21.75 11.59 21.75 12C21.75 12.41 21.41 12.75 21 12.75Z" fill="#18181B"/>
<path d="M13.5385 17.75H2.46154C2.20923 17.75 2 17.41 2 17C2 16.59 2.20923 16.25 2.46154 16.25H13.5385C13.7908 16.25 14 16.59 14 17C14 17.41 13.7908 17.75 13.5385 17.75Z" fill="#18181B"/>
</svg>
<span className="pr-1 hidden md:flex"> منو</span>
</div>
</button>
<Link href="/" className="justify-self-center">
<svg width="56" height="72" viewBox="0 0 56 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_213_1191)">
<path d="M25.6219 57.416C25.4534 57.2834 25.3432 57.2091 25.2478 57.1187C24.3521 56.2787 23.3188 55.684 22.1493 55.3074C19.8983 54.5814 17.6125 53.9335 15.5126 52.8098C6.72028 48.1045 1.52317 40.8422 0.361095 30.92C-0.57674 22.9094 1.73625 15.7635 6.98664 9.64959C11.3066 4.61848 16.8036 1.48782 23.3523 0.418668C31.9576 -0.984987 39.6845 1.1397 46.3187 6.81007C51.5963 11.3221 54.7183 17.1052 55.7144 23.9884C57.6632 37.4588 49.4729 50.425 36.4708 54.5108C35.5714 54.7933 34.6757 55.0918 33.78 55.3879C32.7046 55.7435 31.7655 56.327 30.9367 57.0951C30.8277 57.1955 30.715 57.2909 30.5601 57.4284C30.5192 57.2723 30.4771 57.1856 30.4783 57.1013C30.5143 55.3384 30.4437 53.5631 30.6196 51.8138C30.8897 49.1279 32.1025 46.8372 34.086 45.0098C35.6903 43.5318 37.3331 42.0873 39.0378 40.7295C48.3121 33.3445 47.3866 18.8644 37.2253 12.7406C29.2865 7.95604 19.0967 10.0473 13.7993 17.5475C8.44357 25.1319 10.178 35.5299 17.6386 41.1556C19.5328 42.5841 21.2982 44.2244 22.9323 45.9489C24.8105 47.9311 25.6046 50.4473 25.6764 53.1703C25.7099 54.4241 25.6863 55.6791 25.6839 56.9328C25.6839 57.0654 25.6517 57.1967 25.6232 57.416H25.6219Z" fill="#18181B"/>
<path className="fill-red-700" d="M28.0664 40.6827C20.8834 40.6666 15.0135 34.8303 15.0519 27.6807C15.0904 20.2796 21.1175 14.5968 28.3006 14.6736C35.2916 14.748 41.1242 20.6314 41.1118 27.7054C41.0982 34.8587 35.2272 40.7001 28.0664 40.6827Z" fill="#18181B"/>
<path d="M14.2574 69.1917C14.5919 69.9586 14.9128 70.635 15.1742 71.3325C15.2473 71.527 15.3848 71.8776 14.9599 71.9569C14.3503 72.0709 14.1273 71.9681 14.0319 71.5406C13.7371 70.2126 12.8191 69.4655 11.4575 69.463C8.42352 69.4581 5.38825 69.4705 2.35423 69.4507C1.91195 69.4482 1.78682 69.5931 1.80788 70.0069C1.8339 70.5161 1.80788 71.029 1.81408 71.5394C1.81779 71.8169 1.73727 71.9594 1.42011 71.9681C0.624749 71.9916 0.624749 72.0052 0.624749 71.1987C0.624749 69.4804 0.635899 67.7621 0.617316 66.0437C0.61236 65.6176 0.749877 65.4924 1.17481 65.4937C5.138 65.5085 9.10119 65.5011 13.0644 65.5036C14.11 65.5036 14.8595 66.009 15.1407 66.8874C15.417 67.7472 15.1122 68.5438 14.2661 69.1831C14.2289 69.2103 14.1942 69.2413 14.2562 69.1905L14.2574 69.1917ZM7.70497 68.3196C8.40122 68.3196 9.09871 68.3196 9.79496 68.3196C10.8319 68.3196 11.8701 68.3196 12.907 68.3196C13.6751 68.3196 14.0555 68.0445 14.0629 67.4932C14.0703 66.937 13.6851 66.6471 12.9306 66.6433C12.7757 66.6433 12.6209 66.6433 12.466 66.6433C9.29197 66.6433 6.11796 66.6433 2.94518 66.6433C1.80169 66.6433 1.81779 66.6433 1.80788 67.772C1.80417 68.1944 1.93673 68.3332 2.36414 68.3282C4.14442 68.3084 5.92469 68.3196 7.70497 68.3196Z" fill="#18181B"/>
<path d="M47.5191 65.5035C49.4852 65.5035 51.4513 65.4997 53.4162 65.5047C54.6291 65.5084 55.5384 66.3744 55.526 67.5005C55.5136 68.6118 54.6179 69.4555 53.4249 69.458C49.8333 69.4629 46.2431 69.4679 42.6515 69.4505C42.1944 69.4481 42.0556 69.5893 42.0841 70.0303C42.1163 70.5395 42.0767 71.0524 42.094 71.5616C42.1101 72.0448 41.7744 71.9556 41.4907 71.9617C41.2107 71.9679 40.9258 72.0138 40.9282 71.569C40.9394 69.681 40.9394 67.7917 40.9282 65.9036C40.9258 65.5109 41.1463 65.501 41.4362 65.501C43.4642 65.5059 45.4923 65.5035 47.5191 65.5047V65.5035ZM47.9775 68.3194C48.2711 68.3194 48.5647 68.3194 48.8596 68.3194C50.376 68.3194 51.8911 68.3244 53.4075 68.3157C54.0369 68.312 54.3924 67.9329 54.3305 67.3692C54.2772 66.8922 53.944 66.6457 53.322 66.6457C49.9498 66.6432 46.5776 66.6445 43.2066 66.6445C42.0804 66.6445 42.099 66.6445 42.0829 67.7805C42.0767 68.2141 42.2216 68.3331 42.6416 68.3293C44.4207 68.3095 46.1997 68.3207 47.9775 68.3207V68.3194Z" fill="#18181B"/>
<path d="M24.9478 68.8802C25.7952 67.9226 26.6216 67.0615 27.3575 66.1287C27.8258 65.5352 28.4006 65.7235 28.963 65.7235C29.0287 65.7235 29.1489 65.923 29.1501 66.0308C29.1625 67.8891 29.16 69.7462 29.1588 71.6045C29.1588 72.105 28.771 71.9241 28.5133 71.9539C28.2148 71.9898 28.0079 71.9279 28.0116 71.5451C28.024 70.3062 28.0153 69.0685 28.0153 67.8296C28.0153 67.6636 28.0153 67.4976 28.0153 67.3328C27.9769 67.313 27.9373 67.2932 27.8988 67.2746C26.935 68.3624 25.9724 69.4501 24.9528 70.6023C23.9456 69.4674 22.9792 68.3785 22.0117 67.2895C21.972 67.3006 21.9336 67.313 21.894 67.3242C21.894 67.484 21.894 67.645 21.894 67.8049C21.894 69.0276 21.8766 70.2517 21.9014 71.4744C21.9101 71.9279 21.6908 71.9737 21.3303 71.965C20.9834 71.9564 20.7009 71.9799 20.7071 71.4769C20.7294 69.7127 20.7245 67.9473 20.7096 66.1819C20.7059 65.7867 20.8669 65.7136 21.2312 65.6827C21.8779 65.6294 22.3264 65.8375 22.7352 66.3529C23.4153 67.2102 24.1735 68.0043 24.9491 68.8815L24.9478 68.8802Z" fill="#18181B"/>
<path d="M34.7488 66.9679C34.7488 68.0185 34.7699 69.0368 34.7426 70.0527C34.7166 71.0426 33.9485 71.8367 32.9673 71.9482C32.0505 72.0523 31.1065 71.4415 30.8612 70.5532C30.8129 70.3786 30.8228 70.0924 30.9306 69.992C31.1201 69.8161 31.8313 69.9784 31.9328 70.1543C32.2847 70.7663 32.5956 70.9361 33.0528 70.7663C33.4852 70.6053 33.6561 70.2014 33.5583 69.5535C33.199 69.5535 32.8286 69.6043 32.4767 69.5435C31.5054 69.3775 30.8463 68.5004 30.9219 67.5403C30.9962 66.59 31.8003 65.8182 32.7728 65.7922C33.4839 65.7736 34.1963 65.7972 34.9074 65.7835C35.2159 65.7773 35.4352 65.8306 35.393 66.206C35.3584 66.5095 35.5516 66.9468 34.9656 66.927C34.8789 66.9245 34.7909 66.9592 34.7488 66.9679ZM32.8211 68.4756C33.2176 68.4868 33.5917 68.1151 33.5967 67.7026C33.6016 67.2937 33.2882 66.9543 32.8843 66.932C32.4445 66.9084 32.11 67.2194 32.0988 67.6629C32.0877 68.1015 32.4098 68.4632 32.8211 68.4756Z" fill="#18181B"/>
<path d="M17.9047 71.1848C18.2417 71.1278 18.3706 71.2492 18.3767 71.5812C18.3842 71.9925 18.1327 71.9603 17.8589 71.9702C17.5715 71.9801 17.4377 71.8959 17.4327 71.5812C17.4278 71.2058 17.6074 71.1216 17.906 71.1835L17.9047 71.1848Z" fill="#18181B"/>
<path d="M37.6365 71.1815C37.9599 71.1257 38.0689 71.2682 38.0738 71.5916C38.0813 72.0103 37.8137 71.9558 37.5473 71.9707C37.25 71.9868 37.1385 71.8777 37.1298 71.5742C37.1187 71.1815 37.3367 71.1443 37.6365 71.1815Z" fill="#18181B"/>
</g>
<defs>
<clipPath id="clip0_213_1191">
<rect width="56" height="72" fill="white"/>
</clipPath>
</defs>
</svg>
</Link>
<div className="text-sm lg:text-lg flex justify-self-end">
<Link href="/en" >
English
</Link>
<span className="sm:mx-2">/</span>
<Link href="/fa">
فارسی
</Link>
</div>
</div>
)
}

8
components/HeaderSearchIcon.js Executable file
View File

@@ -0,0 +1,8 @@
export default function HeaderSearchIcon({color}){
return(
<svg className="ml-4" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5 29.25C14.1261 29.25 9.75 24.8739 9.75 19.5C9.75 14.1261 14.1261 9.75 19.5 9.75C24.8739 9.75 29.25 14.1261 29.25 19.5C29.25 24.8739 24.8739 29.25 19.5 29.25ZM19.5 10.25C14.3935 10.25 10.25 14.4042 10.25 19.5C10.25 24.5958 14.3935 28.75 19.5 28.75C24.6065 28.75 28.75 24.5958 28.75 19.5C28.75 14.4042 24.6065 10.25 19.5 10.25Z" fill={color} stroke={color}/>
<path d="M30 30.2499C29.9355 30.2499 29.8748 30.2277 29.8236 30.1764L27.8236 28.1764C27.7288 28.0817 27.7288 27.9182 27.8236 27.8235C27.9183 27.7288 28.0817 27.7288 28.1765 27.8235L30.1765 29.8235C30.2712 29.9182 30.2712 30.0817 30.1765 30.1764C30.1252 30.2277 30.0646 30.2499 30 30.2499Z" fill={color} stroke={color}/>
</svg>
)
}

8
components/HeaderUserIcon.js Executable file
View File

File diff suppressed because one or more lines are too long

117
components/Hero.js Executable file
View File

@@ -0,0 +1,117 @@
import Image from 'next/image'
import bg from '../public/bg.webp'
import MG from '@/components/MG'
export function RMGPSVG (){
return (
<div className="flex">
<svg width="16" height="14" fill="none">
<path fill="#71717A" d="M8.196 0c.192 0 .342.115.404.318.196.642.38 1.287.588 1.925.646 1.986 2.042 3.261 4.16 3.842.647.177 1.296.347 1.944.522.249.067.367.189.372.371.004.187-.12.317-.376.387-.753.204-1.516.38-2.258.616-2 .636-3.282 1.93-3.871 3.831-.192.62-.375 1.24-.564 1.86-.09.296-.383.415-.62.26-.11-.07-.149-.178-.183-.29-.205-.676-.393-1.356-.622-2.024-.648-1.888-1.992-3.122-4.012-3.7-.685-.196-1.377-.371-2.066-.557-.238-.064-.364-.196-.361-.38.002-.183.126-.308.368-.374.818-.222 1.652-.402 2.45-.678 1.902-.658 3.12-1.937 3.685-3.765.19-.613.373-1.229.56-1.843.063-.205.209-.32.402-.321Z"/>
</svg>
<svg className="mx-4" width="128" height="10" fill="none">
<path fill="black" d="M29.077 1.754v4.888h-17.76V.015h1.469v5.078h3.543V1.74h1.503V5.1h2.24V1.75h1.51v3.331h2.248v-3.34h1.48v3.333h2.275v-3.32h1.494-.002ZM8.347 0h1.464c.013.163.037.319.037.474.002 1.776.008 3.554 0 5.33-.01 1.898-1.186 3.501-2.918 4.009-1.744.51-3.529-.218-4.515-1.85-.421-.696-.578-1.468-.577-2.281 0-1.125-.02-2.25.01-3.372.013-.492-.114-.864-.464-1.202C1.058.794.782.423.418.001H3.32c.01.213.03.424.03.633.003 1.74-.017 3.481.01 5.22.021 1.362.864 2.325 2.158 2.546 1.095.188 2.24-.497 2.638-1.622.123-.349.18-.738.184-1.112.018-1.686.008-3.372.008-5.058V0ZM35.02 5.091h3.08V2.858h1.474v3.785H33.58V.001h1.44v5.09Z"/>
<path fill="black" d="M27.009 8.437h3.525V.01h1.504c.01.216.025.41.025.604.002 2.9-.015 5.802.016 8.703.005.574-.17.697-.688.682a75.867 75.867 0 0 0-3.86-.001c-.43.008-.563-.144-.525-.562.027-.301.005-.608.005-.998l-.002-.001Zm-12.297.058v1.477h-3.358V8.495h3.358Zm18.973-.034h3.127c.066 0 .133.018.227.032V9.98h-3.353V8.46l-.001.001ZM4.99 1.474V.007h1.762v1.467H4.99ZM37.808 9.98V8.489h1.77v1.49h-1.77Zm24.276-1.514c.02-.32.049-.57.049-.821.003-2.314-.003-4.625.01-6.939 0-.214.077-.597.172-.614.37-.069.761-.04 1.14.003.052.006.1.286.102.44.008 1.384.02 2.77-.003 4.153-.007.44.112.614.583.601a57.724 57.724 0 0 1 3.14 0c.448.012.559-.16.553-.574-.02-1.366.009-2.732-.016-4.096-.008-.442.115-.657.583-.588.054.007.11 0 .164 0 .484 0 .726.234.726.702 0 1.347.01 2.695-.006 4.042-.004.372.11.517.5.511a80.396 80.396 0 0 1 3.25.002c.433.01.521-.168.515-.552-.017-1.384.01-2.769-.016-4.15-.007-.425.113-.567.553-.564 2.993.016 5.986.014 8.978 0 .4-.002.548.106.545.522-.018 2.168.007 4.333-.015 6.5-.016 1.59-1.179 2.775-2.745 2.863-1.502.083-2.776-1.007-2.986-2.559-.23-1.68 1.501-3.298 3.216-3.003.322.055.64.144 1.048.238 0-.985.009-1.94-.015-2.893-.003-.092-.213-.255-.328-.255-2.13-.016-4.26-.01-6.39-.015-.376 0-.39.234-.39.51.002 1.329 0 2.659 0 3.987 0 .504-.248.756-.744.757H64.29c-.727 0-.727.004-.729.723 0 .691-.011 1.383.005 2.075.007.322-.09.454-.436.45a149.869 149.869 0 0 0-3.8 0c-.356.004-.512-.117-.484-.47a2.272 2.272 0 0 0-.002-.437c-.048-.433.143-.572.571-.559.876.026 1.753.007 2.67.007v.003Zm18.62-.011c.83.004 1.418-.545 1.426-1.33.007-.791-.573-1.357-1.394-1.362-.832-.004-1.419.542-1.425 1.33-.007.794.57 1.357 1.392 1.363v-.001ZM45.927 5.454v3.564c0 .88-.363 1.151-1.233.883-.105-.032-.221-.232-.221-.356-.01-2.293-.062-4.587.016-6.879.056-1.637 1.348-2.685 3.032-2.637 1.478.042 2.632 1.224 2.689 2.78.025.673.018 1.347.004 2.02-.005.321.108.457.445.454 1.597-.01 3.192-.012 4.789 0 .374.003.465-.16.464-.496-.01-1.384.019-2.767-.015-4.15-.013-.537.281-.538.655-.522.37.016.783-.11.774.527a245.981 245.981 0 0 0-.003 5.514c.003.416-.17.525-.56.524-2.494-.012-4.99-.013-7.485 0-.407.003-.574-.126-.53-.534.027-.25.005-.504.005-.695h-2.827l.001.003Zm1.43-4.036c-.784-.01-1.414.587-1.424 1.347-.012.772.578 1.38 1.364 1.406.798.028 1.454-.593 1.454-1.375 0-.763-.612-1.369-1.395-1.378ZM59.694 0c.281.045.764.026.803.149.118.362.077.78.055 1.173-.003.066-.212.162-.333.174-.29.026-.587-.018-.875.016-.468.053-.595-.139-.577-.582.04-1.03-.108-.872.925-.93h.002Zm-4.186 9.92c-.367 0-.736-.034-1.097.007-.507.059-.656-.157-.593-.619.023-.16-.04-.344.018-.484.059-.143.214-.347.331-.35.914-.03 1.83-.01 2.745-.02.297-.005.362.13.375.395.055 1.072.064 1.071-1.008 1.071h-.771Z"/>
<path fill="black" d="M66.186 9.92c-.182 0-.366.01-.549-.003-.285-.02-.781.011-.815-.095-.116-.364-.085-.78-.069-1.172.003-.069.21-.181.325-.184a37.926 37.926 0 0 1 2.305.007c.125.005.331.203.346.332.134 1.115.124 1.116-.995 1.116h-.549l.001-.001Zm5.011-8.414c-.146 0-.293-.01-.439.002-.303.026-.423-.092-.419-.403.02-1.318-.12-1.038 1.013-1.055.256-.005.71.035.733.133.086.376.047.785.026 1.18-.003.051-.165.126-.258.133-.217.02-.438.006-.656.006v.004Zm49.892 8.432c-.193.02-.336.048-.477.048-3.808.003-7.618 0-11.426.007-.357 0-.526-.07-.523-.477.015-3.041.009-6.082.01-9.123 0-.105.021-.21.036-.346h1.525v.62c0 2.426.003 4.852-.004 7.276 0 .31.026.508.43.507 2.838-.013 5.677-.008 8.515-.01.106 0 .211-.034.332-.054V6.768c-.997-.225-1.838-.69-2.395-1.573-1.371-2.175.09-5.004 2.68-5.172 1.173-.077 2.318.004 3.244.847.985.895 1.364 2.01 1.062 3.294-.309 1.307-1.163 2.138-2.476 2.5-.158.044-.318.084-.533.14v3.134Zm.014-4.785c.988-.145 1.588-.911 1.518-1.918-.059-.849-.733-1.54-1.518-1.544v3.462Zm-1.577-3.478c-.902.261-1.448 1.009-1.389 1.827.06.82.646 1.497 1.389 1.574v-3.4Zm-13.947 3.872c-.628.04-1.216.165-1.78.098-1.488-.177-2.569-1.536-2.45-2.976.126-1.514 1.351-2.719 2.873-2.621.79.05 1.557-.01 2.335-.035.179-.006.358 0 .585 0 .014.24.033.432.033.624.001 2.91-.012 5.82.013 8.731.004.508-.153.64-.649.632a131.182 131.182 0 0 0-4.719 0c-.471.007-.682-.108-.621-.603.036-.281.006-.571.006-.94h4.374v-2.91Zm-1.32-3.99c-.755 0-1.335.547-1.349 1.27-.015.754.562 1.315 1.349 1.315.769 0 1.335-.53 1.346-1.26.012-.752-.569-1.327-1.346-1.325ZM93.638.058c.011.19.033.365.033.54.002 2.932-.009 5.863.012 8.792.003.477-.13.62-.617.61-1.334-.033-2.672-.01-4.008-.012-.179 0-.36-.016-.578-.026v-1.49h3.57v-6.89h-3.574V.059h5.162ZM98.29.045h1.528c.012.174.032.348.032.52.002 2.95-.007 5.899.01 8.849.004.448-.124.593-.585.584-1.39-.026-2.782-.02-4.173-.003-.38.005-.515-.111-.503-.496.035-1.264-.143-1.034 1.025-1.053.696-.012 1.391-.028 2.086.007.452.022.593-.118.59-.575-.022-2.388-.01-4.776-.01-7.164V.045Zm29.345 9.905h-5.146V8.454h3.61V.06h1.536v9.892-.001Z"/>
</svg>
<svg width="16" height="14" fill="none">
<path fill="#71717A" d="M8.196 0c.192 0 .342.115.404.318.196.642.38 1.287.588 1.925.646 1.986 2.042 3.261 4.16 3.842.647.177 1.296.347 1.944.522.249.067.367.189.372.371.004.187-.12.317-.376.387-.753.204-1.516.38-2.258.616-2 .636-3.282 1.93-3.871 3.831-.192.62-.375 1.24-.564 1.86-.09.296-.383.415-.62.26-.11-.07-.149-.178-.183-.29-.205-.676-.393-1.356-.622-2.024-.648-1.888-1.992-3.122-4.012-3.7-.685-.196-1.377-.371-2.066-.557-.238-.064-.364-.196-.361-.38.002-.183.126-.308.368-.374.818-.222 1.652-.402 2.45-.678 1.902-.658 3.12-1.937 3.685-3.765.19-.613.373-1.229.56-1.843.063-.205.209-.32.402-.321Z"/>
</svg>
<svg className="mx-4" width="72" height="8" fill="none">
<path fill="black" d="M17.34 4.547c.41.943.805 1.775 1.127 2.632.09.24.259.67-.264.768-.75.14-1.024.014-1.14-.512-.363-1.633-1.492-2.551-3.166-2.554-3.73-.007-7.463.009-11.193-.016-.544-.003-.698.176-.672.684.032.626 0 1.257.008 1.885.004.34-.095.516-.485.527-.978.029-.978.045-.978-.946 0-2.113.014-4.226-.009-6.339C.562.152.731-.002 1.254 0c4.872.018 9.745.01 14.618.012 1.286 0 2.208.622 2.553 1.702.34 1.057-.035 2.036-1.075 2.822a1.02 1.02 0 0 0-.012.01l.001.001ZM9.282 3.475h6.396c.944 0 1.412-.339 1.421-1.016.01-.684-.465-1.04-1.392-1.045H3.43c-1.406 0-1.386 0-1.398 1.387-.005.52.158.69.684.684 2.189-.024 4.378-.01 6.567-.01Zm23.442.467c1.042-1.178 2.058-2.237 2.963-3.384.576-.73 1.282-.498 1.974-.498.08 0 .228.245.23.378.015 2.285.012 4.568.01 6.853 0 .616-.476.393-.793.43-.367.044-.621-.032-.617-.503.015-1.523.005-3.045.005-4.568v-.611a6.284 6.284 0 0 0-.144-.072A8173.796 8173.796 0 0 0 32.73 6.06l-3.616-4.073c-.049.013-.096.029-.145.042v.591c0 1.504-.021 3.009.01 4.512.01.558-.26.614-.703.603-.426-.01-.774.019-.766-.6.027-2.169.021-4.34.003-6.51-.005-.486.193-.576.641-.614.795-.066 1.347.19 1.85.824.836 1.054 1.768 2.03 2.722 3.109l-.002-.001ZM44.775 1.59c0 1.292.026 2.544-.008 3.793-.032 1.217-.976 2.194-2.182 2.33-1.128.129-2.288-.622-2.59-1.715-.06-.214-.047-.566.085-.69.233-.216 1.108-.016 1.233.2.432.752.815.961 1.377.752.531-.198.742-.694.621-1.49-.442 0-.897.062-1.33-.013a2.309 2.309 0 0 1-1.911-2.463 2.359 2.359 0 0 1 2.275-2.15c.875-.022 1.75.007 2.625-.01.38-.008.649.058.597.52-.042.372.195.91-.525.886-.107-.003-.215.04-.267.05Zm-2.37 1.854c.487.014.947-.443.953-.95a.932.932 0 0 0-.875-.948c-.541-.029-.952.353-.966.899-.014.539.382.984.888.999ZM24.064 6.775c.415-.07.573.08.58.488.01.505-.3.466-.636.478-.353.012-.518-.091-.524-.478-.006-.462.215-.565.582-.49l-.002.002Zm24.261-.005c.398-.068.532.108.538.505.009.515-.32.448-.648.466-.365.02-.502-.114-.513-.487-.014-.483.255-.529.623-.483ZM61.885.003c2.417 0 4.835-.005 7.25.002 1.492.004 2.61 1.069 2.595 2.454-.015 1.366-1.117 2.403-2.583 2.406-4.416.006-8.83.013-13.247-.009-.562-.003-.733.17-.697.713.04.626-.01 1.257.012 1.883.02.594-.393.484-.742.492-.344.008-.695.064-.692-.483.014-2.321.014-4.644 0-6.966-.003-.483.268-.495.625-.495 2.493.006 4.987.003 7.48.005V.003Zm.564 3.462h1.084c1.865 0 3.728.007 5.592-.004.774-.005 1.211-.47 1.135-1.164-.065-.586-.475-.89-1.24-.89-4.146-.003-8.293-.001-12.437-.001-1.385 0-1.362 0-1.382 1.397-.008.533.17.68.687.675 2.187-.025 4.375-.011 6.56-.011v-.002Z"/>
</svg>
</div>
)
}
const circles = (
<svg width="138" height="67" viewBox="0 0 138 67" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M69.2296 33.4292C69.2296 42.5699 66.6222 50.8239 62.4322 56.7795C58.2412 62.7366 52.4987 66.3584 46.211 66.3584C39.9233 66.3584 34.1807 62.7366 29.9898 56.7795C25.7998 50.8239 23.1924 42.5699 23.1924 33.4292C23.1924 24.2885 25.7998 16.0345 29.9898 10.0789C34.1807 4.12184 39.9233 0.5 46.211 0.5C52.4987 0.5 58.2412 4.12184 62.4322 10.0789C66.6222 16.0345 69.2296 24.2885 69.2296 33.4292Z" stroke="url(#paint0_linear_154_2845)"/>
<path d="M91.922 33.4292C91.922 42.5699 89.3146 50.8239 85.1246 56.7795C80.9336 62.7366 75.191 66.3584 68.9034 66.3584C62.6157 66.3584 56.8731 62.7366 52.6821 56.7795C48.4921 50.8239 45.8848 42.5699 45.8848 33.4292C45.8848 24.2885 48.4921 16.0345 52.6821 10.0789C56.8731 4.12184 62.6157 0.5 68.9034 0.5C75.191 0.5 80.9336 4.12184 85.1246 10.0789C89.3146 16.0345 91.922 24.2885 91.922 33.4292Z" stroke="url(#paint1_linear_154_2845)"/>
<path d="M114.614 33.4292C114.614 42.5699 112.007 50.8239 107.817 56.7795C103.626 62.7366 97.8834 66.3584 91.5957 66.3584C85.3081 66.3584 79.5655 62.7366 75.3745 56.7795C71.1845 50.8239 68.5771 42.5699 68.5771 33.4292C68.5771 24.2885 71.1845 16.0345 75.3745 10.0789C79.5655 4.12184 85.3081 0.5 91.5957 0.5C97.8834 0.5 103.626 4.12184 107.817 10.0789C112.007 16.0345 114.614 24.2885 114.614 33.4292Z" stroke="url(#paint2_linear_154_2845)"/>
<path d="M137.307 33.4292C137.307 42.5699 134.699 50.8239 130.509 56.7795C126.318 62.7366 120.576 66.3584 114.288 66.3584C108 66.3584 102.258 62.7366 98.0669 56.7795C93.8769 50.8239 91.2695 42.5699 91.2695 33.4292C91.2695 24.2885 93.8769 16.0345 98.0669 10.0789C102.258 4.12184 108 0.5 114.288 0.5C120.576 0.5 126.318 4.12184 130.509 10.0789C134.699 16.0345 137.307 24.2885 137.307 33.4292Z" stroke="url(#paint3_linear_154_2845)"/>
<path d="M46.5372 33.4292C46.5372 42.5699 43.9298 50.8239 39.7398 56.7795C35.5488 62.7366 29.8063 66.3584 23.5186 66.3584C17.2309 66.3584 11.4884 62.7366 7.29737 56.7795C3.10738 50.8239 0.5 42.5699 0.5 33.4292C0.5 24.2885 3.10738 16.0345 7.29737 10.0789C11.4884 4.12184 17.2309 0.5 23.5186 0.5C29.8063 0.5 35.5488 4.12184 39.7398 10.0789C43.9298 16.0345 46.5372 24.2885 46.5372 33.4292Z" stroke="url(#paint4_linear_154_2845)"/>
<defs>
<linearGradient id="paint0_linear_154_2845" x1="22.6924" y1="33.4292" x2="64.0371" y2="33.4292" gradientUnits="userSpaceOnUse">
<stop offset="0.510417" stop-color="#A0A0A1"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_154_2845" x1="45.3848" y1="33.4292" x2="86.7295" y2="33.4292" gradientUnits="userSpaceOnUse">
<stop offset="0.510417" stop-color="#A0A0A1"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_154_2845" x1="68.0771" y1="33.4292" x2="109.422" y2="33.4292" gradientUnits="userSpaceOnUse">
<stop offset="0.510417" stop-color="#A0A0A1"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_154_2845" x1="90.7695" y1="33.4292" x2="132.114" y2="33.4292" gradientUnits="userSpaceOnUse">
<stop offset="0.510417" stop-color="#A0A0A1"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_154_2845" x1="7.00909e-07" y1="33.4292" x2="41.3448" y2="33.4292" gradientUnits="userSpaceOnUse">
<stop offset="0.510417" stop-color="#A0A0A1"/>
<stop offset="1" stop-color="#A1A1AA" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
)
async function getData(id) {
const res = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/content/index/${id}`)
if (!res.ok) {
throw new Error('Failed to fetch data')
}
return res.json()
}
export default async function Hero({lang}){
const data = await getData(lang === 'fa' ? 1 : 2);
return (
<div className="flex flex-col w-full lg:py-8 items-center overflow-hidden">
<div className="relative flex justify-center pb-60 lg:pb-0">
{/*<div className="hidden lg:flex lg:absolute top-[-64px] w-full justify-between">
{circles}
<p className="font-[5] max-w-sm text-justify text-zinc-600">اولین و تنها تولید کننده ی آلیاژهای منیزیم به صورت شمش و بیلت در سال ۱۳۹۶ در استان قم واقع در شهرک صنعتی شکوهیه شروع به فعالیت نمود.</p>
</div>*/}
<h1 className="col-span-2 text-3xl sm:text-4xl md:text-5xl lg:text-7xl font-[1] leading-normal w-full text-center pt-8">
{data.title1[0].body} <br/> {data.title2[0].body}
</h1>
</div>
<div className="relative flex justify-center w-fit mb-[-15px] lg:mx-[290px]">
<MG lang={lang} props={data.mgprops}/>
<div className="hidden lg:inline absolute bottom-32 right-[-140px]">
<svg width="234" height="191" viewBox="0 0 234 191" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.6311 176.663C13.4447 176.866 13.4588 177.183 13.6625 177.369C13.8663 177.555 14.1825 177.541 14.3689 177.337L13.6311 176.663ZM175 1L175 0.5L174.78 0.5L174.631 0.662518L175 1ZM233 1.5L233.5 1.5L233.5 0.500003L233 0.500003L233 1.5ZM14.3689 177.337L175.369 1.33748L174.631 0.662518L13.6311 176.663L14.3689 177.337ZM175 1.5L233 1.5L233 0.500003L175 0.5L175 1.5Z" fill="black"/>
<path d="M18.5 176.5C18.5 179.261 16.2614 181.5 13.5 181.5C10.7386 181.5 8.5 179.261 8.5 176.5C8.5 173.739 10.7386 171.5 13.5 171.5C16.2614 171.5 18.5 173.739 18.5 176.5ZM13.5 182.5C16.8137 182.5 19.5 179.814 19.5 176.5C19.5 173.186 16.8137 170.5 13.5 170.5C10.1863 170.5 7.5 173.186 7.5 176.5C7.5 179.814 10.1863 182.5 13.5 182.5ZM27.5 177C27.5 184.456 21.4558 190.5 14 190.5C6.54416 190.5 0.5 184.456 0.5 177C0.5 169.544 6.54416 163.5 14 163.5C21.4558 163.5 27.5 169.544 27.5 177Z" stroke="black" />
</svg>
</div>
<Image alt="" src={bg} width={700} priority={true} />
<div className="absolute top-[-220px] left-[-100px] lg:top-0 lg:left-[-350px] flex flex-col items-center h-full justify-center pl-32 font-[5]">
<div className="flex flex-col items-center">
<span className="text-2xl lg:text-4xl font-[4] pb-2">{ data.stat1[0].body }</span>
<span className="text-zinc-700">{ data.statlabel1[0].body }</span>
</div>
<div className="flex flex-col items-center pt-8">
<span className="text-2xl lg:text-4xl font-[4] pb-2">{ data.stat2[0].body }</span>
<span className="text-zinc-700">{ data.statlabel2[0].body }</span>
</div>
</div>
</div>
<div className="h-16 bg-zinc-200 w-[100vw] z-20 rotate-[-1.5deg] mr-[-10px] wrapper flex items-center">
<div className="isolate w-full marquee flex">
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
<RMGPSVG />
</div>
</div>
</div>
)
}

9
components/Input.js Executable file
View File

@@ -0,0 +1,9 @@
export default function Input({className, name, label, type, placeholder=""}){
return(
<div className="flex flex-col w-full items-center">
<label htmlFor={ name } className="pb-1">{ label }</label>
<input type={ type } id={ name+'_input' } name={ name } placeholder={ placeholder } className="text-center w-full active:ring-0 focus:outline-0 transition focus:border-red-300 border-2 rounded-lg p-2 px-4"/>
</div>
)
}

24
components/MG.js Executable file
View File

@@ -0,0 +1,24 @@
import Link from 'next/link'
export default function MG({lang}){
return (
<div className={"absolute top-[-220px] lg:top-0 lg:right-[-350px] h-full flex flex-col justify-center" + (lang==="fa" ? " right-[-100px] pr-32" : " right-[16px]")}>
<svg className="" xmlns="http://www.w3.org/2000/svg" width="87" height="46" viewBox="0 0 87 46" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6358 36.72C10.1958 38.3333 8.22246 40.0067 5.7158 41.74V42.34H15.1558V41.58H7.1758C9.1358 40.2867 10.8758 38.7933 12.3958 37.1C13.9291 35.4067 14.6958 33.7267 14.6958 32.06C14.6958 30.7133 14.3025 29.7 13.5158 29.02C12.7425 28.34 11.7491 28 10.5358 28C9.20246 28 8.12913 28.4067 7.3158 29.22C6.50246 30.0333 6.04913 31.1733 5.9558 32.64H6.83579C6.91579 31.48 7.26246 30.5467 7.87579 29.84C8.48913 29.1333 9.3758 28.78 10.5358 28.78C11.6958 28.78 12.5291 29.0867 13.0358 29.7C13.5558 30.3133 13.8158 31.1067 13.8158 32.08C13.8158 33.56 13.0891 35.1067 11.6358 36.72ZM1.52588e-05 28.18V29H2.06001V42.4H2.96001V28.18H1.52588e-05Z" fill="#18181B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.44 0V32.976H52.28V4.512L39.608 32.976H37.88L25.16 4.512V32.976H23V0H25.304L38.744 30.144L52.184 0H54.44ZM80.615 8.592C78.695 7.248 76.359 6.576 73.607 6.576C71.175 6.576 68.999 7.12 67.079 8.208C65.191 9.296 63.703 10.848 62.615 12.864C61.559 14.88 61.031 17.232 61.031 19.92C61.031 22.608 61.559 24.976 62.615 27.024C63.703 29.04 65.191 30.608 67.079 31.728C68.999 32.816 71.175 33.36 73.607 33.36C76.327 33.36 78.647 32.688 80.567 31.344C82.519 29.968 83.879 28.24 84.647 26.16V33.792C84.647 35.84 84.215 37.616 83.351 39.12C82.519 40.656 81.367 41.824 79.895 42.624C78.423 43.456 76.775 43.872 74.951 43.872C72.327 43.872 70.135 43.248 68.375 42C66.615 40.784 65.415 39.136 64.775 37.056H62.615C63.287 39.712 64.695 41.824 66.839 43.392C68.983 44.96 71.687 45.744 74.951 45.744C77.159 45.744 79.159 45.248 80.951 44.256C82.743 43.296 84.167 41.904 85.223 40.08C86.279 38.288 86.807 36.192 86.807 33.792V6.912H84.647V13.68C83.879 11.6 82.535 9.904 80.615 8.592ZM83.207 13.92C84.167 15.648 84.647 17.648 84.647 19.92C84.647 22.224 84.183 24.256 83.255 26.016C82.327 27.744 81.031 29.088 79.367 30.048C77.735 30.976 75.911 31.44 73.895 31.44C71.815 31.44 69.959 30.976 68.327 30.048C66.727 29.12 65.479 27.792 64.583 26.064C63.687 24.336 63.239 22.288 63.239 19.92C63.239 17.552 63.687 15.504 64.583 13.776C65.479 12.048 66.727 10.736 68.327 9.84C69.927 8.912 71.783 8.448 73.895 8.448C75.911 8.448 77.735 8.928 79.367 9.888C80.999 10.816 82.279 12.16 83.207 13.92Z" fill="#18181B"/>
</svg>
<div className="flex flex-col font-[5] text-zinc-600 py-5 text-sm lg:text-md">
<span>مقاوم در برابر خوردگی</span>
<span>نقطه ذوب بالا</span>
<span>سبک</span>
</div>
<Link href="#products" className='hidden lg:flex items-center bg-red-700 font-[4] w-fit p-2 mr-12'>
<span className='text-md text-zinc-50'> بیشتر بدانید</span>
<div className="p-1 rounded bg-red-500 mr-2">
<svg className="w-6 h-6 stroke-n-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 4.5l-15 15m0 0h11.25m-11.25 0V8.25" />
</svg>
</div>
</Link>
</div>
)
}

31
components/MyDropDown.js Executable file
View File

@@ -0,0 +1,31 @@
'use client'
import {
Dropdown,
DropdownTrigger,
DropdownMenu,
DropdownSection,
DropdownItem
} from "@nextui-org/react";
export default function MyDropDown(){
return (
<Dropdown>
<DropdownTrigger>
<div className="p-4 flex flex-row justify-between border-b-2 border-gray-300">
<span>لیبل</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
</svg>
</div>
</DropdownTrigger>
<DropdownMenu aria-label="Static Actions">
<DropdownItem key="new">New file</DropdownItem>
<DropdownItem key="copy">Copy link</DropdownItem>
<DropdownItem key="edit">Edit file</DropdownItem>
<DropdownItem key="delete" className="text-danger" color="danger">
Delete file
</DropdownItem>
</DropdownMenu>
</Dropdown>
)
}

53
components/PriceDetails.js Executable file
View File

@@ -0,0 +1,53 @@
export default function PriceDetails(){
return(
<div className='flex flex-col h-max bg-n-1 mt-20 border-y-2 mb-8 p-6'>
<span className='font-bold text-xl pb-6'> جزئیات قیمت</span>
<div className='flex justify-between items-center border-t pt-6'>
<span className='text-gray-600 font-[5] text-sm'>هزنه ی کل کالاها </span>
<div>
<span className='font-[4] text-sm pr-3'> ۲،۱۰۴،۰۰۰</span>
<span className='text-gray-600 font-[5] text-sm px-0.5'>تومان</span>
</div>
</div>
<div className='flex justify-between mt-4'>
<span className='text-gray-600 font-[5] text-sm'> تخفیف </span>
<div>
<span className='text-red-600 font-[4] text-sm'> ۲،۱۰۴،۰۰۰</span>
<span className='text-red-600 font-[5] text-sm px-0.5'>تومان</span>
</div>
</div>
<div className='flex justify-between mt-4'>
<span className='text-gray-600 font-[5] text-sm'>هزینه ی ارسال</span>
<div>
<span className='font-[4] text-sm'> ۲،۱۰۴،۰۰۰</span>
<span className='text-gray-600 font-[5] text-sm px-0.5'>تومان</span>
</div>
</div>
<div className='flex justify-between mt-4 mb-6'>
<span className='text-gray-600 font-[5] text-sm'>کد تخفیف</span>
<div>
<span className='text-red-600 font-[4] text-sm pr-3'> ۲،۱۰۴،۰۰۰</span>
<span className='text-red-600 font-[5] text-sm px-0.5'>تومان</span>
</div>
</div>
<div className='flex justify-between border-t py-6'>
<span className='text-gray-600 font-[5] text-sm pl-36'> مبلغ نهایی</span>
<div>
<span className='font-[4] text-sm'> ۲،۱۰۴،۰۰۰</span>
<span className='text-gray-600 font-[5] text-sm'>تومان</span>
</div>
</div>
<button className="flex justify-center bg-blue-5 flex px-8 py-4 rounded">
<span className="font-[4] text-white pl-1">اتمام خرید</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.57043 18.82C9.38043 18.82 9.19043 18.75 9.04043 18.6L2.97043 12.53C2.68043 12.24 2.68043 11.76 2.97043 11.47L9.04043 5.4C9.33043 5.11 9.81043 5.11 10.1004 5.4C10.3904 5.69 10.3904 6.17 10.1004 6.46L4.56043 12L10.1004 17.54C10.3904 17.83 10.3904 18.31 10.1004 18.6C9.96043 18.75 9.76043 18.82 9.57043 18.82Z" fill="#F9FAFB"/>
<path d="M20.4999 12.75H3.66992C3.25992 12.75 2.91992 12.41 2.91992 12C2.91992 11.59 3.25992 11.25 3.66992 11.25H20.4999C20.9099 11.25 21.2499 11.59 21.2499 12C21.2499 12.41 20.9099 12.75 20.4999 12.75Z" fill="#F9FAFB"/>
</svg>
</button>
</div>
)
}

15
components/ProductCard.js Executable file
View File

@@ -0,0 +1,15 @@
import Image from 'next/image'
import productpic from '../public/productpic.webp'
export default function ProductCard({ image, desc }) {
return (
<div className="bg-red-950 w-fit flex flex-col mx-2 sm:mx-4" style={{boxShadow : "0px 32px 40px 0px rgba(0, 0, 0, 0.16)"}}>
<div className="flex justify-center rounded-t-2xl w-full bg-white">
<Image alt="" src={image} width={500} height={500} className="object-cover object-center"/>
</div>
<div className="bg-red-950 text-white text-sm sm:text-md p-4 sm:p-8">
<p>{ desc }</p>
</div>
</div>
)
}

93
components/Production.js Executable file
View File

@@ -0,0 +1,93 @@
import Image from 'next/image'
import CategoryImage from '../public/img.png'
async function getData(id) {
const res = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/content/index/${id}`)
if (!res.ok) {
throw new Error('Failed to fetch data')
}
return res.json()
}
export default async function Production({ lang }){
const data = await getData(lang === 'fa' ? 1 : 2);
return(
<div className=" flex flex-col h-fit py-16">
<div className='flex flex-col lg:flex-row items-center justify-between font-[5] lg:mx-28 pb-12 lg:py-20 px-4'>
<div className='flex flex-col'>
<span className=''>{ data.equipmentSuper[0].body }</span>
<span className='font-[4] text-3xl lg:text-4xl pt-4'>{ data.equipmentHead[0].body }</span>
</div>
<svg className='mt-6 mx-6' width="73" height="38" viewBox="0 0 73 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M36.5786 18.8969C36.5786 24.0903 35.206 28.7852 32.9948 32.1772C30.7827 35.5705 27.7441 37.6438 24.4097 37.6438C21.0753 37.6438 18.0367 35.5705 15.8246 32.1772C13.6134 28.7852 12.2408 24.0903 12.2408 18.8969C12.2408 13.7035 13.6134 9.00865 15.8246 5.6167C18.0367 2.22336 21.0753 0.15 24.4097 0.15C27.7441 0.15 30.7827 2.22336 32.9948 5.6167C35.206 9.00865 36.5786 13.7035 36.5786 18.8969Z" stroke="url(#paint0_linear_124_2450)" stroke-width="0.3"/>
<path d="M48.6689 18.8969C48.6689 24.0903 47.2964 28.7852 45.0851 32.1772C42.873 35.5705 39.8345 37.6438 36.5 37.6438C33.1656 37.6438 30.127 35.5705 27.9149 32.1772C25.7037 28.7852 24.3312 24.0903 24.3312 18.8969C24.3312 13.7035 25.7037 9.00865 27.9149 5.6167C30.127 2.22336 33.1656 0.15 36.5 0.15C39.8345 0.15 42.873 2.22336 45.0851 5.6167C47.2964 9.00865 48.6689 13.7035 48.6689 18.8969Z" stroke="url(#paint1_linear_124_2450)" stroke-width="0.3"/>
<path d="M60.7592 18.8969C60.7592 24.0903 59.3867 28.7852 57.1755 32.1772C54.9634 35.5705 51.9248 37.6438 48.5904 37.6438C45.2559 37.6438 42.2174 35.5705 40.0053 32.1772C37.794 28.7852 36.4215 24.0903 36.4215 18.8969C36.4215 13.7035 37.794 9.00865 40.0053 5.6167C42.2174 2.22336 45.2559 0.15 48.5904 0.15C51.9248 0.15 54.9634 2.22336 57.1755 5.6167C59.3867 9.00865 60.7592 13.7035 60.7592 18.8969Z" stroke="url(#paint2_linear_124_2450)" stroke-width="0.3"/>
<path d="M72.8501 18.8969C72.8501 24.0903 71.4775 28.7852 69.2663 32.1772C67.0542 35.5705 64.0156 37.6438 60.6812 37.6438C57.3468 37.6438 54.3082 35.5705 52.0961 32.1772C49.8849 28.7852 48.5123 24.0903 48.5123 18.8969C48.5123 13.7035 49.8849 9.00865 52.0961 5.6167C54.3082 2.22336 57.3468 0.15 60.6812 0.15C64.0156 0.15 67.0542 2.22336 69.2663 5.6167C71.4775 9.00865 72.8501 13.7035 72.8501 18.8969Z" stroke="url(#paint3_linear_124_2450)" stroke-width="0.3"/>
<path d="M24.4878 18.8969C24.4878 24.0903 23.1152 28.7852 20.904 32.1772C18.6919 35.5705 15.6533 37.6438 12.3189 37.6438C8.98446 37.6438 5.94588 35.5705 3.73377 32.1772C1.52256 28.7852 0.15 24.0903 0.15 18.8969C0.15 13.7035 1.52256 9.00865 3.73377 5.6167C5.94588 2.22336 8.98446 0.15 12.3189 0.15C15.6533 0.15 18.6919 2.22336 20.904 5.6167C23.1152 9.00865 24.4878 13.7035 24.4878 18.8969Z" stroke="url(#paint4_linear_124_2450)" stroke-width="0.3"/>
<defs>
<linearGradient id="paint0_linear_124_2450" x1="12.0908" y1="18.8969" x2="33.7469" y2="18.8969" gradientUnits="userSpaceOnUse">
<stop stop-color="#A5A5A5"/>
<stop offset="1" stop-color="#878787" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_124_2450" x1="24.1812" y1="18.8969" x2="45.8373" y2="18.8969" gradientUnits="userSpaceOnUse">
<stop stop-color="#A5A5A5"/>
<stop offset="1" stop-color="#878787" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_124_2450" x1="36.2715" y1="18.8969" x2="57.9276" y2="18.8969" gradientUnits="userSpaceOnUse">
<stop stop-color="#A5A5A5"/>
<stop offset="1" stop-color="#878787" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_124_2450" x1="48.3623" y1="18.8969" x2="70.0184" y2="18.8969" gradientUnits="userSpaceOnUse">
<stop stop-color="#A5A5A5"/>
<stop offset="1" stop-color="#878787" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint4_linear_124_2450" x1="3.67131e-07" y1="18.8969" x2="21.6561" y2="18.8969" gradientUnits="userSpaceOnUse">
<stop stop-color="#A5A5A5"/>
<stop offset="1" stop-color="#878787" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<p className='text-black-1 max-w-4xl '>
{ data.equipmentDesc[0].body }
</p>
</div>
<div className="grid grid-cols-1 lg:grid-cols-2 grid-rows-2 bg-zinc-100 font-[5]">
<div className="flex w-full">
<Image alt="" src={ data.equipment3Image[0].body } width={500} height={500} className="object-cover aspect-square w-1/2"/>
<div className="flex flex-col justify-center lg:p-10 sm:p-4 md:p-8 p-2 text-sm sm:text-base">
<span classname="font-[4] text-black-1 text-2xl pb-8"> { data.equipment3Title[0].body }</span>
<p classname="font-[5] text- text-black-1">{ data.equipment3Desc[0].body }</p>
</div>
</div>
<div className="flex w-full flex-row-reverse lg:flex-row">
<Image alt="" src={ data.equipment3Image[1].body } width={500} height={500} className="object-cover aspect-square w-1/2"/>
<div className="flex flex-col justify-center lg:p-10 sm:p-4 md:p-8 p-2 text-sm sm:text-base">
<span classname="font-[4] text-black-1 text-2xl pb-8"> { data.equipment3Title[1].body }</span>
<p classname="font-[5] text- text-black-1">{ data.equipment3Desc[1].body }</p>
</div>
</div>
<div className="flex w-full flex-row-reverse lg:flex-row">
<div className="flex flex-col justify-center lg:p-10 sm:p-4 md:p-8 p-2 text-sm sm:text-base">
<span classname="font-[4] text-black-1 text-2xl pb-8"> { data.equipment3Title[2].body }</span>
<p classname="font-[5] text- text-black-1">{ data.equipment3Desc[2].body }</p>
</div>
<Image alt="" src={ data.equipment3Image[2].body } width={500} height={500} className="object-cover aspect-square w-1/2"/>
</div>
<div className="flex w-full">
<div className="flex flex-col justify-center lg:p-10 sm:p-4 md:p-8 p-2 text-sm sm:text-base">
<span classname="font-[4] text-black-1 text-2xl pb-8"> { data.equipment3Title[3].body }</span>
<p classname="font-[5] text- text-black-1">{ data.equipment3Desc[3].body }</p>
</div>
<Image alt="" src={ data.equipment3Image[3].body } width={500} height={500} className="object-cover aspect-square w-1/2"/>
</div>
</div>
</div>
)
}

34
components/Products.js Executable file
View File

@@ -0,0 +1,34 @@
import Image from 'next/image'
import productbg from '../public/productbg.webp'
import ProductCard from '@/components/ProductCard'
async function getData(id) {
const res = await fetch(`${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/content/index/${id}`)
if (!res.ok) {
throw new Error('Failed to fetch data')
}
return res.json()
}
export default async function Products({ lang }){
const data = await getData(lang === 'fa' ? 1 : 2);
return(
<div className="relative flex flex-col">
<Image alt="" src={productbg} className="absolute top-0 w-full object-cover h-[500px] md:h-96 lg:h-fit"/>
<div className="flex flex-col z-10 text-white font-[5] pt-8 lg:pt-16 w-full items-center ">
<span>{data.productsSuper[0].body}</span>
<span className="font-[4] text-3xl lg:text-4xl pt-4">{data.productsHead[0].body}</span>
<p className="max-w-4xl text-center pt-6 px-8 text-sm sm:text-md lg:pt-12">{data.productsDesc[0].body}</p>
</div>
<div className="flex justify-center z-10 py-16 overflow-x-scroll">
{
data.productImages.map((image, index) => (
<ProductCard key={index} image={image.body} desc={data.productDescs[index].body} />
))
}
</div>
</div>
)
}

17
components/SearchBar.js Executable file
View File

@@ -0,0 +1,17 @@
'use client'
import { useState } from 'react'
import { useRouter } from 'next/navigation'
export default function SearchBar({ setSearch }){
return(
<div className="flex justify-between items-center bg-white w-full h-full rounded-lg p-0.5">
<input id="search_input" className="z-20 px-4 w-5/6 h-full rounded-lg bg-transparent" placeholder="یه چیز خوشمزه پیدا کن..."/>
<button onClick={e => setSearch(document.getElementById('search_input').value) } className="z-20 flex items-center justify-center bg-gradient-to-tr from-rose-700 to-orange-400 w-10 rounded-lg h-10 m-2 mx-0.5 shadow-xl">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="2" className="w-6 h-6 stroke-white">
<path strokeLinecap="round" strokeLinejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
</svg>
</button>
</div>
)
}

11
components/SeeAll.js Executable file
View File

@@ -0,0 +1,11 @@
export default function SeeAll() {
return (
<div className="flex justify-center text-xl font-bold pt-6">
<span>مشاهده همه</span>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.47659 15.0869C5.34224 14.9526 5.25739 14.7687 5.25739 14.5566L5.25739 5.97231C5.25739 5.56219 5.5968 5.22278 6.00692 5.22278L14.5912 5.22278C15.0013 5.22278 15.3407 5.56219 15.3407 5.97231C15.3407 6.38243 15.0013 6.72184 14.5912 6.72184L6.75645 6.72184L6.75645 14.5566C6.75645 14.9667 6.41704 15.3061 6.00692 15.3061C5.80186 15.3132 5.61094 15.2213 5.47659 15.0869Z" fill="#101318"/>
<path d="M17.4798 18.541L5.57916 6.64037C5.28925 6.35045 5.28925 5.86962 5.57916 5.57971C5.86908 5.28979 6.34991 5.28979 6.63982 5.57971L18.5404 17.4803C18.8303 17.7702 18.8303 18.2511 18.5404 18.541C18.2505 18.8309 17.7697 18.8309 17.4798 18.541Z" fill="#101318"/>
</svg>
</div>
)
}

7
components/SmartHome.js Executable file
View File

@@ -0,0 +1,7 @@
export default function SmartHome(){
return (
<div style={{backgroundImage : 'url(sh.png)'}} className="w-full h-96 py-96 bg-no-repeat bg-right-top bg-[#020814]">
</div>
)
}

37
components/SortButton.js Executable file
View File

@@ -0,0 +1,37 @@
import { useState } from 'react';
export default function SortButton({ setSort }){
let [open, setOpen] = useState(false);
function toggleOpen(){
if(!open){
document.getElementById('sort_dropdown').classList.remove('scale-0');
document.getElementById('sort_dropdown').classList.add('scale-100');
document.getElementById('sort_dropdown').classList.remove('opacity-0');
document.getElementById('sort_dropdown').classList.add('opacity-100');
setOpen(true);
}
else {
document.getElementById('sort_dropdown').classList.remove('scale-100');
document.getElementById('sort_dropdown').classList.add('scale-0');
document.getElementById('sort_dropdown').classList.remove('opacity-100');
document.getElementById('sort_dropdown').classList.add('opacity-0');
setOpen(false);
}
}
return (
<div className="relative">
<button id="sort_button" onClick={ toggleOpen } className="transition duration-300 ease-in-out flex w-fit px-2 py-1 pb-0.5 text-sm text-white bg-gradient-to-tr from-rose-900 to-orange-700 rounded-lg">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor" className="w-4 h-4">
<path strokeLinecap="round" strokeLinejoin="round" d="M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25" />
</svg>
<span className="pr-1 text-sm">مرتب سازی</span>
</button>
<div id="sort_dropdown" onClick={e => toggleOpen()} className="mt-1 flex flex-col text-sm items-center absolute bg-white border w-full rounded-xl origin-top scale-0 opacity-0 duration-600 transition ease-in-out translate">
<button onClick={ e => setSort('default') } className="border-b py-1 pt-2 border-gray-300 w-full">پیشفرض </button>
<button onClick={ e => setSort('price') } className="border-b py-1 pt-2 border-gray-300 w-full">قیمت </button>
<button onClick={ e => setSort('popularity') } className="py-2 w-full">محبوبیت </button>
</div>
</div>
)
}

57
components/UserOrders.js Executable file
View File

@@ -0,0 +1,57 @@
import UserOrdes from "./UserOrders"
export default function UserOrders(){
return(
<table class="w-max mt-6 mb-12 ">
<thead className=''>
<tr className='pb-4'>
<th className='text-gray-600 pl-52 pb-4 font-[5]'>شماره سفارش</th>
<th className='text-gray-600 pl-52 pb-4 font-[5]'>تاریخ و ساعت</th>
<th className='text-gray-600 pl-52 pb-4 font-[5]'>قیمت کل</th>
<th className='text-gray-600 pl-52 pb-4 font-[5]'> وضعیت</th>
</tr>
</thead>
<tbody className=''>
<tr className='h-20 border-t'>
<td className='font-[5]'>۷۵۲۰۸۷۵</td>
<td className='font-[5]'>۱۴۰۲/۰۶/۱۳ - ۱۵:۲۲</td>
<td className='font-[5]'> ۲,۱۰۴,۰۰۰ تومان</td>
<td>
<span className='p-1 rounded border border-green-600 text-green-600 text-sm font-[5] ml-28'> ارسال شده</span>
</td>
<td>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0003 20.67C14.8103 20.67 14.6203 20.6 14.4703 20.45L7.95027 13.93C6.89027 12.87 6.89027 11.13 7.95027 10.07L14.4703 3.55002C14.7603 3.26002 15.2403 3.26002 15.5303 3.55002C15.8203 3.84002 15.8203 4.32002 15.5303 4.61002L9.01027 11.13C8.53027 11.61 8.53027 12.39 9.01027 12.87L15.5303 19.39C15.8203 19.68 15.8203 20.16 15.5303 20.45C15.3803 20.59 15.1903 20.67 15.0003 20.67Z" fill="#292D32"/>
</svg>
</td>
</tr>
<tr className='h-20 border-t'>
<td className='font-[5]'>۷۵۲۰۸۷۵</td>
<td className='font-[5]'>۱۴۰۲/۰۶/۱۳ - ۱۵:۲۲</td>
<td className='font-[5]'> ۲,۱۰۴,۰۰۰ تومان</td>
<td>
<span className='p-1 rounded border border-green-600 text-green-600 text-sm font-[5] ml-28'> ارسال شده</span>
</td>
<td>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0003 20.67C14.8103 20.67 14.6203 20.6 14.4703 20.45L7.95027 13.93C6.89027 12.87 6.89027 11.13 7.95027 10.07L14.4703 3.55002C14.7603 3.26002 15.2403 3.26002 15.5303 3.55002C15.8203 3.84002 15.8203 4.32002 15.5303 4.61002L9.01027 11.13C8.53027 11.61 8.53027 12.39 9.01027 12.87L15.5303 19.39C15.8203 19.68 15.8203 20.16 15.5303 20.45C15.3803 20.59 15.1903 20.67 15.0003 20.67Z" fill="#292D32"/>
</svg>
</td>
</tr>
<tr className='h-20 border-t'>
<td className='font-[5]'>۷۵۲۰۸۷۵</td>
<td className='font-[5]'>۱۴۰۲/۰۶/۱۳ - ۱۵:۲۲</td>
<td className='font-[5]'> ۲,۱۰۴,۰۰۰ تومان</td>
<td>
<span className='p-1 rounded border border-green-600 text-green-600 text-sm font-[5] ml-28'> ارسال شده</span>
</td>
<td>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0003 20.67C14.8103 20.67 14.6203 20.6 14.4703 20.45L7.95027 13.93C6.89027 12.87 6.89027 11.13 7.95027 10.07L14.4703 3.55002C14.7603 3.26002 15.2403 3.26002 15.5303 3.55002C15.8203 3.84002 15.8203 4.32002 15.5303 4.61002L9.01027 11.13C8.53027 11.61 8.53027 12.39 9.01027 12.87L15.5303 19.39C15.8203 19.68 15.8203 20.16 15.5303 20.45C15.3803 20.59 15.1903 20.67 15.0003 20.67Z" fill="#292D32"/>
</svg>
</td>
</tr>
</tbody>
</table>
)
}

47
components/UserSidebar.js Executable file
View File

@@ -0,0 +1,47 @@
import UserSidebarItem from "./UserSidebarItem"
export default function UserSideBar(){
return(
<div className="flex flex-col pr-36 pt-8 w-96">
<div>
<image> </image>
<span className='font-[5]'> دانیال حکیمی</span>
<p className='text-gray-600'>
۰۹۱۹۹۲۱۴۱۶۱
</p>
</div>
<UserSidebarItem title="پیشخوان" icon={
<svg className="fill-[#757D8A]" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 8.52V3.98C22 2.57 21.36 2 19.77 2H15.73C14.14 2 13.5 2.57 13.5 3.98V8.51C13.5 9.93 14.14 10.49 15.73 10.49H19.77C21.36 10.5 22 9.93 22 8.52Z" />
<path d="M22 19.77V15.73C22 14.14 21.36 13.5 19.77 13.5H15.73C14.14 13.5 13.5 14.14 13.5 15.73V19.77C13.5 21.36 14.14 22 15.73 22H19.77C21.36 22 22 21.36 22 19.77Z" />
<path d="M10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98V8.51C2 9.93 2.64 10.49 4.23 10.49H8.27C9.86 10.5 10.5 9.93 10.5 8.52Z" />
<path d="M10.5 19.77V15.73C10.5 14.14 9.86 13.5 8.27 13.5H4.23C2.64 13.5 2 14.14 2 15.73V19.77C2 21.36 2.64 22 4.23 22H8.27C9.86 22 10.5 21.36 10.5 19.77Z" />
</svg>
} />
<UserSidebarItem title="اطلاعات حساب" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z" fill="#757D8A"/>
<path d="M17.08 14.1499C14.29 12.2899 9.73996 12.2899 6.92996 14.1499C5.65996 14.9999 4.95996 16.1499 4.95996 17.3799C4.95996 18.6099 5.65996 19.7499 6.91996 20.5899C8.31996 21.5299 10.16 21.9999 12 21.9999C13.84 21.9999 15.68 21.5299 17.08 20.5899C18.34 19.7399 19.04 18.5999 19.04 17.3599C19.03 16.1299 18.34 14.9899 17.08 14.1499Z" fill="#757D8A"/>
</svg>
} />
<UserSidebarItem title=" سفارش ها" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 8.75C15.59 8.75 15.25 8.41 15.25 8V4.5C15.25 3.42 14.58 2.75 13.5 2.75H10.5C9.42 2.75 8.75 3.42 8.75 4.5V8C8.75 8.41 8.41 8.75 8 8.75C7.59 8.75 7.25 8.41 7.25 8V4.5C7.25 2.59 8.59 1.25 10.5 1.25H13.5C15.41 1.25 16.75 2.59 16.75 4.5V8C16.75 8.41 16.41 8.75 16 8.75Z" fill="#757D8A"/>
<path d="M7.99984 17.78C7.58984 17.78 7.24984 17.44 7.24984 17.03C7.24984 16.61 7.58984 16.28 7.99984 16.28H19.7598C20.0598 16.28 20.2898 16.02 20.2598 15.72L19.5798 10.03C19.3398 8.09 18.9998 6.5 15.5998 6.5H8.39984C4.99984 6.5 4.65984 8.09 4.42984 10.03L3.52984 17.53C3.23984 19.99 3.99984 22 7.50984 22H16.4898C19.6498 22 20.5798 20.37 20.5298 18.25C20.5198 17.98 20.2998 17.78 20.0298 17.78H7.99984Z" fill="#757D8A"/>
</svg>
} />
<UserSidebarItem title="آدرس ها" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.6201 8.45C19.5701 3.83 15.5401 1.75 12.0001 1.75C12.0001 1.75 12.0001 1.75 11.9901 1.75C8.4601 1.75 4.4201 3.82 3.3701 8.44C2.2001 13.6 5.3601 17.97 8.2201 20.72C9.2801 21.74 10.6401 22.25 12.0001 22.25C13.3601 22.25 14.7201 21.74 15.7701 20.72C18.6301 17.97 21.7901 13.61 20.6201 8.45ZM12.0001 13.46C10.2601 13.46 8.8501 12.05 8.8501 10.31C8.8501 8.57 10.2601 7.16 12.0001 7.16C13.7401 7.16 15.1501 8.57 15.1501 10.31C15.1501 12.05 13.7401 13.46 12.0001 13.46Z" fill="#757D8A"/>
</svg>
} />
<UserSidebarItem title="خروج" icon={
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.2 22H9.8C13 22 15 20 15 16.8L15 12.75H8.75C8.34 12.75 8 12.41 8 12C8 11.59 8.34 11.25 8.75 11.25H15V7.2C15 4 13 2 9.8 2H7.21C4.01 2 2.01 4 2.01 7.2L2.01 16.8C2 20 4 22 7.2 22Z" fill="#757D8A"/>
<path d="M19.4396 12.7499L17.3696 14.8199C17.2196 14.9699 17.1496 15.1599 17.1496 15.3499C17.1496 15.5399 17.2196 15.7399 17.3696 15.8799C17.6596 16.1699 18.1396 16.1699 18.4296 15.8799L21.7796 12.5299C22.0696 12.2399 22.0696 11.7599 21.7796 11.4699L18.4296 8.11991C18.1396 7.82991 17.6596 7.82991 17.3696 8.11991C17.0796 8.40991 17.0796 8.88991 17.3696 9.17991L19.4396 11.2499H14.9996V12.7499H19.4396Z" fill="#757D8A"/>
</svg>
} />
</div>
)
}

8
components/UserSidebarItem.js Executable file
View File

@@ -0,0 +1,8 @@
export default function UserSidebarItem({title, icon}){
return(
<div className="flex items-center py-4 font:[5]">
{icon}
<span className='text-gray-600 font-[5]'>{title}</span>
</div>
)
}

14
components/WhiteLogo.js Executable file
View File

@@ -0,0 +1,14 @@
import Link from 'next/link'
export default function WhiteLogo(){
return(
<Link href="/" className="flex">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 10.625C20 15.8027 15.8883 20 10.8163 20H1.63263V10.625C1.63263 5.44732 5.74429 1.25 10.8163 1.25C15.8883 1.25 20 5.44732 20 10.625Z" fill="#F9FAFB"/>
<path d="M20 29.375C20 24.1973 24.1117 20 29.1837 20H38.3673V29.375C38.3673 34.5527 34.2557 38.75 29.1837 38.75C24.1117 38.75 20 34.5527 20 29.375Z" fill="#F9FAFB"/>
<path d="M1.63263 29.375C1.63263 34.5527 5.74429 38.75 10.8163 38.75H20V29.375C20 24.1973 15.8883 20 10.8163 20C5.74429 20 1.63263 24.1973 1.63263 29.375Z" fill="#F9FAFB"/>
<path d="M38.3673 10.625C38.3673 5.44732 34.2557 1.25 29.1837 1.25H20V10.625C20 15.8027 24.1117 20 29.1837 20C34.2557 20 38.3673 15.8027 38.3673 10.625Z" fill="#F9FAFB"/>
</svg>
<span className="pr-2 text-white text-3xl font-bold">نوراکس</span>
</Link>
)
}

0
components/‌BlogPostCard.js Executable file
View File