diff --git a/src/pages/products/[...slug].astro b/src/pages/products/[...slug].astro
index dea0251..b3a40a9 100644
--- a/src/pages/products/[...slug].astro
+++ b/src/pages/products/[...slug].astro
@@ -27,7 +27,9 @@ const { product } = Astro.props;
 const pageTitle: string = `${product.data.title} | ${SITE.title}`;
 ---
 
-<MainLayout title={pageTitle}>
+<MainLayout
+  title={pageTitle}
+>
   <div id="overlay" class="fixed inset-0 bg-neutral-200 dark:bg-neutral-800">
   </div>
 
@@ -146,7 +148,6 @@ const pageTitle: string = `${product.data.title} | ${SITE.title}`;
                 ))
               }
             </div>
-
             {
               product.data.specificationsRight ? (
                 <div class="mt-6 max-w-md space-y-6 md:ml-auto md:mt-0">
@@ -211,164 +212,163 @@ const pageTitle: string = `${product.data.title} | ${SITE.title}`;
       </div>
     </div>
   </div>
-</MainLayout>
 
-<div id="tabs-with-card-3" class="hidden" role="tabpanel">
-  <div class="mx-auto mb-20 flex w-full md:mb-28 2xl:w-4/5">
-    <div
-      class="relative left-12 top-12 z-10 overflow-hidden rounded-xl shadow-lg md:left-12 md:top-16 md:-ml-12 lg:ml-0"
-    >
-      {
-        product.data.blueprints.first && (
-          <Image
-            src={product.data.blueprints.first}
-            class="h-full w-full object-cover object-center"
-            alt="Blueprint Illustration"
-            format={"avif"}
-          />
-        )
-      }
-    </div>
+  <div id="tabs-with-card-3" class="hidden" role="tabpanel">
+    <div class="mx-auto mb-20 flex w-full md:mb-28 2xl:w-4/5">
+      <div
+        class="relative left-12 top-12 z-10 overflow-hidden rounded-xl shadow-lg md:left-12 md:top-16 md:-ml-12 lg:ml-0"
+      >
+        {
+          product.data.blueprints.first && (
+            <Image
+              src={product.data.blueprints.first}
+              class="h-full w-full object-cover object-center"
+              alt="Blueprint Illustration"
+              format={"avif"}
+            />
+          )
+        }
+      </div>
 
-    <div class="relative right-12 overflow-hidden rounded-xl shadow-xl">
-      {
-        product.data.blueprints.second && (
-          <Image
-            src={product.data.blueprints.second}
-            class="h-full w-full object-cover object-center"
-            alt="Blueprint Illustration"
-            format={"avif"}
-          />
-        )
-      }
+      <div class="relative right-12 overflow-hidden rounded-xl shadow-xl">
+        {
+          product.data.blueprints.second && (
+            <Image
+              src={product.data.blueprints.second}
+              class="h-full w-full object-cover object-center"
+              alt="Blueprint Illustration"
+              format={"avif"}
+            />
+          )
+        }
+      </div>
     </div>
   </div>
-</div>
+</MainLayout>
+  <script is:inline src="/scripts/vendor/gsap/gsap.min.js"></script>
+  <script>
+    window.addEventListener("load", () => {
+      if (window.gsap) {
+        const gsap = window.gsap;
+        gsap.set("#fadeText", {
+          autoAlpha: 0,
+          y: 50,
+          willChange: "transform, opacity",
+        });
+        gsap.set("#fadeInUp", {
+          autoAlpha: 0,
+          y: 50,
+          willChange: "transform, opacity",
+        });
+        gsap.set("#fadeInMoveRight", {
+          autoAlpha: 0,
+          x: 300,
+          willChange: "transform, opacity",
+        });
 
-<script is:inline src="/scripts/vendor/gsap/gsap.min.js"></script>
-<script>
-  window.addEventListener("load", () => {
-    if (window.gsap) {
-      const gsap = window.gsap;
-      gsap.set("#fadeText", {
-        autoAlpha: 0,
-        y: 50,
-        willChange: "transform, opacity",
-      });
-      gsap.set("#fadeInUp", {
-        autoAlpha: 0,
-        y: 50,
-        willChange: "transform, opacity",
-      });
-      gsap.set("#fadeInMoveRight", {
-        autoAlpha: 0,
-        x: 300,
-        willChange: "transform, opacity",
-      });
+        let timeline = gsap.timeline({ defaults: { overwrite: "auto" } });
 
-      let timeline = gsap.timeline({ defaults: { overwrite: "auto" } });
+        timeline.to("#fadeText", {
+          duration: 1.5,
+          autoAlpha: 1,
+          y: 0,
+          delay: 1,
+          ease: "power2.out",
+        });
 
-      timeline.to("#fadeText", {
-        duration: 1.5,
-        autoAlpha: 1,
-        y: 0,
-        delay: 1,
-        ease: "power2.out",
-      });
-
-      timeline.to(
-        "#fadeInUp",
-        { duration: 1.5, autoAlpha: 1, y: 0, ease: "power2.out" },
-        "-=1.2"
-      );
-
-      timeline.to(
-        "#fadeInMoveRight",
-        { duration: 1.5, autoAlpha: 1, x: 0, ease: "power2.inOut" },
-        "-=1.4"
-      );
-
-      timeline.to("#overlay", { duration: 1, autoAlpha: 0, delay: 0.2 });
-    }
-  });
-</script>
-<script>
-  document.addEventListener("DOMContentLoaded", function () {
-    function setButtonInactive(btn: any, activeButton: any) {
-      if (btn !== activeButton) {
-        btn.classList.remove(
-          "active",
-          "bg-neutral-100",
-          "hover:border-transparent",
-          "dark:bg-white/[.05]"
+        timeline.to(
+          "#fadeInUp",
+          { duration: 1.5, autoAlpha: 1, y: 0, ease: "power2.out" },
+          "-=1.2",
         );
 
-        const tabId = btn.getAttribute("data-target");
+        timeline.to(
+          "#fadeInMoveRight",
+          { duration: 1.5, autoAlpha: 1, x: 0, ease: "power2.inOut" },
+          "-=1.4",
+        );
+
+        timeline.to("#overlay", { duration: 1, autoAlpha: 0, delay: 0.2 });
+      }
+    });
+  </script>
+  <script>
+    document.addEventListener("DOMContentLoaded", function () {
+      function setButtonInactive(btn: any, activeButton: any) {
+        if (btn !== activeButton) {
+          btn.classList.remove(
+            "active",
+            "bg-neutral-100",
+            "hover:border-transparent",
+            "dark:bg-white/[.05]",
+          );
+
+          const tabId = btn.getAttribute("data-target");
+          if (tabId) {
+            const contentElement = document.querySelector(tabId);
+            if (contentElement) {
+              contentElement.classList.add("hidden");
+            }
+          }
+
+          changeHeadingStyle(
+            btn,
+            ["text-neutral-800", "dark:text-neutral-200"],
+            ["text-orange-400", "dark:text-orange-300"],
+          );
+        }
+      }
+
+      function activateButton(button: any) {
+        button.classList.add(
+          "active",
+          "bg-neutral-100",
+          ",hover:border-transparent",
+          "dark:bg-white/[.05]",
+        );
+
+        const tabId = button.getAttribute("data-target");
         if (tabId) {
-          const contentElement = document.querySelector(tabId);
-          if (contentElement) {
-            contentElement.classList.add("hidden");
+          const contentElementToShow = document.querySelector(tabId);
+          if (contentElementToShow) {
+            contentElementToShow.classList.remove("hidden");
           }
         }
 
         changeHeadingStyle(
-          btn,
+          button,
+          ["text-orange-400", "dark:text-orange-300"],
           ["text-neutral-800", "dark:text-neutral-200"],
-          ["text-orange-400", "dark:text-orange-300"]
         );
       }
-    }
 
-    function activateButton(button: any) {
-      button.classList.add(
-        "active",
-        "bg-neutral-100",
-        ",hover:border-transparent",
-        "dark:bg-white/[.05]"
-      );
-
-      const tabId = button.getAttribute("data-target");
-      if (tabId) {
-        const contentElementToShow = document.querySelector(tabId);
-        if (contentElementToShow) {
-          contentElementToShow.classList.remove("hidden");
+      function changeHeadingStyle(
+        button: any,
+        addClasses: any,
+        removeClasses: any,
+      ) {
+        let heading = button.querySelector("span");
+        if (heading) {
+          heading.classList.remove(...removeClasses);
+          heading.classList.add(...addClasses);
         }
       }
 
-      changeHeadingStyle(
-        button,
-        ["text-orange-400", "dark:text-orange-300"],
-        ["text-neutral-800", "dark:text-neutral-200"]
-      );
-    }
+      const tabButtons = document.querySelectorAll("[data-target]");
 
-    function changeHeadingStyle(
-      button: any,
-      addClasses: any,
-      removeClasses: any
-    ) {
-      let heading = button.querySelector("span");
-      if (heading) {
-        heading.classList.remove(...removeClasses);
-        heading.classList.add(...addClasses);
+      if (tabButtons.length > 0) {
+        changeHeadingStyle(
+          tabButtons[0],
+          ["text-orange-400", "dark:text-orange-300"],
+          [],
+        );
       }
-    }
 
-    const tabButtons = document.querySelectorAll("[data-target]");
-
-    if (tabButtons.length > 0) {
-      changeHeadingStyle(
-        tabButtons[0],
-        ["text-orange-400", "dark:text-orange-300"],
-        []
-      );
-    }
-
-    tabButtons.forEach((button) => {
-      button.addEventListener("click", () => {
-        tabButtons.forEach((btn) => setButtonInactive(btn, button));
-        activateButton(button);
+      tabButtons.forEach((button) => {
+        button.addEventListener("click", () => {
+          tabButtons.forEach((btn) => setButtonInactive(btn, button));
+          activateButton(button);
+        });
       });
     });
-  });
-</script>
+  </script>
\ No newline at end of file