Fix header responsiveness

Author: sa-fw-an

src/constants/Header.ts

@@ -1,20 +1,21 @@
-export interface MenuItem {
-  label: string;
-  path: string;
-}
+export const navigationData = {
+  dropdowns: {
+    about: {
+      label: 'About',
+      items: [
+        { label: 'About Us', path: '/about-us' },
+        { label: 'Leadership', path: '/leadership' },
+        { label: 'Contact Us', path: '/contact-us' },
+        { label: 'FAQs', path: '/faqs' },
+      ],
+    },
+  },
 
-export interface DropdownItem {
-  label: string;
-  items: MenuItem[];
-}
-
-const aboutItems: MenuItem[] = [
-  { label: 'About Us', path: '/about-us' },
-  { label: 'Leadership', path: '/leadership' },
-  { label: 'Contact Us', path: '/contact-us' },
-  { label: 'FAQs', path: '/faqs' },
-];
-
-export const dropdowns: Record<string, DropdownItem> = {
-  about: { label: 'About', items: aboutItems },
+  links: [
+    { label: 'News', path: '/news' },
+    { label: 'Products', path: '/products' },
+    { label: 'Donate', path: '/donate' },
+    { label: 'Join Development', path: '/join-development' },
+    { label: 'Volunteer', path: '/volunteer' },
+  ],
 };

src/pages/TrySugar.tsx

@@ -6,7 +6,7 @@ const TrySugar = () => {
   return (
     <div className="min-h-screen flex flex-col">
       <Header />
-      <main className="flex-grow bg-[#F6DEC9] p-4 md:p-16 mt-10">
+      <main className="flex-grow bg-[#F6DEC9] p-4">
         <div className="max-w-6xl mx-auto space-y-8">
           <Try />
         </div>

src/sections/Banner.tsx

@@ -109,7 +109,7 @@ const PromoBanner: React.FC<PromoBannerProps> = ({
         <div
           className={`w-full bg-gradient-to-r ${styles.background} border-b ${styles.border} shadow-sm overflow-hidden`}
         >
-          <div className="max-w-7xl mx-auto px-3 py-6 sm:px-6 md:px-8 relative mt-10 sm:mt-12">
+          <div className="max-w-7xl mx-auto px-3 py-6 sm:px-6 md:px-8 relative">
             <AnimatePresence initial={false} custom={direction} mode="wait">
               <motion.div
                 key={currentBannerIndex}