structure and heropage

2025-03-24 23:38:21 +03:30
parent 8b648598d0
commit 0c248508bc
72 changed files with 542 additions and 131 deletions
@@ -0,0 +1,31 @@
+import Button from '@/components/Button'
+import Image from 'next/image'
+import { FC } from 'react'
+
+const HeroSection: FC = () => {
+    return (
+        <div className='relative'>
+            <Image
+                src={'/images/banner.webp'}
+                alt='banner'
+                width={1920}
+                height={1080}
+                className='w-full rounded-4xl object-cover mt-14'
+            />
+
+            <div className='absolute flex items-center z-1 top-0 left-0 w-full h-full bg-black/10 rounded-4xl'>
+                <div className='max-w-maxWidth w-full mx-auto px-10 text-4xl text-white'>
+                    <p>داناک،</p>
+                    <p className='mt-5 font-bold'>تلفیق هنر و تکنولوژی</p>
+
+                    <Button
+                        className='mt-12 !w-fit px-10 bg-white !text-black'
+                        label='درباره ی ما'
+                    />
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default HeroSection