feat: implement programmatic SEO solutions hub

- Add /solutions hub page with 10 category cards
- Add /solutions/by-concern directory page
- Add /solutions/by-oil directory page
- Add Solutions section to Footer with navigation links
- Add Breadcrumb component for solution pages
- Add translations for all solution pages (sr, en, de, fr)
- Fix ExitIntentDetector JSON parsing error
- Update sitemap with solution pages
- Create 3 sample solution pages with data files

src/components/layout/Footer.tsx

@@ -21,6 +21,12 @@ export default function Footer({ locale = "sr" }: FooterProps) {
       { label: t("skinCare"), href: `${localePath}/products` },
       { label: t("giftSets"), href: `${localePath}/products` },
     ],
+    solutions: [
+      { label: t("allSolutions"), href: `${localePath}/solutions` },
+      { label: t("byConcern"), href: `${localePath}/solutions/by-concern` },
+      { label: t("byOil"), href: `${localePath}/solutions/by-oil` },
+      { label: t("skincareGuide"), href: `${localePath}/solutions` },
+    ],
     about: [
       { label: t("ourStory"), href: `${localePath}/about` },
       { label: t("process"), href: `${localePath}/about` },
@@ -74,7 +80,7 @@ export default function Footer({ locale = "sr" }: FooterProps) {
           </div>
 
           <div className="lg:col-span-8">
-            <div className="grid grid-cols-2 md:grid-cols-3 gap-8">
+            <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
               <div className="flex flex-col">
                 <h4 className="text-xs uppercase tracking-[0.15em] font-medium mb-5 text-[#1a1a1a]">
                   {t("shop")}
@@ -93,6 +99,24 @@ export default function Footer({ locale = "sr" }: FooterProps) {
                 </ul>
               </div>
 
+              <div className="flex flex-col">
+                <h4 className="text-xs uppercase tracking-[0.15em] font-medium mb-5 text-[#1a1a1a]">
+                  {t("solutions")}
+                </h4>
+                <ul className="space-y-3">
+                  {footerLinks.solutions.map((link) => (
+                    <li key={link.label}>
+                      <Link
+                        href={link.href}
+                        className="text-sm text-[#666666] hover:text-black transition-colors"
+                      >
+                        {link.label}
+                      </Link>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+
               <div className="flex flex-col">
                 <h4 className="text-xs uppercase tracking-[0.15em] font-medium mb-5 text-[#1a1a1a]">
                   {t("about")}