Merge pull request #3 from itk-dev/feature/add-mockup-banner-and-noindex

feat: add mockup banner and block search engine indexing

Author: yepzdk

CHANGELOG.md

@@ -9,6 +9,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 
 ### Added
 
+- Mockup banner displayed on all pages to distinguish from the real application
+- `robots.txt` and `noindex` meta tag to prevent search engine indexing
 - GitHub Actions workflow to auto-deploy to GitHub Pages on push to `main`
 - Registration page (`/register`) with standalone auth layout (no sidebar/nav shell)
 - Registration form with standard fields (name, email, password) and custom profile fields (category, role, organisation)

index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="robots" content="noindex, nofollow" />
     <title>BIPED – Civora</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /

src/App.vue

@@ -1,4 +1,5 @@
 <template>
+  <MockBanner />
   <AppLayout v-if="!isStandalone">
     <router-view />
   </AppLayout>
@@ -9,6 +10,7 @@
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 import AppLayout from './components/layout/AppLayout.vue'
+import MockBanner from './components/MockBanner.vue'
 
 const route = useRoute()
 const isStandalone = computed(() => route.meta.standalone)

src/components/MockBanner.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="mock-banner">
+    This is a mockup — not the real application
+  </div>
+</template>
+
+<style scoped>
+.mock-banner {
+  background-color: var(--color-accent-orange-bg);
+  color: var(--color-accent-orange);
+  text-align: center;
+  padding: var(--space-xs) var(--space-md);
+  font-family: var(--font-primary);
+  font-size: 0.85rem;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  line-height: 1.4;
+  z-index: 1000;
+  position: relative;
+}
+</style>