diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 66eb8c8..324d496 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -9,15 +9,15 @@ const rubik = Rubik({
 });
 
 export const metadata: Metadata = {
-  title: "ChimiC"h"angaCo | Authentic & Delicious Chimichangas",  description: "Taste the best chimichangas in town! Crispy, flavorful, and made with fresh ingredients. Order online for delivery or pickup.",  keywords: ["chimichangas", "mexican food", "burritos", "fried burritos", "food delivery", "authentic mexican", "fast casual", "local food"],
+  title: "ChimiC\"h\"angaCo | Authentic & Delicious Chimichangas",  description: "Taste the best chimichangas in town! Crispy, flavorful, and made with fresh ingredients. Order online for delivery or pickup.",  keywords: ["chimichangas", "mexican food", "burritos", "fried burritos", "food delivery", "authentic mexican", "fast casual", "local food"],
   openGraph: {
-    title: "ChimiC"h"angaCo | Authentic & Delicious Chimichangas",    description: "Savor the authentic taste of Mexico with our perfectly fried, flavor-packed chimichangas.",    url: "/",    siteName: "ChimiC"h"angaCo",    images: [
+    title: "ChimiC\"h\"angaCo | Authentic & Delicious Chimichangas",    description: "Savor the authentic taste of Mexico with our perfectly fried, flavor-packed chimichangas.",    url: "/",    siteName: "ChimiC\"h\"angaCo",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/front-view-sliced-shaurma-delicious-meat-sandwich-inside-brown-plate-dark-space_140725-95362.jpg",        alt: "Delicious crispy chimichanga on a plate"},
+        url: "https://img.b2bpic.net/free-photo/front-view-sliced-shaurma-delicious-meat-sandwich-inside-brown-plate-dark-space_140725-95362.jpg",        alt: "Delicious crispy chimichanga on a plate"      },
     ],
-    type: "website"},
+    type: "website"  },
   twitter: {
-    card: "summary_large_image",    title: "ChimiC"h"angaCo | Authentic & Delicious Chimichangas",    description: "Savor the authentic taste of Mexico with our perfectly fried, flavor-packed chimichangas.",    images: ["https://img.b2bpic.net/free-photo/front-view-sliced-shaurma-delicious-meat-sandwich-inside-brown-plate-dark-space_140725-95362.jpg"],
+    card: "summary_large_image",    title: "ChimiC\"h\"angaCo | Authentic & Delicious Chimichangas",    description: "Savor the authentic taste of Mexico with our perfectly fried, flavor-packed chimichangas.",    images: ["https://img.b2bpic.net/free-photo/front-view-sliced-shaurma-delicious-meat-sandwich-inside-brown-plate-dark-space_140725-95362.jpg"],
   },
   robots: {
     index: true,
@@ -183,7 +183,7 @@ export default function RootLayout({
 
     const buttonClasses = ['btn', 'button', 'cta', 'action-button'];
     const hasButtonClass = buttonClasses.some(cls =>
-      element.classList.contains(cls) || element.classList.contains(\`btn-\${cls}\`)
+      element.classList.contains(cls) || element.classList.contains(`btn-${cls}`)
     );
 
     if (hasButtonClass && element.textContent && element.textContent.trim().length > 0) {
@@ -292,7 +292,8 @@ export default function RootLayout({
           className = element.className.baseVal;
         }
       }
-    } catch (e) {}
+    }
+    catch (e) {}
     
     const info = {
       tagName: tagName,
@@ -675,17 +676,17 @@ export default function RootLayout({
     const rect = element.getBoundingClientRect();
     const overlay = document.createElement('div');
     overlay.className = 'webild-hover-overlay';
-    overlay.style.cssText = \`
+    overlay.style.cssText = `
       position: fixed !important;
-      top: \${rect.top - 2}px !important;
-      left: \${rect.left - 2}px !important;
-      width: \${rect.width + 4}px !important;
-      height: \${rect.height + 4}px !important;
+      top: ${rect.top - 2}px !important;
+      left: ${rect.left - 2}px !important;
+      width: ${rect.width + 4}px !important;
+      height: ${rect.height + 4}px !important;
       background-color: rgba(90, 113, 230, 0.15) !important;
       pointer-events: none !important;
       z-index: 999998 !important;
       transition: all 0.15s ease !important;
-    \`;
+    `;
     document.body.appendChild(overlay);
     return overlay;
   };
@@ -748,11 +749,11 @@ export default function RootLayout({
       elementTypeLabel.classList.add('label-bottom');
     }
 
-    elementTypeLabel.style.cssText = \`
-      left: \${labelLeft}px !important;
-      top: \${labelTop}px !important;
+    elementTypeLabel.style.cssText = `
+      left: ${labelLeft}px !important;
+      top: ${labelTop}px !important;
       transform: none !important;
-    \`;
+    `;
   };
   
   const removeElementTypeLabel = () => {
@@ -1006,7 +1007,7 @@ export default function RootLayout({
   const getStorageKey = () => {
     const url = new URL(window.location.href);
     const pathParts = url.pathname.split('/').filter(Boolean);
-    return \`webild-changes-\${pathParts.join('-')}\`;
+    return `webild-changes-${pathParts.join('-')}`;
   };
 
   const saveChangeToStorage = (change) => {
@@ -1242,7 +1243,7 @@ export default function RootLayout({
 
         if (isBackground) {
           oldValue = window.getComputedStyle(element).backgroundImage;
-          element.style.backgroundImage = \`url('\${newSrc}')\`;
+          element.style.backgroundImage = `url('${newSrc}')`;
           replaced = true;
         } else if (element.tagName.toLowerCase() === 'img') {
           oldValue = element.src;
@@ -1277,7 +1278,7 @@ export default function RootLayout({
           const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
           if (hasBackgroundImage) {
             oldValue = window.getComputedStyle(element).backgroundImage;
-            element.style.backgroundImage = \`url('\${newSrc}')\`;
+            element.style.backgroundImage = `url('${newSrc}')`;
             replaced = true;
           }
         }
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 263195f..0d1cb34 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -75,17 +75,21 @@ function ProductPageContent({ params }: ProductPageProps) {
     }, [cartItems, checkout, getCheckoutItems]);
 
     const navbarProps = {
-        navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],
-        brandName: "ChimiC"h"angaCo",        bottomLeftText: "Taste the Tradition",        bottomRightText: "Order Now!",        button: { text: "Cart", onClick: () => setCartOpen(true) }
+        navItems: [{
+            name: "Home",            id: "/"
+        }, {
+            name: "Shop",            id: "/shop"
+        }],
+        brandName: "ChimiC"h"angaCo",        bottomLeftText: "Taste the Tradition",        bottomRightText: "Order Now!",        button: { text: "Cart", onClick: () => setCartOpen(true) }
     };
 
     const footerProps = {
-        logoText: "ChimiC"h"angaCo",        columns: [
+        logoText: "ChimiC"h"angaCo",        columns: [
             { title: "Menu", items: [{ label: "Beef Chimichanga", href: "#products" }, { label: "Chicken Chimichanga", href: "#products" }, { label: "Vegetarian Chimichanga", href: "#products" }] },
             { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
             { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "/privacy" }] }
         ],
-        copyrightText: "© 2024 ChimiC"h"angaCo. All rights reserved."
+        copyrightText: "© 2024 ChimiC"h"angaCo. All rights reserved."
     };
 
     if (isLoading) {
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 88373f2..3faa016 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -30,7 +30,10 @@ function ShopPageContent() {
         getCheckoutItems,
     } = useCart();
 
-    const { checkout, isLoading: isCheckoutLoading } = useCheckout();
+    const {
+        checkout,
+        isLoading: isCheckoutLoading
+    } = useCheckout();
 
     const handleCheckout = useCallback(async () => {
         if (cartItems.length === 0) return;
@@ -41,7 +44,11 @@ function ShopPageContent() {
         await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
     }, [cartItems, checkout, getCheckoutItems]);
 
-    const navItems = [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }];
+    const navItems = [{
+        name: "Home",        id: "/"
+    }, {
+        name: "Shop",        id: "/shop"
+    }];
 
     if (isLoading) {
         return (
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index bdea9e7..a91ce50 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #fafffb;;
-  --card: #f7fffa;;
-  --foreground: #001a0a;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #ffffff;;
-  --accent: #a8d9be;;
-  --background-accent: #6bbf8e;; */
+  /* --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;; */
 
-  --background: #fafffb;;
-  --card: #f7fffa;;
-  --foreground: #001a0a;;
-  --primary-cta: #0a7039;;
-  --secondary-cta: #ffffff;;
-  --accent: #a8d9be;;
-  --background-accent: #6bbf8e;;
+  --background: #0a0a0a;;
+  --card: #1a1a1a;;
+  --foreground: #ffffffe6;;
+  --primary-cta: #e6e6e6;;
+  --secondary-cta: #1a1a1a;;
+  --accent: #737373;;
+  --background-accent: #737373;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);