fix: correct URL structure by moving brand and product pages to root level

- Move /design/brand/page.tsx to /brand/page.tsx
- Move /design/product/page.tsx to /product/page.tsx
- Update Header navigation links: /design/brand → /brand, /design/product → /product
- Update Hero component links: /design/brand/ → /brand/, /design/product/ → /product/
- Update Footer links: /design/brand# → /brand#, /design/product# → /product#
- Remove old /design folder structure
- Fix production URLs: buzzvil.github.io/design/brand/ → buzzvil.github.io/design/brand/
- Maintain basePath: '/design' for GitHub Pages deployment

Author: mmaxence

src/app/design/brand/page.tsx renamed to src/app/brand/page.tsx

@@ -17,14 +17,14 @@ const Footer = () => {
       { name: t('footer.foundations.tools'), href: '#tools' },
     ],
     'Brand': [
-      { name: t('footer.brand.principles'), href: '/design/brand#principles' },
-      { name: t('footer.brand.guidelines'), href: '/design/brand#guidelines' },
-      { name: t('footer.brand.resources'), href: '/design/brand#resources' },
+      { name: t('footer.brand.principles'), href: '/brand#principles' },
+      { name: t('footer.brand.guidelines'), href: '/brand#guidelines' },
+      { name: t('footer.brand.resources'), href: '/brand#resources' },
     ],
     'Product': [
-      { name: t('footer.product.principles'), href: '/design/product#principles' },
-      { name: t('footer.product.guidelines'), href: '/design/product#guidelines' },
-      { name: t('footer.product.resources'), href: '/design/product#resources' },
+      { name: t('footer.product.principles'), href: '/product#principles' },
+      { name: t('footer.product.guidelines'), href: '/product#guidelines' },
+      { name: t('footer.product.resources'), href: '/product#resources' },
     ],
     'Connect': [
       { name: t('footer.connect.contact'), href: 'mailto:design@buzzvil.com' },

src/app/design/product/page.tsx renamed to src/app/product/page.tsx

@@ -15,8 +15,8 @@ const Header = () => {
 
   const navItems = [
     { name: t('nav.foundations'), href: '/', icon: BookOpen },
-    { name: t('nav.brand'), href: '/design/brand', icon: Award },
-    { name: t('nav.product'), href: '/design/product', icon: Code },
+    { name: t('nav.brand'), href: '/brand', icon: Award },
+    { name: t('nav.product'), href: '/product', icon: Code },
   ];
 
   return (

src/components/layout/Footer.tsx

@@ -96,15 +96,15 @@ const Hero = () => {
             {t('hero.explore')}
           </motion.a>
           <motion.a
-            href="/design/brand/"
+            href="/brand/"
             whileHover={{ scale: 1.02, y: -1 }}
             whileTap={{ scale: 0.98 }}
             className="px-6 py-3 border border-border/50 text-foreground rounded-lg font-medium hover:border-border hover:bg-muted/50 transition-all duration-150 focus-ring"
           >
             {t('hero.brand')}
           </motion.a>
           <motion.a
-            href="/design/product/"
+            href="/product/"
             whileHover={{ scale: 1.02, y: -1 }}
             whileTap={{ scale: 0.98 }}
             className="px-6 py-3 border border-border/50 text-foreground rounded-lg font-medium hover:border-border hover:bg-muted/50 transition-all duration-150 focus-ring"