From 5aaf0aa6bd9d0f892ecf6049c5f66894db8d9cd2 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 6 Oct 2025 12:07:16 +0330
Subject: [PATCH] shipment

---
 src/app/shipment/page.tsx | 110 ++++++++++++++++++++++++++++++++++++++
 src/share/Footer.tsx      |   2 +-
 2 files changed, 111 insertions(+), 1 deletion(-)
 create mode 100644 src/app/shipment/page.tsx

diff --git a/src/app/shipment/page.tsx b/src/app/shipment/page.tsx
new file mode 100644
index 0000000..f04ac3b
--- /dev/null
+++ b/src/app/shipment/page.tsx
@@ -0,0 +1,110 @@
+'use client'
+
+import Layout from '@/hoc/Layout'
+import { type FC } from 'react'
+import { useGetSiteSetting } from '../privacy/hooks/usePrivacyData'
+import {
+    Breadcrumb,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbList,
+    BreadcrumbPage,
+    BreadcrumbSeparator
+} from '@/components/ui/breadcrumb'
+import { Separator } from '@/components/ui/separator'
+import { Truck } from 'iconsax-react'
+import Link from 'next/link'
+
+const Shipment: FC = () => {
+
+    const { data } = useGetSiteSetting('shipmentContent')
+
+    return (
+        <Layout>
+            <div className="mt-14 px-4 sm:px-6 md:px-8 lg:px-12 xl:px-20 max-w-full overflow-x-hidden">
+                {/* Breadcrumb */}
+                <div className="mb-6 sm:mb-8">
+                    <Breadcrumb>
+                        <BreadcrumbList>
+                            <BreadcrumbItem>
+                                <BreadcrumbLink asChild>
+                                    <Link href="/" className="text-gray-600 hover:text-gray-800">
+                                        خانه
+                                    </Link>
+                                </BreadcrumbLink>
+                            </BreadcrumbItem>
+                            <BreadcrumbSeparator className='rotate-180' />
+                            <BreadcrumbItem>
+                                <BreadcrumbPage className="text-gray-800 font-medium">
+                                    ارسال کالا
+                                </BreadcrumbPage>
+                            </BreadcrumbItem>
+                        </BreadcrumbList>
+                    </Breadcrumb>
+                </div>
+
+                {/* عنوان اصلی */}
+                <div className="text-center mb-8 sm:mb-12">
+                    <div className="inline-flex items-center justify-center w-16 h-16 sm:w-20 sm:h-20 bg-primary/10 rounded-full mb-4 sm:mb-6">
+                        <Truck
+                            size={32}
+                            color='#DA2129'
+                            className="sm:w-10 sm:h-10 text-primary"
+                        />
+                    </div>
+                    <h1 className="text-xl sm:text-2xl lg:text-3xl font-bold text-gray-800 mb-3 sm:mb-4">
+                        شرایط ارسال کالا
+                    </h1>
+                    <p className="text-gray-600 text-sm sm:text-base max-w-2xl mx-auto leading-relaxed">
+                        اطلاعات کاملی درباره نحوه ارسال کالا، هزینه‌ها و زمان‌بندی تحویل سفارشات شما
+                    </p>
+                </div>
+
+                <Separator className="mb-8 sm:mb-12" />
+
+                {/* محتوای اصلی */}
+                {data?.results ? (
+                    <div className="bg-white rounded-lg border border-gray-100 shadow-sm p-4 sm:p-6 lg:p-8">
+                        <div
+                            className="prose prose-sm sm:prose-base lg:prose-lg prose-gray max-w-none
+                                prose-headings:text-gray-800 prose-headings:font-bold
+                                prose-p:text-gray-700 prose-p:leading-relaxed prose-p:mb-4
+                                prose-li:text-gray-700 prose-li:leading-relaxed
+                                prose-strong:text-gray-800 prose-strong:font-semibold
+                                prose-ul:space-y-2 prose-ol:space-y-2"
+                            dangerouslySetInnerHTML={{ __html: data.results.siteSetting.shipmentContent }}
+                        />
+                    </div>
+                ) : (
+                    <div className="bg-white rounded-lg border border-gray-100 shadow-sm p-8 text-center">
+                        <div className="inline-flex items-center justify-center w-12 h-12 bg-gray-100 rounded-full mb-4">
+                            <Truck size={20} className="text-gray-400" />
+                        </div>
+                        <p className="text-gray-500 text-sm sm:text-base">
+                            در حال بارگذاری اطلاعات...
+                        </p>
+                    </div>
+                )}
+
+                {/* بخش تماس برای سوالات بیشتر */}
+                <div className="mt-8 sm:mt-12 bg-gradient-to-r from-primary/5 to-primary/10 rounded-lg p-4 sm:p-6 lg:p-8 text-center">
+                    <h3 className="text-lg sm:text-xl font-semibold text-gray-800 mb-3 sm:mb-4">
+                        سوالی درباره ارسال دارید؟
+                    </h3>
+                    <p className="text-gray-600 text-sm sm:text-base mb-4 sm:mb-6 leading-relaxed max-w-2xl mx-auto">
+                        اگر در مورد شرایط ارسال کالا یا زمان‌بندی تحویل سوال دارید،
+                        می‌توانید با تیم پشتیبانی ما تماس بگیرید.
+                    </p>
+                    <Link
+                        href="/contact"
+                        className="inline-flex items-center gap-2 bg-primary text-white px-4 py-2 sm:px-6 sm:py-3 rounded-lg hover:bg-primary/90 transition-colors text-sm sm:text-base font-medium"
+                    >
+                        تماس با ما
+                    </Link>
+                </div>
+            </div>
+        </Layout>
+    )
+}
+
+export default Shipment
\ No newline at end of file
diff --git a/src/share/Footer.tsx b/src/share/Footer.tsx
index b5b19d2..38b9c27 100644
--- a/src/share/Footer.tsx
+++ b/src/share/Footer.tsx
@@ -139,7 +139,7 @@ const Footer: FC = () => {
                         <div className='text-sm sm:text-base font-medium'>راهنمای خرید از {SHOP_CONFIG.fullName}</div>
                         <ul className='flex mt-4 sm:mt-6 flex-col gap-3 sm:gap-4 font-light'>
                             <li>
-                                <Link href="/faq" className='text-[#878787] hover:text-primary transition-colors text-sm sm:text-base'>
+                                <Link href="/guide-order" className='text-[#878787] hover:text-primary transition-colors text-sm sm:text-base'>
                                     نحوه ثبت سفارش
                                 </Link>
                             </li>