Merge pull request #53 from reqcore-inc/ui/mascot

fixed bad urls and implemented mascot

Author: JoachimLK

CONTRIBUTING.md

@@ -11,7 +11,7 @@ Thanks for contributing to Reqcore.
 ## Development Setup
 
 ```bash
-git clone https://github.com/reqcore/reqcore.git
+git clone https://github.com/reqcore-inc/reqcore.git
 cd reqcore
 cp .env.example .env
 docker compose up -d

README.md

@@ -4,7 +4,7 @@
 
 **The open-source ATS you own. No per-seat fees. No data lock-in. No secret algorithms.**
 
-[Live Demo](https://demo.reqcore.com) · [Documentation](ARCHITECTURE.md) · [Roadmap](ROADMAP.md) · [Report Bug](https://github.com/reqcore/reqcore/issues/new)
+[Live Demo](https://demo.reqcore.com) · [Documentation](ARCHITECTURE.md) · [Roadmap](ROADMAP.md) · [Report Bug](https://github.com/reqcore-inc/reqcore/issues/new)
 
 [![License: AGPL-3.0](https://img.shields.io/badge/License-AGPL--3.0-blue.svg)](LICENSE)
 
@@ -75,11 +75,11 @@ You should see something like `Docker version 27.x.x`. If you get `command not f
 Clone the repository (this downloads the source code):
 
 ```bash
-git clone https://github.com/reqcore/reqcore.git
+git clone https://github.com/reqcore-inc/reqcore.git
 cd reqcore
 ```
 
-> Don't have `git`? [Download it here](https://git-scm.com/downloads), or [download a ZIP](https://github.com/reqcore/reqcore/archive/refs/heads/main.zip) and unzip it manually.
+> Don't have `git`? [Download it here](https://git-scm.com/downloads), or [download a ZIP](https://github.com/reqcore-inc/reqcore/archive/refs/heads/main.zip) and unzip it manually.
 
 ---
 

app/components/AppSidebar.vue

@@ -86,7 +86,10 @@ function isActiveTab(to: string, exact: boolean) {
     <!-- Top -->
     <div class="flex flex-col gap-5">
       <!-- Logo -->
-      <div class="px-2 text-lg font-bold text-surface-900 dark:text-surface-100">Reqcore</div>
+      <NuxtLink to="/" class="flex items-center gap-2 px-2 no-underline">
+        <img src="/eagle-mascot-logo.png" alt="Reqcore mascot" class="size-7 shrink-0 object-contain" />
+        <span class="text-lg font-bold text-surface-900 dark:text-surface-100">Reqcore</span>
+      </NuxtLink>
 
       <!-- Org Switcher -->
       <div>

app/components/PreviewUpsellModal.vue

@@ -54,7 +54,7 @@ function closeModal() {
             </a>
 
             <a
-              href="https://github.com/reqcore/reqcore"
+              href="https://github.com/reqcore-inc/reqcore"
               target="_blank"
               rel="noopener noreferrer"
               class="inline-flex items-center rounded-lg border border-surface-300 px-3 py-2 text-sm font-medium text-surface-700 transition-colors hover:bg-surface-50 dark:border-surface-700 dark:text-surface-200 dark:hover:bg-surface-800"

app/layouts/auth.vue

@@ -2,6 +2,9 @@
   <div class="min-h-screen flex items-center justify-center bg-surface-50 dark:bg-surface-950 p-4">
     <div class="w-full max-w-[420px] bg-white dark:bg-surface-900 rounded-lg shadow-sm dark:shadow-none dark:border dark:border-surface-800 p-8">
       <div class="text-center mb-8">
+        <div class="flex justify-center mb-3">
+          <img src="/eagle-mascot-logo.png" alt="Reqcore mascot" class="size-16 object-contain" />
+        </div>
         <h1 class="text-2xl font-bold text-surface-900 dark:text-surface-100">Reqcore</h1>
         <p class="text-sm text-surface-500 dark:text-surface-400 mt-1">The Sovereign Recruitment Engine</p>
       </div>

app/layouts/dashboard.vue

@@ -28,7 +28,7 @@ const isDemo = computed(() => {
         <span>
           <strong>Preview mode</strong> — You're exploring with sample data in read-only mode. Changes are disabled.
           <a
-            href="https://github.com/reqcore/reqcore"
+            href="https://github.com/reqcore-inc/reqcore"
             target="_blank"
             rel="noopener noreferrer"
             class="ml-1 font-semibold underline decoration-brand-400/40 underline-offset-2 hover:decoration-brand-400"

app/pages/blog/[...slug].vue

@@ -70,7 +70,7 @@ const { data: session } = await authClient.useSession(useFetch)
           <NuxtLink to="/catalog" class="transition hover:text-white">Features</NuxtLink>
           <NuxtLink to="/blog" class="text-white transition">Blog</NuxtLink>
           <a
-            href="https://github.com/joachimhorsworthy/reqcore"
+            href="https://github.com/reqcore-inc/reqcore"
             target="_blank"
             class="transition hover:text-white"
           >
@@ -170,7 +170,7 @@ const { data: session } = await authClient.useSession(useFetch)
           <NuxtLink to="/" class="transition hover:text-white/60">Home</NuxtLink>
           <NuxtLink to="/roadmap" class="transition hover:text-white/60">Roadmap</NuxtLink>
           <a
-            href="https://github.com/joachimhorsworthy/reqcore"
+            href="https://github.com/reqcore-inc/reqcore"
             target="_blank"
             class="transition hover:text-white/60"
           >

app/pages/blog/index.vue

@@ -42,7 +42,7 @@ const { data: posts } = await useAsyncData('blog-posts', () =>
           <NuxtLink to="/catalog" class="transition hover:text-white">Features</NuxtLink>
           <NuxtLink to="/blog" class="text-white transition">Blog</NuxtLink>
           <a
-            href="https://github.com/joachimhorsworthy/reqcore"
+            href="https://github.com/reqcore-inc/reqcore"
             target="_blank"
             class="transition hover:text-white"
           >
@@ -140,7 +140,7 @@ const { data: posts } = await useAsyncData('blog-posts', () =>
           <NuxtLink to="/" class="transition hover:text-white/60">Home</NuxtLink>
           <NuxtLink to="/roadmap" class="transition hover:text-white/60">Roadmap</NuxtLink>
           <a
-            href="https://github.com/joachimhorsworthy/reqcore"
+            href="https://github.com/reqcore-inc/reqcore"
             target="_blank"
             class="transition hover:text-white/60"
           >

app/pages/catalog/index.vue

@@ -243,7 +243,7 @@ const stats = computed(() => {
             Blog
           </NuxtLink>
           <a
-            href="https://github.com/reqcore/reqcore"
+            href="https://github.com/reqcore-inc/reqcore"
             target="_blank"
             rel="noopener noreferrer"
             class="hidden items-center gap-1.5 rounded-md px-3 py-1.5 text-[13px] font-medium text-surface-400 transition hover:text-white sm:flex"
@@ -538,7 +538,7 @@ const stats = computed(() => {
         <div class="flex items-center gap-2">
           <span>Open source on</span>
           <a
-            href="https://github.com/reqcore/reqcore"
+            href="https://github.com/reqcore-inc/reqcore"
             target="_blank"
             class="inline-flex items-center gap-1 text-white/50 hover:text-white transition"
           >

app/pages/index.vue

@@ -2,7 +2,6 @@
 import {
   ArrowRight,
   Briefcase,
-  Database,
   ScanEye,
   UsersRound,
   ShieldCheck,
@@ -90,7 +89,7 @@ const ctaRef = useScrollFade()
     <nav class="fixed inset-x-0 top-0 z-50 border-b border-white/[0.06] bg-[#09090b]/80 backdrop-blur-xl">
       <div class="mx-auto flex h-14 max-w-6xl items-center justify-between px-6">
         <NuxtLink to="/" class="flex items-center gap-2.5 text-[15px] font-semibold tracking-tight text-white">
-          <span class="flex h-7 w-7 items-center justify-center rounded-md bg-brand-500 text-xs font-black text-white">R</span>
+          <img src="/eagle-mascot-logo.png" alt="Reqcore mascot" class="h-7 w-7 object-contain" />
           Reqcore
         </NuxtLink>
 
@@ -416,7 +415,7 @@ const ctaRef = useScrollFade()
             <div class="relative p-7 pb-4">
               <div class="mb-1 flex items-center gap-2.5">
                 <div class="flex h-8 w-8 items-center justify-center rounded-lg bg-brand-500/10 text-brand-400 ring-1 ring-inset ring-brand-500/20">
-                  <Database class="h-4 w-4" :stroke-width="1.75" />
+                  <img src="/database-icon.png" alt="Database" class="h-4 w-4 object-contain" />
                 </div>
                 <h3 class="text-[15px] font-semibold text-white">Ownership over Access</h3>
               </div>
@@ -444,7 +443,7 @@ const ctaRef = useScrollFade()
                 <div class="overflow-hidden rounded-t-lg border border-b-0 border-white/[0.06] bg-white/[0.02]">
                   <div class="border-b border-white/[0.06] bg-white/[0.03] px-3 py-1.5">
                     <div class="flex items-center gap-1.5">
-                      <Database class="h-2.5 w-2.5 text-brand-400" :stroke-width="2" />
+                      <img src="/database-icon.png" alt="Database" class="h-2.5 w-2.5 object-contain" />
                       <span class="text-[10px] font-semibold text-surface-300">candidates</span>
                     </div>
                   </div>
@@ -713,9 +712,7 @@ const ctaRef = useScrollFade()
 
           <!-- Separator + attribution -->
           <div class="mt-8 flex items-center gap-4 border-t border-white/[0.06] pt-8">
-            <div class="flex h-10 w-10 items-center justify-center rounded-full bg-brand-500 text-sm font-bold text-white">
-              R
-            </div>
+            <img src="/eagle-mascot-logo.png" alt="Reqcore mascot" class="h-10 w-10 object-contain" />
             <div>
               <div class="text-sm font-semibold text-white">The Reqcore Team</div>
               <div class="text-[13px] text-surface-500">Building the open-source applicant tracking system</div>
@@ -1126,7 +1123,7 @@ const ctaRef = useScrollFade()
             <div class="tech-card-border" />
             <div class="relative flex items-start gap-4 p-6">
               <div class="flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[#336791]/10 ring-1 ring-inset ring-[#336791]/20 transition-all duration-300 group-hover:bg-[#336791]/15 group-hover:ring-[#336791]/30 group-hover:shadow-[0_0_20px_rgba(51,103,145,0.1)]">
-                <Database class="h-5 w-5 text-[#5B9BD5]" :stroke-width="1.5" />
+                <img src="/database-icon.png" alt="Database" class="h-5 w-5 object-contain" />
               </div>
               <div class="min-w-0">
                 <h3 class="text-[15px] font-semibold text-white">PostgreSQL</h3>
@@ -1290,6 +1287,13 @@ const ctaRef = useScrollFade()
       </div>
 
       <div class="relative mx-auto max-w-3xl px-6 text-center">
+        <div class="mb-8 flex justify-center">
+          <img
+            src="/eagle-mascot-logo.png"
+            alt="Reqcore mascot"
+            class="h-20 w-20 object-contain drop-shadow-[0_0_40px_rgba(59,130,246,0.5)]"
+          />
+        </div>
         <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl lg:text-5xl">
           Ready to own your hiring pipeline?
         </h2>
@@ -1322,7 +1326,7 @@ const ctaRef = useScrollFade()
     <footer class="border-t border-white/[0.06] py-8">
       <div class="mx-auto flex max-w-6xl flex-col items-center justify-between gap-4 px-6 sm:flex-row">
         <div class="flex items-center gap-2 text-[13px] text-surface-500">
-          <span class="flex h-5 w-5 items-center justify-center rounded bg-brand-500 text-[9px] font-black text-white">R</span>
+          <img src="/eagle-mascot-logo.png" alt="Reqcore mascot" class="h-5 w-5 object-contain" />
           &copy; {{ new Date().getFullYear() }} Reqcore. Open source under AGPL-3.0.
         </div>
         <div class="flex gap-6 text-[13px] text-surface-500">