base url issues resolved

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: "/",
 });

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>

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",
             )}

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>

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>

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)}

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"
         />