diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
index e21ccef..4376ad6 100644
Binary files a/.yarn/install-state.gz and b/.yarn/install-state.gz differ
diff --git a/astro.config.mjs b/astro.config.mjs
index 63952dc..dafb14e 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -5,8 +5,8 @@ import tailwindcss from '@tailwindcss/vite';
 // https://astro.build/config
 export default defineConfig({
 	server: { port: 9000 },
-	site: 'https://jostvim.github.io',
-	base: '/jostvim.org',
+	site: 'https://luxvim.github.io',
+	base: '/luxvim.org',
 	vite: {
 		plugins: [tailwindcss()]
 	}
diff --git a/package.json b/package.json
index 380db8f..3a11bc2 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "jostvim.org",
+  "name": "luxvim.org",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index c477f7e..41ac75b 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -43,7 +43,7 @@ const {
         
         <!-- Brand Name -->
         <span class="text-xl font-bold bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 text-transparent bg-clip-text group-hover:from-purple-300 group-hover:via-pink-400 group-hover:to-red-400 transition-all duration-300">
-          JostVim
+          LuxVim
         </span>
       </a>
 
diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
index 9380e07..6f07a01 100644
--- a/src/components/ThemeToggle.astro
+++ b/src/components/ThemeToggle.astro
@@ -7,65 +7,58 @@
   <button
     id="themeToggle"
     type="button"
+    aria-label="Toggle dark mode"
+    aria-pressed="false"
     class="theme-switch relative inline-flex h-12 w-20 items-center justify-center rounded-full border-2 border-indigo-200 dark:border-indigo-500/40 bg-indigo-100 dark:bg-slate-800/80 backdrop-blur-sm transition-all duration-300 hover:bg-indigo-200 dark:hover:bg-slate-700/80 hover:border-purple-400 dark:hover:border-purple-400/60 focus:outline-none focus:ring-2 focus:ring-purple-400/50 focus:border-purple-400 dark:focus:border-purple-400"
   >
-    <!-- Switch Track with Icons -->
+    <!-- Background Track -->
     <div class="absolute inset-1 rounded-full bg-gradient-to-r from-indigo-200/80 to-indigo-300/80 dark:from-slate-700/80 dark:to-slate-600/80 transition-all duration-300"></div>
-    
-    <!-- Sun Icon (left side - visible in light mode) -->
-    <span class="absolute left-3 text-lg z-5 transition-all duration-300">☀️</span>
-    
-    <!-- Moon Icon (right side - visible in dark mode) -->
-    <span class="absolute right-3 text-lg z-5 transition-all duration-300">🌙</span>
-    
-    <!-- Switch Thumb (covers one icon) -->
-    <div class="switch-thumb relative z-10 h-8 w-8 rounded-full bg-white dark:bg-slate-900 shadow-lg transition-all duration-300 border border-indigo-300 dark:border-indigo-400/60"></div>
+
+    <!-- Sliding Thumb with Icon -->
+    <div class="switch-thumb relative z-10 flex h-8 w-8 items-center justify-center rounded-full bg-white dark:bg-slate-900 shadow-lg transition-transform duration-300 border border-indigo-300 dark:border-indigo-400/60">
+      <span class="current-theme-icon text-lg">☀️</span>
+    </div>
   </button>
 </div>
 
 <script is:inline>
-  const theme = (() => {
-    const localStorageTheme = localStorage?.getItem("theme") ?? '';
-    if (['dark', 'light'].includes(localStorageTheme)) {
-      return localStorageTheme;
-    }
-    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-      return 'dark';
-    }
-      return 'light';
-  })();
+  const themeButton = document.getElementById('themeToggle');
+  const thumb = themeButton.querySelector('.switch-thumb');
+  const icon = themeButton.querySelector('.current-theme-icon');
+  const htmlEl = document.documentElement;
 
-  if (theme === 'light') {
-    document.documentElement.classList.remove('dark');
-  } else {
-    document.documentElement.classList.add('dark');
-  }
+  // Determine initial theme
+  const storedTheme = localStorage.getItem('theme');
+  const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+  const initialTheme = (storedTheme === 'dark' || storedTheme === 'light')
+    ? storedTheme
+    : prefersDark ? 'dark' : 'light';
 
-  window.localStorage.setItem('theme', theme);
+  htmlEl.classList.toggle('dark', initialTheme === 'dark');
+  localStorage.setItem('theme', initialTheme);
 
-  const handleToggleClick = (event) => {
-    const element = document.documentElement;
-    element.classList.toggle("dark");
+  // Update thumb position, icon, and ARIA state
+  const updateUI = () => {
+    const isDark = htmlEl.classList.contains('dark');
+    // Slide the thumb via inline style for consistent positioning
+    thumb.style.transform = isDark ? 'translateX(16px)' : 'translateX(-16px)';
+    // Swap the icon inside the thumb
+    icon.textContent = isDark ? '🌙' : '☀️';
+    // Update aria-pressed to reflect current state
+    themeButton.setAttribute('aria-pressed', isDark);
+  };
 
-    const isDark = element.classList.contains("dark");
-    localStorage.setItem("theme", isDark ? "dark" : "light");
-    
-    // Remove focus after animation completes
-    setTimeout(() => {
-      event.target.blur();
-    }, 300);
-  }
+  updateUI();
 
-  const handleMouseLeave = (event) => {
-    // Small delay to avoid conflicts with click
-    setTimeout(() => {
-      event.target.blur();
-    }, 100);
-  }
+  // Toggle handler
+  const toggleTheme = (event) => {
+    htmlEl.classList.toggle('dark');
+    localStorage.setItem('theme', htmlEl.classList.contains('dark') ? 'dark' : 'light');
+    updateUI();
+    // Remove focus after animation
+    setTimeout(() => themeButton.blur(), 300);
+  };
 
-  const themeButton = document.getElementById("themeToggle");
-  if (themeButton) {
-    themeButton.addEventListener("click", handleToggleClick);
-    themeButton.addEventListener("mouseleave", handleMouseLeave);
-  }
-</script>
\ No newline at end of file
+  themeButton.addEventListener('click', toggleTheme);
+  themeButton.addEventListener('mouseleave', () => setTimeout(() => themeButton.blur(), 100));
+</script>
diff --git a/src/controllers/galaxy_controller.js b/src/controllers/galaxy_controller.js
index 26e9a08..5c4c612 100644
--- a/src/controllers/galaxy_controller.js
+++ b/src/controllers/galaxy_controller.js
@@ -7,10 +7,19 @@ export default class extends Controller {
   connect() {
     // Initialize galaxy animation
     this.initializeGalaxy()
-    
+
     // Handle window resize
     this.handleResize = this.handleResize.bind(this)
     window.addEventListener('resize', this.handleResize)
+
+    // Handle theme changes
+    this.handleThemeChange = this.handleThemeChange.bind(this)
+    const observer = new MutationObserver(this.handleThemeChange)
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ['class']
+    })
+    this.themeObserver = observer
   }
 
   disconnect() {
@@ -18,31 +27,33 @@ export default class extends Controller {
       cancelAnimationFrame(this.animationId)
     }
     window.removeEventListener('resize', this.handleResize)
+    if (this.themeObserver) {
+      this.themeObserver.disconnect()
+    }
   }
 
-
-
-
   initializeGalaxy() {
-    const canvas = document.getElementById('galaxy-canvas')
+    // Find canvas within this controller's scope
+    const canvas = this.element.querySelector('canvas')
     if (!canvas) return
 
     this.canvas = canvas
     this.ctx = canvas.getContext('2d')
     this.particles = []
     this.mouse = { x: 0, y: 0 }
-    
+    this.time = 0
+
     this.resizeCanvas()
     this.createParticles()
     this.animate()
-    
+
     // Add mouse interaction
     canvas.addEventListener('mousemove', (e) => {
       const rect = canvas.getBoundingClientRect()
       this.mouse.x = e.clientX - rect.left
       this.mouse.y = e.clientY - rect.top
     })
-    
+
     canvas.addEventListener('click', () => {
       this.addParticles(3)
     })
@@ -50,15 +61,15 @@ export default class extends Controller {
 
   resizeCanvas() {
     if (!this.canvas) return
-    
+
     this.canvas.width = window.innerWidth
     this.canvas.height = window.innerHeight
   }
 
   createParticles() {
-    const particleCount = Math.floor((this.canvas.width * this.canvas.height) / 15000)
+    const particleCount = Math.floor((this.canvas.width * this.canvas.height) / 8000)
     this.particles = []
-    
+
     for (let i = 0; i < particleCount; i++) {
       this.particles.push(this.createParticle())
     }
@@ -66,20 +77,56 @@ export default class extends Controller {
 
   createParticle() {
     const isDark = document.documentElement.classList.contains('dark')
-    const colors = isDark 
-      ? ['#ffffff', '#a855f7', '#ec4899', '#3b82f6', '#10b981']
-      : ['#1f2937', '#7c3aed', '#be185d', '#1d4ed8', '#047857']
-    
+    const colors = isDark
+      ? ['#ffffff', '#f8fafc', '#e2e8f0', '#cbd5e1', '#fbbf24', '#fde047']
+      : ['#1e293b', '#334155', '#475569', '#64748b', '#0f172a', '#1e40af']
+
+    // Random distribution across the sky
+    const x = Math.random() * this.canvas.width
+    const y = Math.random() * this.canvas.height
+
+    // Gentle drift motion
+    const driftSpeed = 0.1
+    const driftAngle = Math.random() * Math.PI * 2
+    const vx = Math.cos(driftAngle) * driftSpeed * (Math.random() - 0.5)
+    const vy = Math.sin(driftAngle) * driftSpeed * (Math.random() - 0.5)
+
+    // Star characteristics - some are brighter/bigger than others
+    const brightness = Math.random()
+    const starType = Math.random()
+    let baseRadius, baseOpacity, twinkleSpeed
+
+    if (starType < 0.1) {
+      // Bright stars (10%)
+      baseRadius = brightness * 2.5 + 1.5
+      baseOpacity = isDark ? 0.9 : 0.8
+      twinkleSpeed = 0.03
+    } else if (starType < 0.3) {
+      // Medium stars (20%)
+      baseRadius = brightness * 1.5 + 0.8
+      baseOpacity = isDark ? 0.7 : 0.6
+      twinkleSpeed = 0.02
+    } else {
+      // Dim stars (70%)
+      baseRadius = brightness * 0.8 + 0.3
+      baseOpacity = isDark ? 0.4 : 0.3
+      twinkleSpeed = 0.015
+    }
+
     return {
-      x: Math.random() * this.canvas.width,
-      y: Math.random() * this.canvas.height,
-      vx: (Math.random() - 0.5) * 0.5,
-      vy: (Math.random() - 0.5) * 0.5,
-      radius: Math.random() * 2 + 0.5,
+      x: x,
+      y: y,
+      vx: vx,
+      vy: vy,
+      radius: baseRadius,
+      baseRadius: baseRadius,
       color: colors[Math.floor(Math.random() * colors.length)],
-      opacity: isDark ? Math.random() * 0.8 + 0.2 : Math.random() * 0.9 + 0.4,
-      pulseSpeed: Math.random() * 0.02 + 0.01,
-      pulsePhase: Math.random() * Math.PI * 2
+      opacity: baseOpacity * (0.7 + Math.random() * 0.3),
+      baseOpacity: baseOpacity * (0.7 + Math.random() * 0.3),
+      twinkleSpeed: twinkleSpeed + (Math.random() - 0.5) * 0.01,
+      twinklePhase: Math.random() * Math.PI * 2,
+      brightness: brightness,
+      starType: starType
     }
   }
 
@@ -93,37 +140,86 @@ export default class extends Controller {
   }
 
   updateParticles() {
+    this.time += 0.01
+
     this.particles.forEach((particle, index) => {
-      // Update position
+      // Gentle drifting motion
       particle.x += particle.vx
       particle.y += particle.vy
-      
-      // Update pulse animation
-      particle.pulsePhase += particle.pulseSpeed
-      const pulseFactor = Math.sin(particle.pulsePhase) * 0.3 + 0.7
-      particle.currentOpacity = particle.opacity * pulseFactor
-      
-      // Wrap around screen edges
-      if (particle.x < 0) particle.x = this.canvas.width
-      if (particle.x > this.canvas.width) particle.x = 0
-      if (particle.y < 0) particle.y = this.canvas.height
-      if (particle.y > this.canvas.height) particle.y = 0
-      
-      // Remove excess particles (keep performance good)
-      if (this.particles.length > 200 && Math.random() < 0.001) {
-        this.particles.splice(index, 1)
+
+      // Subtle random movement for atmospheric effect
+      particle.x += (Math.random() - 0.5) * 0.05
+      particle.y += (Math.random() - 0.5) * 0.05
+
+      // Twinkling effect
+      particle.twinklePhase += particle.twinkleSpeed
+      const twinkleFactor = Math.sin(particle.twinklePhase) * 0.3 + 0.7
+      particle.currentOpacity = particle.baseOpacity * twinkleFactor
+
+      // Size twinkling for brighter stars
+      if (particle.starType < 0.1) {
+        const sizeTwinkle = Math.sin(particle.twinklePhase * 0.7) * 0.3 + 1
+        particle.radius = particle.baseRadius * sizeTwinkle
+      } else {
+        const sizeTwinkle = Math.sin(particle.twinklePhase * 0.5) * 0.1 + 1
+        particle.radius = particle.baseRadius * sizeTwinkle
+      }
+
+      // Wrap around screen edges for infinite sky feel
+      if (particle.x < -10) particle.x = this.canvas.width + 10
+      if (particle.x > this.canvas.width + 10) particle.x = -10
+      if (particle.y < -10) particle.y = this.canvas.height + 10
+      if (particle.y > this.canvas.height + 10) particle.y = -10
+
+      // Occasionally change drift direction slightly
+      if (Math.random() < 0.001) {
+        particle.vx += (Math.random() - 0.5) * 0.02
+        particle.vy += (Math.random() - 0.5) * 0.02
+        // Keep drift speed reasonable
+        const speed = Math.sqrt(particle.vx * particle.vx + particle.vy * particle.vy)
+        if (speed > 0.2) {
+          particle.vx = (particle.vx / speed) * 0.2
+          particle.vy = (particle.vy / speed) * 0.2
+        }
       }
     })
   }
 
   drawParticles() {
-    this.particles.forEach(particle => {
+    // Sort particles by brightness for proper layering
+    const sortedParticles = [...this.particles].sort((a, b) => a.brightness - b.brightness)
+
+    sortedParticles.forEach(particle => {
       this.ctx.save()
+
+      // Create glow effect for bright stars
+      if (particle.starType < 0.1) {
+        this.ctx.shadowColor = particle.color
+        this.ctx.shadowBlur = particle.radius * 4
+        this.ctx.shadowOffsetX = 0
+        this.ctx.shadowOffsetY = 0
+      } else if (particle.starType < 0.3) {
+        this.ctx.shadowColor = particle.color
+        this.ctx.shadowBlur = particle.radius * 2
+        this.ctx.shadowOffsetX = 0
+        this.ctx.shadowOffsetY = 0
+      }
+
       this.ctx.globalAlpha = particle.currentOpacity
       this.ctx.fillStyle = particle.color
       this.ctx.beginPath()
       this.ctx.arc(particle.x, particle.y, particle.radius, 0, Math.PI * 2)
       this.ctx.fill()
+
+      // Add bright center for prominent stars
+      if (particle.starType < 0.3) {
+        this.ctx.globalAlpha = particle.currentOpacity * 0.8
+        this.ctx.fillStyle = '#ffffff'
+        this.ctx.beginPath()
+        this.ctx.arc(particle.x, particle.y, particle.radius * 0.4, 0, Math.PI * 2)
+        this.ctx.fill()
+      }
+
       this.ctx.restore()
     })
   }
@@ -132,7 +228,7 @@ export default class extends Controller {
     const isDark = document.documentElement.classList.contains('dark')
     const connectionColor = isDark ? '#a855f7' : '#7c3aed'
     const maxDistance = 150
-    
+
     this.particles.forEach((particle, i) => {
       // Connect to nearby particles
       for (let j = i + 1; j < this.particles.length; j++) {
@@ -140,9 +236,9 @@ export default class extends Controller {
         const dx = particle.x - other.x
         const dy = particle.y - other.y
         const distance = Math.sqrt(dx * dx + dy * dy)
-        
+
         if (distance < maxDistance) {
-          const opacity = isDark 
+          const opacity = isDark
             ? (1 - distance / maxDistance) * 0.2
             : (1 - distance / maxDistance) * 0.4
           this.ctx.save()
@@ -156,14 +252,14 @@ export default class extends Controller {
           this.ctx.restore()
         }
       }
-      
+
       // Connect to mouse
       const dx = particle.x - this.mouse.x
       const dy = particle.y - this.mouse.y
       const distance = Math.sqrt(dx * dx + dy * dy)
-      
+
       if (distance < 100) {
-        const opacity = isDark 
+        const opacity = isDark
           ? (1 - distance / 100) * 0.3
           : (1 - distance / 100) * 0.6
         this.ctx.save()
@@ -181,11 +277,10 @@ export default class extends Controller {
 
   animate() {
     this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height)
-    
+
     this.updateParticles()
-    this.drawConnections()
     this.drawParticles()
-    
+
     this.animationId = requestAnimationFrame(() => this.animate())
   }
 
@@ -193,10 +288,10 @@ export default class extends Controller {
     // Update existing particles with new theme colors
     this.particles.forEach(particle => {
       const isDark = document.documentElement.classList.contains('dark')
-      const colors = isDark 
+      const colors = isDark
         ? ['#ffffff', '#a855f7', '#ec4899', '#3b82f6', '#10b981']
         : ['#1f2937', '#7c3aed', '#be185d', '#1d4ed8', '#047857']
-      
+
       particle.color = colors[Math.floor(Math.random() * colors.length)]
       particle.opacity = isDark ? Math.random() * 0.8 + 0.2 : Math.random() * 0.9 + 0.4
     })
@@ -206,4 +301,9 @@ export default class extends Controller {
     this.resizeCanvas()
     this.createParticles()
   }
+
+  handleThemeChange() {
+    // Update particle colors when theme changes
+    this.updateParticleColors()
+  }
 }
\ No newline at end of file
diff --git a/src/layouts/main.astro b/src/layouts/main.astro
index 645eeb9..01e1656 100644
--- a/src/layouts/main.astro
+++ b/src/layouts/main.astro
@@ -14,8 +14,8 @@ export interface Props {
 
 const { 
   title, 
-  description = "JostVim", 
-  keywords = "vim, neovim, jostvim, ide",
+  description = "LuxVim", 
+  keywords = "vim, neovim, Luxvim, ide",
   githubUrl = "https://github.com/josstei/JoStVIM",
   showNavbar = true
 } = Astro.props;
diff --git a/src/pages/docs.astro b/src/pages/docs.astro
index 46f9479..4ccf216 100644
--- a/src/pages/docs.astro
+++ b/src/pages/docs.astro
@@ -3,9 +3,9 @@ import '../styles/global.css';
 import Main from '../layouts/main.astro';
 ---
 <Main 
-  title="Documentation | JostVim - Lightweight Vim IDE for Developers"
+  title="Documentation | LuxVim - Lightweight Vim IDE for Developers"
   description="A lightweight Vim IDE designed for developers, offering a seamless coding experience with powerful features and a user-friendly interface."
-  keywords="vim, neovim, jostvim, ide, lightweight, developer tools, coding, programming, text editor, productivity"
+  keywords="vim, neovim, Luxvim, ide, lightweight, developer tools, coding, programming, text editor, productivity"
   githubUrl="https://github.com/josstei/jostvim"
 >
 </Main>
\ No newline at end of file
diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index 5e2c0cf..1db359c 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -3,9 +3,9 @@ import '../styles/global.css';
 import Main from '../layouts/main.astro';
 ---
 <Main 
-  title="Donate | JostVim - Lightweight Vim IDE for Developers"
+  title="Donate | LuxVim - Lightweight Vim IDE for Developers"
   description="A lightweight Vim IDE designed for developers, offering a seamless coding experience with powerful features and a user-friendly interface."
-  keywords="vim, neovim, jostvim, ide, lightweight, developer tools, coding, programming, text editor, productivity"
+  keywords="vim, neovim, Luxvim, ide, lightweight, developer tools, coding, programming, text editor, productivity"
   githubUrl="https://github.com/josstei/jostvim"
 >
 </Main>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1ba2a98..41dcee2 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,30 +1,658 @@
 ---
-import '../styles/global.css';
-import Main from '../layouts/main.astro';
+import "../styles/global.css";
+import Main from "../layouts/main.astro";
 ---
-<Main 
-  title="JostVim - Lightweight Vim IDE for Developers"
-  description="A lightweight Vim IDE designed for developers, offering a seamless coding experience with powerful features and a user-friendly interface."
-  keywords="vim, neovim, jostvim, ide, lightweight, developer tools, coding, programming, text editor, productivity"
+
+<Main
+  title="LuxVim - Fast setup, faster coding"
+  description="A tailored Vim/Neovim configuration that boosts productivity for developers across languages and stacks. Rich plugins, sensible defaults, and custom productivity tools."
+  keywords="vim, neovim, Luxvim, ide, lightweight, developer tools, coding, programming, text editor, productivity, vim configuration"
   githubUrl="https://github.com/josstei/jostvim"
 >
-  <div class="relative h-screen">
+  <!-- Hero Section -->
+  <section class="relative min-h-screen">
     <!-- Galaxy Background -->
-    <div id="galaxy-background" class="absolute inset-0 z-0" data-controller="galaxy">
+    <div
+      id="galaxy-background"
+      class="absolute inset-0 z-0"
+      data-controller="galaxy"
+    >
       <canvas id="galaxy-canvas" class="w-full h-full"></canvas>
     </div>
-    
+
     <!-- Gradient overlay for better text contrast -->
-    <div class="absolute inset-0 z-5 bg-gradient-to-b from-transparent via-white/3 to-white/10 dark:from-transparent dark:via-black/10 dark:to-black/30"></div>
+    <div
+      class="absolute inset-0 z-5 bg-gradient-to-b from-transparent via-black/5 to-black/15 dark:from-transparent dark:via-black/20 dark:to-black/40"
+    >
+    </div>
 
-    <!-- Main Content -->
-    <div class="relative z-10 flex flex-col items-center justify-center h-full text-center transition-colors duration-300">
-      <h1 class="text-5xl md:text-7xl font-bold pb-6 tracking-tight bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 text-transparent bg-clip-text animate-pulse">
-        JostVim Coming Soon
+    <!-- Hero Content -->
+    <div
+      class="relative z-10 flex flex-col items-center justify-center min-h-screen text-center px-6 pt-20 md:pt-0"
+    >
+      <!-- Status Badge -->
+      <div class="mb-6 md:mb-8">
+        <span
+          class="inline-flex items-center px-4 py-2 rounded-full text-sm font-medium bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300"
+        >
+          <span class="w-2 h-2 bg-orange-500 rounded-full mr-2 animate-pulse"
+          ></span>
+          In Development
+        </span>
+      </div>
+
+      <!-- Main Headlines -->
+      <h1
+        class="text-5xl md:text-7xl lg:text-8xl font-bold mb-6 tracking-tight"
+      >
+        <span
+          class="bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 text-transparent bg-clip-text"
+        >
+          LuxVim
+        </span>
       </h1>
-      <p class="text-lg md:text-xl text-gray-600 dark:text-gray-300">
-        A lightweight, powerful Vim IDE for modern developers.
+
+      <h2
+        class="text-2xl md:text-3xl lg:text-4xl font-semibold mb-8 text-slate-800 dark:text-slate-200"
+      >
+        Fast setup, faster coding
+      </h2>
+
+      <p
+        class="text-lg md:text-xl max-w-3xl mx-auto mb-12 text-slate-700 dark:text-slate-300 leading-relaxed"
+      >
+        A tailored Vim/Neovim configuration that boosts productivity for
+        developers across languages and stacks. Rich plugins, sensible defaults,
+        and custom productivity tools designed for a seamless development
+        experience.
+      </p>
+
+      <!-- CTA Buttons -->
+      <div class="flex flex-col sm:flex-row gap-4 mb-16">
+        <a
+          href="#installation"
+          class="inline-flex items-center px-8 py-4 text-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 rounded-xl hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-purple-500/25"
+        >
+          <svg
+            class="w-5 h-5 mr-2"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+            ></path>
+          </svg>
+          Get Started
+        </a>
+        <a
+          href="https://github.com/josstei/JoStVIM"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="inline-flex items-center px-8 py-4 text-lg font-semibold text-slate-800 dark:text-slate-200 bg-white/80 dark:bg-slate-800/50 backdrop-blur-sm border border-slate-300/50 dark:border-slate-700/50 rounded-xl hover:bg-white/90 dark:hover:bg-slate-700/50 transition-all duration-300 hover:scale-105 shadow-lg"
+        >
+          <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24">
+            <path
+              d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+            ></path>
+          </svg>
+          View on GitHub
+        </a>
+      </div>
+
+      <!-- Features Preview -->
+      <div
+        class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto mb-8 md:mb-0"
+      >
+        <div
+          class="flex items-center justify-center p-4 bg-white/5 dark:bg-slate-800/30 backdrop-blur-sm rounded-xl border border-slate-200/10 dark:border-slate-700/30"
+        >
+          <div class="text-center">
+            <div
+              class="w-12 h-12 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-lg flex items-center justify-center mx-auto mb-3"
+            >
+              <svg
+                class="w-6 h-6 text-white"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M13 10V3L4 14h7v7l9-11h-7z"></path>
+              </svg>
+            </div>
+            <h3 class="font-semibold text-slate-800 dark:text-slate-200">
+              Lightning Fast
+            </h3>
+            <p class="text-sm text-slate-600 dark:text-slate-400">
+              Optimized for speed
+            </p>
+          </div>
+        </div>
+
+        <div
+          class="flex items-center justify-center p-4 bg-white/5 dark:bg-slate-800/30 backdrop-blur-sm rounded-xl border border-slate-200/10 dark:border-slate-700/30"
+        >
+          <div class="text-center">
+            <div
+              class="w-12 h-12 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg flex items-center justify-center mx-auto mb-3"
+            >
+              <svg
+                class="w-6 h-6 text-white"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
+                ></path>
+              </svg>
+            </div>
+            <h3 class="font-semibold text-slate-800 dark:text-slate-200">
+              Rich Plugins
+            </h3>
+            <p class="text-sm text-slate-600 dark:text-slate-400">
+              Curated ecosystem
+            </p>
+          </div>
+        </div>
+
+        <div
+          class="flex items-center justify-center p-4 bg-white/5 dark:bg-slate-800/30 backdrop-blur-sm rounded-xl border border-slate-200/10 dark:border-slate-700/30"
+        >
+          <div class="text-center">
+            <div
+              class="w-12 h-12 bg-gradient-to-br from-purple-500 to-pink-500 rounded-lg flex items-center justify-center mx-auto mb-3"
+            >
+              <svg
+                class="w-6 h-6 text-white"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 100 4m0-4v2m0-6V4"
+                ></path>
+              </svg>
+            </div>
+            <h3 class="font-semibold text-slate-800 dark:text-slate-200">
+              Customizable
+            </h3>
+            <p class="text-sm text-slate-600 dark:text-slate-400">
+              Tailored for you
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Features Section -->
+  <section
+    class="py-16 md:py-20
+   bg-gray-50 dark:bg-slate-900
+    dark:from-slate-800 dark:via-slate-700 dark:to-slate-600
+    dark:backdrop-blur-sm"
+  >
+    <div class="max-w-7xl mx-auto px-6">
+      <div class="text-center mb-16">
+        <h2
+          class="text-4xl md:text-5xl font-bold mb-6 text-slate-900 dark:text-slate-100"
+        >
+          Why Choose LuxVim?
+        </h2>
+        <p class="text-xl text-slate-700 dark:text-slate-300 max-w-3xl mx-auto">
+          Built by developers, for developers. Every feature designed to boost
+          your productivity.
+        </p>
+      </div>
+
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+        <!-- Custom Dashboard -->
+        <div
+          class="bg-white dark:bg-slate-800 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300"
+        >
+          <div
+            class="w-16 h-16 bg-gradient-to-br from-blue-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6"
+          >
+            <svg
+              class="w-8 h-8 text-white"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"
+              ></path>
+            </svg>
+          </div>
+          <h3
+            class="text-xl font-semibold mb-4 text-slate-900 dark:text-slate-100"
+          >
+            Custom Dashboard
+          </h3>
+          <p class="text-slate-700 dark:text-slate-300">
+            Interactive start screen with ASCII logo and quick actions for new
+            files, recent files, and project search.
+          </p>
+        </div>
+
+        <!-- Unified Command Menu -->
+        <div
+          class="bg-white dark:bg-slate-800 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300"
+        >
+          <div
+            class="w-16 h-16 bg-gradient-to-br from-purple-500 to-pink-500 rounded-xl flex items-center justify-center mb-6"
+          >
+            <svg
+              class="w-8 h-8 text-white"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M4 6h16M4 10h16M4 14h16M4 18h16"></path>
+            </svg>
+          </div>
+          <h3
+            class="text-xl font-semibold mb-4 text-slate-900 dark:text-slate-100"
+          >
+            Unified Command Menu
+          </h3>
+          <p class="text-slate-700 dark:text-slate-300">
+            Comprehensive operations menu for files, projects, Git, and
+            development tasks with smart project detection.
+          </p>
+        </div>
+
+        <!-- Environment Management -->
+        <div
+          class="bg-white dark:bg-slate-800 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300"
+        >
+          <div
+            class="w-16 h-16 bg-gradient-to-br from-green-500 to-emerald-500 rounded-xl flex items-center justify-center mb-6"
+          >
+            <svg
+              class="w-8 h-8 text-white"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+              ></path>
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
+            </svg>
+          </div>
+          <h3
+            class="text-xl font-semibold mb-4 text-slate-900 dark:text-slate-100"
+          >
+            Environment Management
+          </h3>
+          <p class="text-slate-700 dark:text-slate-300">
+            Easy switching between development environments and configurations
+            with project-specific settings.
+          </p>
+        </div>
+
+        <!-- Integrated Terminal -->
+        <div
+          class="bg-white dark:bg-slate-800 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300"
+        >
+          <div
+            class="w-16 h-16 bg-gradient-to-br from-orange-500 to-red-500 rounded-xl flex items-center justify-center mb-6"
+          >
+            <svg
+              class="w-8 h-8 text-white"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+              ></path>
+            </svg>
+          </div>
+          <h3
+            class="text-xl font-semibold mb-4 text-slate-900 dark:text-slate-100"
+          >
+            Integrated Terminal
+          </h3>
+          <p class="text-slate-700 dark:text-slate-300">
+            Lightweight terminal buffer management with quick toggle
+            functionality for seamless workflow.
+          </p>
+        </div>
+
+        <!-- Smart Commenting -->
+        <div
+          class="bg-white dark:bg-slate-800 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300"
+        >
+          <div
+            class="w-16 h-16 bg-gradient-to-br from-teal-500 to-cyan-500 rounded-xl flex items-center justify-center mb-6"
+          >
+            <svg
+              class="w-8 h-8 text-white"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"
+              ></path>
+            </svg>
+          </div>
+          <h3
+            class="text-xl font-semibold mb-4 text-slate-900 dark:text-slate-100"
+          >
+            Smart Commenting
+          </h3>
+          <p class="text-slate-700 dark:text-slate-300">
+            Intelligent comment/uncomment functionality that automatically
+            detects file types and applies appropriate syntax.
+          </p>
+        </div>
+
+        <!-- Multiple Color Schemes -->
+        <div
+          class="bg-white dark:bg-slate-800 rounded-2xl p-8 shadow-lg hover:shadow-xl transition-shadow duration-300"
+        >
+          <div
+            class="w-16 h-16 bg-gradient-to-br from-pink-500 to-rose-500 rounded-xl flex items-center justify-center mb-6"
+          >
+            <svg
+              class="w-8 h-8 text-white"
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+                d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zM21 5a2 2 0 00-2-2h-4a2 2 0 00-2 2v12a4 4 0 004 4h4a2 2 0 002-2V5z"
+              ></path>
+            </svg>
+          </div>
+          <h3
+            class="text-xl font-semibold mb-4 text-slate-900 dark:text-slate-100"
+          >
+            Beautiful Themes
+          </h3>
+          <p class="text-slate-700 dark:text-slate-300">
+            Choose from popular themes like Dracula, Gruvbox, Nord, and our
+            custom VoidPulse for optimal coding comfort.
+          </p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Installation Section -->
+  <section
+    id="installation"
+    class="py-20
+     bg-gradient-to-r
+      from-purple-200 via-indigo-200 to-white
+    dark:from-slate-900 dark:via-slate-800 dark:to-slate-700"
+  >
+    <div class="max-w-6xl mx-auto px-6">
+      <div class="text-center mb-16">
+        <h2
+          class="text-4xl md:text-5xl font-bold mb-6 text-slate-900 dark:text-white"
+        >
+          Get Started in Minutes
+        </h2>
+        <p class="text-xl text-slate-700 dark:text-slate-300 max-w-3xl mx-auto">
+          Simple installation process that doesn't interfere with your existing
+          Vim/Neovim setup.
+        </p>
+      </div>
+
+      <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+        <!-- Installation Steps -->
+        <div class="space-y-8">
+          <div class="flex items-start space-x-4">
+            <div
+              class="flex-shrink-0 w-10 h-10 bg-purple-500 text-white rounded-full flex items-center justify-center font-bold text-lg"
+            >
+              1
+            </div>
+            <div>
+              <h3
+                class="text-xl font-semibold mb-2 text-slate-900 dark:text-white"
+              >
+                Clone the Repository
+              </h3>
+              <p class="text-slate-700 dark:text-slate-300 mb-3">
+                Download LuxVim to your local machine:
+              </p>
+              <div
+                class="bg-slate-800 text-gray-100 dark:bg-slate-700 dark:text-gray-200 rounded-lg p-4 font-mono text-sm overflow-x-auto shadow-lg"
+              >
+                <code class="text-green-400"
+                  >git clone https://github.com/josstei/JoStVIM.git</code
+                ><br />
+                <code class="text-blue-400">cd LuxVIM</code>
+              </div>
+            </div>
+          </div>
+
+          <div class="flex items-start space-x-4">
+            <div
+              class="flex-shrink-0 w-10 h-10 bg-purple-500 text-white rounded-full flex items-center justify-center font-bold text-lg"
+            >
+              2
+            </div>
+            <div>
+              <h3
+                class="text-xl font-semibold mb-2 text-slate-900 dark:text-white"
+              >
+                Run Installation
+              </h3>
+              <p class="text-slate-700 dark:text-slate-300 mb-3">
+                The install script handles everything automatically:
+              </p>
+              <div
+                class="bg-slate-800 text-gray-100 dark:bg-slate-700 dark:text-gray-200 rounded-lg p-4 font-mono text-sm shadow-lg"
+              >
+                <code class="text-yellow-400">./install.sh</code>
+              </div>
+            </div>
+          </div>
+
+          <div class="flex items-start space-x-4">
+            <div
+              class="flex-shrink-0 w-10 h-10 bg-purple-500 text-white rounded-full flex items-center justify-center font-bold text-lg"
+            >
+              3
+            </div>
+            <div>
+              <h3
+                class="text-xl font-semibold mb-2 text-slate-900 dark:text-white"
+              >
+                Launch LuxVim
+              </h3>
+              <p class="text-slate-700 dark:text-slate-300 mb-3">
+                Start coding with your new setup:
+              </p>
+              <div
+                class="bg-slate-800 text-gray-100 dark:bg-slate-700 dark:text-gray-200 rounded-lg p-4 font-mono text-sm shadow-lg"
+              >
+                <code class="text-cyan-400">Luxvim</code>
+                <span class="text-slate-500"># For Vim</span><br />
+                <code class="text-cyan-400">Lux</code>
+                <span class="text-slate-500"># For Neovim</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- Requirements & Features -->
+        <div
+          class="bg-gradient-to-br from-purple-50 to-pink-50 dark:from-slate-800 dark:to-slate-700 rounded-2xl p-8"
+        >
+          <h3 class="text-2xl font-bold mb-6 text-slate-900 dark:text-white">
+            Requirements
+          </h3>
+          <ul class="space-y-3 mb-8">
+            <li class="flex items-center text-slate-700 dark:text-slate-300">
+              <svg
+                class="w-5 h-5 text-green-500 mr-3"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M5 13l4 4L19 7"></path>
+              </svg>
+              Bash shell (Linux/macOS/WSL)
+            </li>
+            <li class="flex items-center text-slate-700 dark:text-slate-300">
+              <svg
+                class="w-5 h-5 text-green-500 mr-3"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M5 13l4 4L19 7"></path>
+              </svg>
+              Vim or Neovim (recent versions)
+            </li>
+            <li class="flex items-center text-slate-700 dark:text-slate-300">
+              <svg
+                class="w-5 h-5 text-green-500 mr-3"
+                fill="none"
+                stroke="currentColor"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M5 13l4 4L19 7"></path>
+              </svg>
+              curl for downloading plugins
+            </li>
+          </ul>
+
+          <div class="bg-white/50 dark:bg-slate-900/50 rounded-xl p-6">
+            <h4 class="font-semibold mb-3 text-slate-900 dark:text-white">
+              What the installer does:
+            </h4>
+            <ul class="space-y-2 text-sm text-slate-700 dark:text-slate-300">
+              <li>• Downloads and installs vim-plug</li>
+              <li>• Installs all plugins automatically</li>
+              <li>• Adds convenient shell aliases</li>
+              <li>• Keeps your existing Vim config safe</li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <!-- Call to Action -->
+  <section class="relative py-20 overflow-hidden">
+    <!-- Galaxy Background for CTA -->
+    <div
+      id="galaxy-background-cta"
+      class="absolute inset-0 z-0"
+      data-controller="galaxy"
+    >
+      <canvas id="galaxy-canvas-cta" class="w-full h-full"></canvas>
+    </div>
+
+    <!-- Gradient overlay for better text contrast -->
+    <div
+      class="absolute inset-0 z-5 bg-gradient-to-b from-transparent via-black/5 to-black/15 dark:from-transparent dark:via-black/20 dark:to-black/40"
+    >
+    </div>
+
+    <div class="relative z-10 max-w-4xl mx-auto text-center px-6">
+      <h2
+        class="text-4xl md:text-5xl font-bold mb-6 text-slate-900 dark:text-white"
+      >
+        Ready to Boost Your Productivity?
+      </h2>
+      <p
+        class="text-xl mb-8 text-slate-700 dark:text-slate-200 max-w-2xl mx-auto"
+      >
+        Join developers who've already enhanced their Vim experience with
+        LuxVim's powerful, thoughtfully designed configuration.
       </p>
+      <div class="flex flex-col sm:flex-row gap-4 justify-center">
+        <a
+          href="https://github.com/josstei/JoStVIM"
+          target="_blank"
+          rel="noopener noreferrer"
+          class="inline-flex items-center px-8 py-4 text-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 rounded-xl hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 shadow-lg hover:shadow-purple-500/25"
+        >
+          <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24">
+            <path
+              d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.30.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+            ></path>
+          </svg>
+          Star on GitHub
+        </a>
+        <a
+          href="/docs"
+          class="inline-flex items-center px-8 py-4 text-lg font-semibold text-slate-600 dark:text-slate-200 bg-white/90 dark:bg-slate-700/80 backdrop-blur-sm border border-slate-300 dark:border-slate-600/50 rounded-xl hover:bg-white dark:hover:bg-slate-600/80 hover:text-slate-800 dark:hover:text-white transition-all duration-300 hover:scale-105 shadow-lg"
+        >
+          <svg
+            class="w-5 h-5 mr-2"
+            fill="none"
+            stroke="currentColor"
+            viewBox="0 0 24 24"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+            ></path>
+          </svg>
+          Read Documentation
+        </a>
+      </div>
     </div>
-  </div>
-</Main>
\ No newline at end of file
+  </section>
+</Main>
diff --git a/src/pages/markdown-page.md b/src/pages/markdown-page.md
index 22b92f9..d699d38 100644
--- a/src/pages/markdown-page.md
+++ b/src/pages/markdown-page.md
@@ -8,7 +8,7 @@ layout: ../layouts/main.astro
   Tailwind classes also work in Markdown! Saving this for later!!
  </div>
  <a
-  href="/jostvim.org/"
+  href="/Luxvim.org/"
   class="p-4 underline hover:text-purple-500 transition-colors ease-in-out duration-200"
  >
   Go home
diff --git a/src/styles/global.css b/src/styles/global.css
index 379bf94..41bd76d 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,12 +1,15 @@
 @import 'tailwindcss';
 
+@config "../../tailwind.config.js";
+
+
 /* Galaxy background styles */
-#galaxy-background {
+#galaxy-background, #galaxy-background-cta {
   background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 25%, #a5b4fc 50%, #8b5cf6 75%, #7c3aed 100%);
   transition: background 0.3s ease;
 }
 
-.dark #galaxy-background {
+.dark #galaxy-background, .dark #galaxy-background-cta {
   background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
 }
 
@@ -116,4 +119,5 @@ nav {
 
 .animate-pulse {
   animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-}
\ No newline at end of file
+}
+
diff --git a/yarn.lock b/yarn.lock
index b6ea755..9e38693 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2654,21 +2654,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jostvim.org@workspace:.":
-  version: 0.0.0-use.local
-  resolution: "jostvim.org@workspace:."
-  dependencies:
-    "@astrojs/mdx": "npm:^4.3.0"
-    "@hotwired/stimulus": "npm:^3.2.2"
-    "@tailwindcss/vite": "npm:^4.1.3"
-    "@types/alpinejs": "npm:^3"
-    alpinejs: "npm:^3.14.9"
-    astro: "npm:^5.11.0"
-    particles.js: "npm:^2.0.0"
-    tailwindcss: "npm:^4.1.3"
-  languageName: unknown
-  linkType: soft
-
 "js-yaml@npm:^4.1.0":
   version: 4.1.0
   resolution: "js-yaml@npm:4.1.0"
@@ -2825,6 +2810,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"luxvim.org@workspace:.":
+  version: 0.0.0-use.local
+  resolution: "luxvim.org@workspace:."
+  dependencies:
+    "@astrojs/mdx": "npm:^4.3.0"
+    "@hotwired/stimulus": "npm:^3.2.2"
+    "@tailwindcss/vite": "npm:^4.1.3"
+    "@types/alpinejs": "npm:^3"
+    alpinejs: "npm:^3.14.9"
+    astro: "npm:^5.11.0"
+    particles.js: "npm:^2.0.0"
+    tailwindcss: "npm:^4.1.3"
+  languageName: unknown
+  linkType: soft
+
 "magic-string@npm:^0.30.17":
   version: 0.30.17
   resolution: "magic-string@npm:0.30.17"