2026-02-21 14:25:56 +00:00
4 changed files with 52 additions and 40 deletions
--- 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;
          }
        }
--- 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&quot;h&quot;angaCo",        bottomLeftText: "Taste the Tradition",        bottomRightText: "Order Now!",        button: { text: "Cart", onClick: () => setCartOpen(true) }
    };

    const footerProps = {
-        logoText: "ChimiC"h"angaCo",        columns: [
+        logoText: "ChimiC&quot;h&quot;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&quot;h&quot;angaCo. All rights reserved."
    };

    if (isLoading) {
--- 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 (
--- 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);