From f90bb0165b8bbfc48c4d113963410efe197b0387 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Thu, 13 Mar 2025 20:59:33 -0400
Subject: [PATCH] Add configuration for Header and Footer to use

---
 config.json                        | 55 ++++++++++++++++++++++++++++++
 src/components/global/Footer.astro | 27 +++++++++------
 src/components/global/Header.astro | 17 +++++----
 3 files changed, 82 insertions(+), 17 deletions(-)
 create mode 100644 config.json

diff --git a/config.json b/config.json
new file mode 100644
index 0000000..f16bf5d
--- /dev/null
+++ b/config.json
@@ -0,0 +1,55 @@
+{
+    "Meta": {
+        "Name": "Company Name",
+        "Slogan": "A company slogan goes here.",
+        "LegalName": "Company Name LLC",
+        "CopyrightDate": "2024 - 2025"
+    },
+    "Logo": {
+        "Favicon": "/favicon.png",
+        "HeaderLight": "/LogoHeaderLight.svg",
+        "HeaderDark": "/LogoHeaderDark.svg",
+        "FooterLight": "/LogoFooterLight.png",
+        "FooterDark": "/LogoFooterDark.png"
+    },
+    "Menu": {
+        "Center": [
+            {
+                "Name": "Webpage",
+                "Link": "#"
+            },
+            {
+                "Name": "Webpage",
+                "Link": "#"
+            },
+            {
+                "Name": "Webpage",
+                "Link": "#"
+            },
+            {
+                "Name": "Webpage",
+                "Link": "#"
+            }
+        ],
+        "End": [
+            {
+                "Name": "Contact Us",
+                "Link": "#"
+            }
+        ],
+        "FooterBottom": [
+            {
+                "Name": "Legal Document",
+                "Link": "#"
+            },
+            {
+                "Name": "Privacy Policy",
+                "Link": "#"
+            },
+            {
+                "Name": "Cookies Policy",
+                "Link": "#"
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/src/components/global/Footer.astro b/src/components/global/Footer.astro
index 28389ab..db28684 100644
--- a/src/components/global/Footer.astro
+++ b/src/components/global/Footer.astro
@@ -1,9 +1,15 @@
+---
+// Configuration
+import { Meta, Menu, Logo } from "../../../config.json"
+---
+
 <footer>
     <div class="footer-top">
         <div class="top-footer-start">
-            <img src="/logo.png"/>
-            <h2>Company Name</h2>
-            <p>A company slogan goes here.</p>
+            <img class="footer-site-logo light" src={Logo.FooterLight}/>
+            <img class="footer-site-logo dark" src={Logo.FooterDark}/>
+            <h2>{Meta.Name}</h2>
+            <p>{Meta.Slogan}</p>
         </div>
         <div class="top-footer-end">
             <div>
@@ -29,12 +35,10 @@
     </div>
     <div class="footer-bottom">
         <div class="bottom-footer-start">
-            <p>© 2025 Company Name LLC</p>
+            <p>© {Meta.CopyrightDate} {Meta.LegalName}</p>
         </div>
         <div class="bottom-footer-end">
-            <a href="#">Legal Document</a>
-            <a href="#">Privacy Policy</a>
-            <a href="#">Cookies Policy</a>
+            {Menu.FooterBottom.map((Link) => <a href={Link.Link}>{Link.Name}</a>)}
         </div>
     </div>
 </footer>
@@ -54,8 +58,8 @@ footer {
             gap: 24px;
             * {margin: 0px}
             img {
-                width: 64px;
-                height: 64px;
+                height: 48px;
+                object-position: left;
                 object-fit: contain;
             }
         }
@@ -79,7 +83,10 @@ footer {
         padding-top: 24px;
         .bottom-footer-end {
             display: flex;
-            gap: 12px;
+            gap: 24px;
+            a {
+                text-decoration: none;
+            }
         }
     }
 }
diff --git a/src/components/global/Header.astro b/src/components/global/Header.astro
index 06f80ff..090410f 100644
--- a/src/components/global/Header.astro
+++ b/src/components/global/Header.astro
@@ -1,17 +1,20 @@
+---
+// Configuration
+import { Meta, Menu, Logo } from "../../../config.json"
+---
+
 <header>
     <div class="header-start">
         <a href="/">
-            <img class="header-site-logo" src="/logo.png"/>
-            <h2>Company Name</h2>
+            <img class="header-site-logo light" src={Logo.HeaderLight}/>
+            <img class="header-site-logo dark" src={Logo.HeaderDark}/>
+            <h2>{Meta.Name}</h2>
         </a>
     </div>
     <div class="header-middle">
-        <a href="#">Webpage</a>
-        <a href="#">Webpage</a>
-        <a href="#">Webpage</a>
-        <a href="#">Webpage</a>
+        {Menu.Center.map((Link) => <a href={Link.Link}>{Link.Name}</a>)}
     </div>
     <div class="header-end">
-        <a href="#">Contact Us</a>
+        {Menu.End.map((Link) => <a href={Link.Link}>{Link.Name}</a>)}
     </div>
 </header>
\ No newline at end of file