From 2e5fa98bef656a5acd541f061a915cee5e6e696b Mon Sep 17 00:00:00 2001
From: DaKheera47 <shaheergoodboy@gmail.com>
Date: Fri, 8 Mar 2024 17:24:53 +0000
Subject: [PATCH] base url issues resolved

---
 astro.config.mjs                | 7 ++-----
 src/components/CustomLink.astro | 7 ++++---
 src/components/Menu.tsx         | 2 +-
 src/components/footer.astro     | 8 ++++----
 src/pages/products/vfit.astro   | 2 +-
 src/ui/card-hover-effect.tsx    | 2 +-
 src/ui/google-gemini-effect.tsx | 2 +-
 7 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 1d24800..73671e3 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -7,10 +7,7 @@ import compress from "astro-compress";
 
 // https://astro.build/config
 export default defineConfig({
-  redirects: {
-    "/vectoraico.github.io/products": "/vectoraico.github.io/products/vfit"
-  },
   integrations: [tailwind(), icon(), react(), compress()],
-  site: "https://project-mirage.github.io/vectoraico.github.io/",
-  base: "/vectoraico.github.io"
+  site: "https://vectoraico.github.io/",
+  base: "/",
 });
diff --git a/src/components/CustomLink.astro b/src/components/CustomLink.astro
index 22fe8fe..5404e5c 100644
--- a/src/components/CustomLink.astro
+++ b/src/components/CustomLink.astro
@@ -1,8 +1,9 @@
 ---
 const { href, ...rest } = Astro.props;
-const isExternal = href.startsWith("http://") || href.startsWith("https://");
-const base = "";
 
+// use if you want to prefix all links with a base
+const base = "/vector-ai/";
+const isExternal = href.startsWith("http://") || href.startsWith("https://");
 const getPrefixedHref = (href: string) => {
   // check if already prefixed
   if (href.startsWith(`/${base}/`)) {
@@ -19,6 +20,6 @@ const getPrefixedHref = (href: string) => {
 };
 ---
 
-<a href={getPrefixedHref(href)} {...rest}>
+<a href={href} {...rest}>
   <slot />
 </a>
diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx
index 4e59a83..8128abf 100644
--- a/src/components/Menu.tsx
+++ b/src/components/Menu.tsx
@@ -78,7 +78,7 @@ export const FloatingNav = ({
         {navItems.map((navItem: any, idx: number) => (
           <a
             key={`link=${idx}`}
-            href={`/vector-ai${navItem.link}`}
+            href={`${navItem.link}`}
             className={cn(
               "relative flex items-center space-x-1 text-neutral-600 hover:text-neutral-500 dark:text-neutral-50 dark:hover:text-neutral-300",
             )}
diff --git a/src/components/footer.astro b/src/components/footer.astro
index a08b71a..8cda3d1 100644
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -7,7 +7,7 @@ import { buttonVariants } from "./ui/button";
 
 const links: Array<FooterLink> = [
   {
-    url: "/vector-ai/",
+    url: "/",
     description: "Vectors's official website",
     icon: "mdi:home",
   },
@@ -50,10 +50,10 @@ const navItems = [
   >
     <div class="sm:flex sm:items-center sm:justify-between">
       <a
-        href="/vector-ai/"
+        href="/"
         class="mb-4 flex items-center space-x-3 invert dark:invert-0 sm:mb-0"
       >
-        <img src="/vector-ai/vector.png" class="h-8" alt="Vector Logo" />
+        <img src="/vector.png" class="h-8" alt="Vector Logo" />
       </a>
 
       <ul
@@ -111,7 +111,7 @@ const navItems = [
       <div class="flex justify-center max-md:my-2 md:justify-start">
         <span class="block text-sm sm:text-center"
           >© {new Date().getFullYear()}
-          <a href="/vector-ai/" class="hover:underline">VECTOR</a>. All Rights
+          <a href="/" class="hover:underline">VECTOR</a>. All Rights
           Reserved.
         </span>
       </div>
diff --git a/src/pages/products/vfit.astro b/src/pages/products/vfit.astro
index b6eb483..47ecef4 100644
--- a/src/pages/products/vfit.astro
+++ b/src/pages/products/vfit.astro
@@ -90,6 +90,6 @@ import imageTwoAfter from "@/assets/slider_images/2_TryOn.jpg";
   </div>
 
   <ContentSection title="See it to believe it">
-    <video controls src="/vector-ai/vFitVideo.mp4" class="w-4/5"></video>
+    <video controls src="/vFitVideo.mp4" class="w-4/5"></video>
   </ContentSection>
 </Page>
diff --git a/src/ui/card-hover-effect.tsx b/src/ui/card-hover-effect.tsx
index b5adce8..dbfa159 100644
--- a/src/ui/card-hover-effect.tsx
+++ b/src/ui/card-hover-effect.tsx
@@ -24,7 +24,7 @@ export const HoverEffect = ({
     >
       {items.map((item, idx) => (
         <a
-          href={`/vector-ai/${item?.link}`}
+          href={`/${item?.link}`}
           key={item?.link}
           className="group relative  block h-full w-full p-2"
           onMouseEnter={() => setHoveredIndex(idx)}
diff --git a/src/ui/google-gemini-effect.tsx b/src/ui/google-gemini-effect.tsx
index 5097460..2e3449f 100644
--- a/src/ui/google-gemini-effect.tsx
+++ b/src/ui/google-gemini-effect.tsx
@@ -82,7 +82,7 @@ export const GoogleGeminiEffect = ({
     <div className={cn("sticky top-72", className)}>
       <div className="flex w-full justify-center">
         <img
-          src="/vector-ai/vector.png"
+          src="/vector.png"
           alt="vector logo"
           className="absolute -top-[170px] w-48"
         />