خیلی ممنون! حالا بیایید یک فوتر مدرن و کامل که با هدر زیبای شما هماهنگ باشد بسازیم:
📁 کپی کنید در: src/components/footer/Footer.jsx
📁 کپی کنید در: src/components/footer/Footer.css
📁 کپی کنید در: src/pages/CompleteHomePage.jsx
فوتر کاملاً حرفهای و آماده استفاده است! 🎉
An error occurred during deployment. Please fix:
Running build in Washington, D.C., USA (East) – iad1
Build machine configuration: 2 cores, 8 GB
Retrieving list of deployment files...
Previous build caches not available
Downloading 90 deployment files...
Running "vercel build"
Vercel CLI 44.3.0
Running "install" command: `bun install`...
bun install v1.2.18 (0d4089ea)
Resolving dependencies
Resolved, downloaded and extracted [1652]
warn: incorrect peer dependency "react@19.1.0"
warn: incorrect peer dependency "date-fns@4.1.0"
warn: incorrect peer dependency "react@19.1.0"
warn: incorrect peer dependency "react-dom@19.1.0"
Saved lockfile
+ @types/node@22.16.3 (v24.0.13 available)
+ @types/react@19.1.8
+ @types/react-dom@19.1.6
+ postcss@8.5.6
+ tailwindcss@3.4.17 (v4.1.11 available)
+ typescript@5.8.3
+ @hookform/resolvers@3.10.0 (v5.1.1 available)
+ @radix-ui/react-accordion@1.2.2 (v1.2.11 available)
+ @radix-ui/react-alert-dialog@1.1.4 (v1.1.14 available)
+ @radix-ui/react-aspect-ratio@1.1.1 (v1.1.7 available)
+ @radix-ui/react-avatar@1.1.2 (v1.1.10 available)
+ @radix-ui/react-checkbox@1.1.3 (v1.3.2 available)
+ @radix-ui/react-collapsible@1.1.2 (v1.1.11 available)
+ @radix-ui/react-context-menu@2.2.4 (v2.2.15 available)
+ @radix-ui/react-dialog@1.1.4 (v1.1.14 available)
+ @radix-ui/react-dropdown-menu@2.1.4 (v2.1.15 available)
+ @radix-ui/react-hover-card@1.1.4 (v1.1.14 available)
+ @radix-ui/react-label@2.1.1 (v2.1.7 available)
+ @radix-ui/react-menubar@1.1.4 (v1.1.15 available)
+ @radix-ui/react-navigation-menu@1.2.3 (v1.2.13 available)
+ @radix-ui/react-popover@1.1.4 (v1.1.14 available)
+ @radix-ui/react-progress@1.1.1 (v1.1.7 available)
+ @radix-ui/react-radio-group@1.2.2 (v1.3.7 available)
+ @radix-ui/react-scroll-area@1.2.2 (v1.2.9 available)
+ @radix-ui/react-select@2.1.4 (v2.2.5 available)
+ @radix-ui/react-separator@1.1.1 (v1.1.7 available)
+ @radix-ui/react-slider@1.2.2 (v1.3.5 available)
+ @radix-ui/react-slot@1.1.1 (v1.2.3 available)
+ @radix-ui/react-switch@1.1.2 (v1.2.5 available)
+ @radix-ui/react-tabs@1.1.2 (v1.1.12 available)
+ @radix-ui/react-toast@1.2.4 (v1.2.14 available)
+ @radix-ui/react-toggle@1.1.1 (v1.1.9 available)
+ @radix-ui/react-toggle-group@1.1.1 (v1.1.10 available)
+ @radix-ui/react-tooltip@1.1.6 (v1.2.7 available)
+ @vitejs/plugin-react@4.6.0
+ autoprefixer@10.4.21
+ class-variance-authority@0.7.1
+ clsx@2.1.1
+ cmdk@1.0.4 (v1.1.1 available)
+ date-fns@4.1.0
+ embla-carousel-react@8.5.1 (v8.6.0 available)
+ input-otp@1.4.1 (v1.4.2 available)
+ jiti@2.4.2
+ less@4.3.0
+ lightningcss@1.30.1
+ lucide-react@0.454.0 (v0.525.0 available)
+ next@15.2.4 (v15.3.5 available)
+ next-themes@0.4.6
+ react@19.1.0
+ react-day-picker@8.10.1 (v9.8.0 available)
+ react-dom@19.1.0
+ react-hook-form@7.60.0
+ react-resizable-panels@2.1.9 (v3.0.3 available)
+ react-router-dom@7.6.3
+ recharts@2.15.0 (v3.1.0 available)
+ sass@1.89.2
+ sass-embedded@1.89.2
+ sonner@1.7.4 (v2.0.6 available)
+ stylus@0.64.0
+ sugarss@5.0.0
+ tailwind-merge@2.6.0 (v3.3.1 available)
+ tailwindcss-animate@1.0.7
+ terser@5.43.1
+ tsx@4.20.3
+ vaul@0.9.9 (v1.1.2 available)
+ vite@7.0.4
+ yaml@2.8.0
+ zod@3.25.76 (v4.0.5 available)
373 packages installed [8.37s]
Blocked 1 postinstall. Run `bun pm untrusted` for details.
Detected Next.js version: 15.2.4
Running "bun run build"
$ next build
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry
▲ Next.js 15.2.4
Creating an optimized production build ...
✓ Compiled successfully
Skipping validation of types
Skipping linting
Collecting page data ...
Generating static pages (0/9) ...
[TypeError: Cannot destructure property 'basename' of 'React10.useContext(...)' as it is null.]
Error occurred prerendering page "/CompleteHomePage". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: Cannot destructure property 'basename' of 'React10.useContext(...)' as it is null.
at LinkWithRef (file:///vercel/path1/node_modules/react-router/dist/development/chunk-QMGIS6GS.mjs:8903:11)
at renderWithHooks (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4282:18)
at renderElement (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4731:18)
at retryNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5022:16)
at renderNodeDestructive (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4835:7)
at renderNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5280:14)
at renderChildrenArray (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5170:7)
at retryNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5036:9)
at renderNodeDestructive (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4835:7)
at renderNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5280:14)
Export encountered an error on /CompleteHomePage, exiting the build.
⨯ Next.js build worker exited with code: 1 and signal: null
error: script "build" exited with code 1
Error: Command "bun run build" exited with 1
Exiting build container
برای جلوگیری از خطای «Cannot destructure property 'basename' …» باید رندر سمت-سرور (SSR) برای صفحهای که کامپوننتهای مبتنی بر react-router-dom دارد غیرفعال شود؛ کافیست صفحهٔ Next.js را بهصورت داینامیک و بدون SSR بارگذاری کنیم.
در پروژهٔ فعلی فقط به یک تغییر کوچک در app/page.tsx نیاز داریم:
بعد از این اصلاح، Next.js دیگر تلاش نمیکند هنگام پیشرنـدر (prerender) به کامپوننتهای react-router-dom دسترسی پیدا کند و خطا برطرف میشود. کافی است مجدداً deploy کنید:
vercel --prodاگر بهجای React-Router قصد دارید از قابلیتهای مسیریابی خود Next.js استفاده کنید، میتوانیم در مرحلهٔ بعد تمام لینکها را به next/link مهاجرت دهیم.
An error occurred during deployment. Please fix:
Running build in Washington, D.C., USA (East) – iad1
Build machine configuration: 2 cores, 8 GB
Retrieving list of deployment files...
Previous build caches not available
Downloading 90 deployment files...
Running "vercel build"
Vercel CLI 44.3.0
Running "install" command: `bun install`...
bun install v1.2.18 (0d4089ea)
Resolving dependencies
Resolved, downloaded and extracted [1652]
warn: incorrect peer dependency "react@19.1.0"
warn: incorrect peer dependency "react-dom@19.1.0"
warn: incorrect peer dependency "react@19.1.0"
warn: incorrect peer dependency "date-fns@4.1.0"
Saved lockfile
+ @types/node@22.16.3 (v24.0.13 available)
+ @types/react@19.1.8
+ @types/react-dom@19.1.6
+ postcss@8.5.6
+ tailwindcss@3.4.17 (v4.1.11 available)
+ typescript@5.8.3
+ @hookform/resolvers@3.10.0 (v5.1.1 available)
+ @radix-ui/react-accordion@1.2.2 (v1.2.11 available)
+ @radix-ui/react-alert-dialog@1.1.4 (v1.1.14 available)
+ @radix-ui/react-aspect-ratio@1.1.1 (v1.1.7 available)
+ @radix-ui/react-avatar@1.1.2 (v1.1.10 available)
+ @radix-ui/react-checkbox@1.1.3 (v1.3.2 available)
+ @radix-ui/react-collapsible@1.1.2 (v1.1.11 available)
+ @radix-ui/react-context-menu@2.2.4 (v2.2.15 available)
+ @radix-ui/react-dialog@1.1.4 (v1.1.14 available)
+ @radix-ui/react-dropdown-menu@2.1.4 (v2.1.15 available)
+ @radix-ui/react-hover-card@1.1.4 (v1.1.14 available)
+ @radix-ui/react-label@2.1.1 (v2.1.7 available)
+ @radix-ui/react-menubar@1.1.4 (v1.1.15 available)
+ @radix-ui/react-navigation-menu@1.2.3 (v1.2.13 available)
+ @radix-ui/react-popover@1.1.4 (v1.1.14 available)
+ @radix-ui/react-progress@1.1.1 (v1.1.7 available)
+ @radix-ui/react-radio-group@1.2.2 (v1.3.7 available)
+ @radix-ui/react-scroll-area@1.2.2 (v1.2.9 available)
+ @radix-ui/react-select@2.1.4 (v2.2.5 available)
+ @radix-ui/react-separator@1.1.1 (v1.1.7 available)
+ @radix-ui/react-slider@1.2.2 (v1.3.5 available)
+ @radix-ui/react-slot@1.1.1 (v1.2.3 available)
+ @radix-ui/react-switch@1.1.2 (v1.2.5 available)
+ @radix-ui/react-tabs@1.1.2 (v1.1.12 available)
+ @radix-ui/react-toast@1.2.4 (v1.2.14 available)
+ @radix-ui/react-toggle@1.1.1 (v1.1.9 available)
+ @radix-ui/react-toggle-group@1.1.1 (v1.1.10 available)
+ @radix-ui/react-tooltip@1.1.6 (v1.2.7 available)
+ @vitejs/plugin-react@4.6.0
+ autoprefixer@10.4.21
+ class-variance-authority@0.7.1
+ clsx@2.1.1
+ cmdk@1.0.4 (v1.1.1 available)
+ date-fns@4.1.0
+ embla-carousel-react@8.5.1 (v8.6.0 available)
+ input-otp@1.4.1 (v1.4.2 available)
+ jiti@2.4.2
+ less@4.3.0
+ lightningcss@1.30.1
+ lucide-react@0.454.0 (v0.525.0 available)
+ next@15.2.4 (v15.3.5 available)
+ next-themes@0.4.6
+ react@19.1.0
+ react-day-picker@8.10.1 (v9.8.0 available)
+ react-dom@19.1.0
+ react-hook-form@7.60.0
+ react-resizable-panels@2.1.9 (v3.0.3 available)
+ react-router-dom@7.6.3
+ recharts@2.15.0 (v3.1.0 available)
+ sass@1.89.2
+ sass-embedded@1.89.2
+ sonner@1.7.4 (v2.0.6 available)
+ stylus@0.64.0
+ sugarss@5.0.0
+ tailwind-merge@2.6.0 (v3.3.1 available)
+ tailwindcss-animate@1.0.7
+ terser@5.43.1
+ tsx@4.20.3
+ vaul@0.9.9 (v1.1.2 available)
+ vite@7.0.4
+ yaml@2.8.0
+ zod@3.25.76 (v4.0.5 available)
373 packages installed [8.37s]
Blocked 1 postinstall. Run `bun pm untrusted` for details.
Detected Next.js version: 15.2.4
Running "bun run build"
$ next build
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry
▲ Next.js 15.2.4
Creating an optimized production build ...
✓ Compiled successfully
Skipping validation of types
Skipping linting
Collecting page data ...
Generating static pages (0/9) ...
[TypeError: Cannot destructure property 'basename' of 'React10.useContext(...)' as it is null.]
Error occurred prerendering page "/CompleteHomePage". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: Cannot destructure property 'basename' of 'React10.useContext(...)' as it is null.
at LinkWithRef (file:///vercel/path1/node_modules/react-router/dist/development/chunk-QMGIS6GS.mjs:8903:11)
at renderWithHooks (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4282:18)
at renderElement (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4731:18)
at retryNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5022:16)
at renderNodeDestructive (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4835:7)
at renderNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5280:14)
at renderChildrenArray (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5170:7)
at retryNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5036:9)
at renderNodeDestructive (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:4835:7)
at renderNode (/vercel/path1/node_modules/react-dom/cjs/react-dom-server.edge.production.js:5280:14)
Export encountered an error on /CompleteHomePage, exiting the build.
⨯ Next.js build worker exited with code: 1 and signal: null
error: script "build" exited with code 1
Error: Command "bun run build" exited with 1
You can send messages while the preview loads