docs - index contact us section

Author: EhfazAdnan

assets/css/custom.css

@@ -0,0 +1,72 @@
+@import url(https://fonts.googleapis.com/css?family=Space+Mono:regular,italic,700,700italic);
+@import url(https://fonts.googleapis.com/css?family=Space+Grotesk:regular,italic,700,700italic);
+
+:root {
+    --vp-c-brand: #ff7340;
+    --vp-c-brand-light: #ff5719;
+    --vp-c-brand-lighter: #ff7340;
+    --vp-c-brand-lighter: rgba(255, 135, 23, 0.25);
+    --vp-c-brand-dark: #ff622d;
+    --vp-c-brand-darker: #e23c00;
+
+    --vp-c-sponsor: #fd1d7c;
+
+    /* Typography */
+    --vp-font-family-base: "Space Grotesk", "Inter var experimental", "Inter var",
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
+    Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+
+    /* Code Snippet font */
+    --vp-font-family-mono: "Space Mono", Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}
+
+/* Custom Stlye */
+.custom-layout {
+    background-color: var(--vp-c-bg-soft);
+    color: var(--vp-c-text-1);
+    padding: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    gap: 1rem;
+    min-height: 400px;
+    max-width: 1152px;
+    margin: 6rem auto 0;
+    border-radius: 10px;
+}
+
+.custom-layout h1 {
+    font-size: 2.2rem;
+    font-weight: 600;
+}
+
+.custom-layout .btn {
+    background-color: var(--vp-button-brand-bg);
+    color: var(--vp-button-brand-text);
+    border-radius: 20px;
+    padding: 0.5rem 1.4rem;
+}
+
+/* Logo theme switching */
+.feature-icon img {
+    transition: opacity 0.3s ease;
+}
+
+.feature-icon .light-logo {
+    display: block;
+}
+
+.feature-icon .dark-logo {
+    display: none;
+}
+
+.dark .feature-icon .light-logo {
+    display: none;
+}
+
+.dark .feature-icon .dark-logo {
+    display: block;
+}

nuxt.config.ts

@@ -53,6 +53,7 @@ export default defineNuxtConfig({
     },
     css: [
         join(currentDir, './assets/css/themes.css'),
+        join(currentDir, './assets/css/custom.css'),
         //'~/assets/css/tailwind.css',
         join(currentDir, './www/assets/css/tailwind.css'),
     ],

www/content/index.md

@@ -22,10 +22,6 @@ keywords: "Comfort ERP Documentation, Comfort Accounting Documentation, Comfort
 
 ::hero
 ---
-announcement:
-  title: 'v1.1 release'
-  icon: '🎉'
-  to: /
 actions:
   - name: Get Started
     to: /
@@ -46,3 +42,11 @@ Comfort ERP Documentation
 #description
 Documentation for Comfort ERP plugins
 ::
+
+<!-- Custom home layout -->
+<div class="custom-layout custom-layout-1">
+  <h1>🏀</h1>
+  <h1>Contact Us</h1>
+  <p>We are continuously updating this documentation but you may have custom query.</p>
+  <a href="https://comforterp.com/contact-us" target="_blank" class="btn">Contact us</a>
+</div>