From c6f46d4524284d05630604ada94d68559fdf9a1d Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Sat, 29 Mar 2025 14:18:37 +0330
Subject: [PATCH] products

---
 src/app/home/DanakServices.tsx |   2 +-
 src/app/layout.tsx             |   4 +
 src/app/page.tsx               |   6 +-
 src/app/products/page.tsx      | 172 +++++++++++++++++++++++++++++++++
 4 files changed, 179 insertions(+), 5 deletions(-)
 create mode 100644 src/app/products/page.tsx

diff --git a/src/app/home/DanakServices.tsx b/src/app/home/DanakServices.tsx
index 73864ff..1cd8677 100644
--- a/src/app/home/DanakServices.tsx
+++ b/src/app/home/DanakServices.tsx
@@ -18,7 +18,7 @@ const DanakServices: FC = () => {
             <div className='mt-6'>
                 <Swiper
                     className='w-full'
-                    spaceBetween={15} // فاصله پیش‌فرض بین اسلایدها
+                    spaceBetween={15}
                     slidesPerView='auto'
                 >
                     <SwiperSlide className='max-w-[158px]'>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c9c255b..538f607 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,6 +3,8 @@ import { Geist, Geist_Mono } from "next/font/google";
 import 'swiper/css'
 import "./globals.css";
 import '@/assets/fonts/irancell/style.css'
+import Header from "@/shared/Header";
+import Footer from "@/shared/Footer";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -30,7 +32,9 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <div className="font-irancell xl:p-16 p-4">
+          <Header />
           {children}
+          <Footer />
         </div>
       </body>
     </html>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index ecfe395..cc67e06 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,17 +1,15 @@
 import { NextPage } from 'next'
-import Header from '@/shared/Header'
 import HeroSection from './home/HeroSection'
 import DanakSuggestedService from './home/DanakSuggestedService'
 import WhyDanak from './home/WhyDanak'
 import DanakServices from './home/DanakServices'
 import Blog from './home/Blog'
 import Collaboration from './home/Collaboration'
-import Footer from '@/shared/Footer'
 
 const Home: NextPage = () => {
   return (
     <div>
-      <Header />
+
 
       <HeroSection />
 
@@ -25,7 +23,7 @@ const Home: NextPage = () => {
 
       <Collaboration />
 
-      <Footer />
+
 
     </div>
   )
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..2386db1
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,172 @@
+'use client'
+import { ArrowLeft } from 'iconsax-react'
+import Image from 'next/image'
+import { FC } from 'react'
+import { Swiper, SwiperSlide } from 'swiper/react'
+import DanakSuggestedService from '../home/DanakSuggestedService'
+import DanakServices from '../home/DanakServices'
+
+const Products: FC = () => {
+    return (
+        <div className='max-w-maxWidth mx-auto'>
+            <div className='flex justify-between mt-20 items-center'>
+                <h1 className='text-2xl font-bold'>
+                    محصولات
+                </h1>
+                <div className='max-w-[320px] text-sm leading-6 hidden xl:block text-center xl:text-right'>
+                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است
+                </div>
+            </div>
+
+            <div className='mt-20'>
+                <Swiper
+                    className='w-full'
+                    spaceBetween={15}
+                    slidesPerView={'auto'}
+                >
+                    <SwiperSlide className='xl:max-w-[45%] max-w-[90%]'>
+                        <div className='rounded-4xl overflow-hidden relative'>
+                            <Image
+                                src='https://burgeraddict.fr/wp-content/uploads/2024/09/MSG-Smash-Burger-FT-RECIPE0124-d9682401f3554ef683e24311abdf342b.jpg'
+                                alt='product'
+                                width={1080}
+                                height={1080}
+                                className='w-full h-[400px] object-cover'
+                            />
+
+                            <div className='absolute bottom-0 left-0 w-full modalGlass3 h-[150px]  rounded-b-3xl text-white p-4'>
+                                <div className='flex justify-between items-center'>
+                                    <h6 className='text-xs'>
+                                        منو دیجیتال رستوران
+                                    </h6>
+
+                                    <div className='h-8 bg-black text-white rounded-xl text-sm px-5 flex items-center'>
+                                        دسته بندی
+                                    </div>
+                                </div>
+                                <div className='mt-6 flex justify-between items-end'>
+                                    <div className='flex gap-4'>
+                                        <div className='size-14 bg-red-50 rounded-2xl'></div>
+                                        <div>
+                                            <h2 className='text-xl font-bold'>
+                                                دی منو
+                                            </h2>
+                                            <div className='mt-1'>
+                                                <h6 className='text-sm'>
+                                                    داناک
+                                                </h6>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className='flex gap-1.5 text-sm items-center'>
+                                        <div>جزییات</div>
+                                        <ArrowLeft
+                                            size={20}
+                                            color='white'
+                                        />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </SwiperSlide>
+                    <SwiperSlide className='xl:max-w-[45%] max-w-[90%]'>
+                        <div className='rounded-4xl overflow-hidden relative'>
+                            <Image
+                                src='https://burgeraddict.fr/wp-content/uploads/2024/09/MSG-Smash-Burger-FT-RECIPE0124-d9682401f3554ef683e24311abdf342b.jpg'
+                                alt='product'
+                                width={1080}
+                                height={1080}
+                                className='w-full h-[400px] object-cover'
+                            />
+
+                            <div className='absolute bottom-0 left-0 w-full modalGlass3 h-[150px]  rounded-b-3xl text-white p-4'>
+                                <div className='flex justify-between items-center'>
+                                    <h6 className='text-xs'>
+                                        منو دیجیتال رستوران
+                                    </h6>
+
+                                    <div className='h-8 bg-black text-white rounded-xl text-sm px-5 flex items-center'>
+                                        دسته بندی
+                                    </div>
+                                </div>
+                                <div className='mt-6 flex justify-between items-end'>
+                                    <div className='flex gap-4'>
+                                        <div className='size-14 bg-red-50 rounded-2xl'></div>
+                                        <div>
+                                            <h2 className='text-xl font-bold'>
+                                                دی منو
+                                            </h2>
+                                            <div className='mt-1'>
+                                                <h6 className='text-sm'>
+                                                    داناک
+                                                </h6>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className='flex gap-1.5 text-sm items-center'>
+                                        <div>جزییات</div>
+                                        <ArrowLeft
+                                            size={20}
+                                            color='white'
+                                        />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </SwiperSlide>
+                    <SwiperSlide className='xl:max-w-[45%] max-w-[90%]'>
+                        <div className='rounded-4xl overflow-hidden relative'>
+                            <Image
+                                src='https://burgeraddict.fr/wp-content/uploads/2024/09/MSG-Smash-Burger-FT-RECIPE0124-d9682401f3554ef683e24311abdf342b.jpg'
+                                alt='product'
+                                width={1080}
+                                height={1080}
+                                className='w-full h-[400px] object-cover'
+                            />
+
+                            <div className='absolute bottom-0 left-0 w-full modalGlass3 h-[150px]  rounded-b-3xl text-white p-4'>
+                                <div className='flex justify-between items-center'>
+                                    <h6 className='text-xs'>
+                                        منو دیجیتال رستوران
+                                    </h6>
+
+                                    <div className='h-8 bg-black text-white rounded-xl text-sm px-5 flex items-center'>
+                                        دسته بندی
+                                    </div>
+                                </div>
+                                <div className='mt-6 flex justify-between items-end'>
+                                    <div className='flex gap-4'>
+                                        <div className='size-14 bg-red-50 rounded-2xl'></div>
+                                        <div>
+                                            <h2 className='text-xl font-bold'>
+                                                دی منو
+                                            </h2>
+                                            <div className='mt-1'>
+                                                <h6 className='text-sm'>
+                                                    داناک
+                                                </h6>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div className='flex gap-1.5 text-sm items-center'>
+                                        <div>جزییات</div>
+                                        <ArrowLeft
+                                            size={20}
+                                            color='white'
+                                        />
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </SwiperSlide>
+                </Swiper>
+            </div>
+
+            <DanakSuggestedService />
+
+            <DanakServices />
+        </div>
+    )
+}
+
+export default Products
\ No newline at end of file