Files
rahavard/components/MG.js

24 lines
3.5 KiB
JavaScript
Executable File

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>
)
}