From e95983d9b0695a8be727864960361620a92dfc01 Mon Sep 17 00:00:00 2001 From: AmirmahdiNourkazemi Date: Fri, 7 Nov 2025 16:31:45 +0330 Subject: [PATCH] feat: drawer in mobile view --- app/components/DownloadSection.jsx | 6 +- app/components/Header.jsx | 92 +++++++++++++++++++++++------ next.config.ts | 2 +- out.zip | Bin 0 -> 1853286 bytes 4 files changed, 78 insertions(+), 22 deletions(-) create mode 100644 out.zip diff --git a/app/components/DownloadSection.jsx b/app/components/DownloadSection.jsx index 6c4211a..3cc9211 100644 --- a/app/components/DownloadSection.jsx +++ b/app/components/DownloadSection.jsx @@ -59,7 +59,7 @@ function DownloadSection() { className={`relative flex flex-col items-center justify-center p-8 bg-gradient-to-br ${option.gradient} rounded-3xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 group ${option.animation} overflow-hidden border ${option.border}`} > {/* Shine effect */} -
+ {/*
*/} {option.badge && (
@@ -71,8 +71,8 @@ function DownloadSection() { Download {/* */}
-

{option.title}

-

{option.description}

+

{option.title}

+

{option.description}

))} diff --git a/app/components/Header.jsx b/app/components/Header.jsx index 78312c7..80375d0 100644 --- a/app/components/Header.jsx +++ b/app/components/Header.jsx @@ -1,33 +1,45 @@ "use client"; import { useScroll } from '../hooks/useScroll'; +import { useState } from 'react'; +import { Menu, X } from 'lucide-react'; + function Header() { - const { scrollToSectionWithHeader } = useScroll(); + const { scrollToSectionWithHeader } = useScroll(); + const [isMenuOpen, setIsMenuOpen] = useState(false); + + const navigationItems = [ + { name: 'ویژگی‌ها', id: 'features' }, + { name: 'امکانات', id: 'what-you-can-do' }, + { name: 'چرا ما', id: 'why-aramland' }, + { name: 'دانلود', id: 'download' }, + { name: 'ارتباط با ما', id: 'footer' }, + ]; + + const handleNavClick = (sectionId) => { + scrollToSectionWithHeader(sectionId); + setIsMenuOpen(false); + }; + return ( -