From 81f150188dc74cb21e344dad2ae1a40ef7d9825b Mon Sep 17 00:00:00 2001
From: tacheraSasi <tacherasasi@gmail.com>
Date: Sun, 1 Dec 2024 23:36:18 +0300
Subject: [PATCH] fixed the header link to get started

---
 website/components/Feature.tsx | 4 ++--
 website/components/cta.tsx     | 2 +-
 website/components/header.tsx  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/website/components/Feature.tsx b/website/components/Feature.tsx
index 4d04e58..c20e921 100644
--- a/website/components/Feature.tsx
+++ b/website/components/Feature.tsx
@@ -20,12 +20,12 @@ interface FeatureProps {
 const Feature: React.FC<FeatureProps> = ({ feature, index }) => {
   return (
     <motion.div
-      className="rounded-lg bg-taupe-900 p-6 text-center md:text-left flex flex-col md:flex-row items-center shadow-lg hover:shadow-xl transition-shadow duration-300 cursor-pointer"
+      className="rounded-lg bg-neutral-900 p-6 text-center md:text-left flex flex-col md:flex-row items-center shadow-lg hover:shadow-xl transition-shadow duration-300 cursor-pointer"
       initial={{ opacity: 0, y: 30 }}
       animate={{ opacity: 1, y: 0 }}
       transition={{ duration: 0.6, delay: index * 0.1 }}
     >
-      <div className="flex items-center px-1 justify-center h-16 w-16 rounded-full bg-taupe-100 text-taupe-900 dark:bg-taupe-800 dark:text-taupe-100 shadow-md">
+      <div className="flex items-center px-1 justify-center h-16 w-16 rounded-full bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100 shadow-md">
         <feature.icon className="w-8 h-8" aria-label={`${feature.name} icon`} />
       </div>
       <div className="mt-4 md:mt-0 md:ml-6 text-center md:text-left">
diff --git a/website/components/cta.tsx b/website/components/cta.tsx
index 5bac9eb..b926b88 100644
--- a/website/components/cta.tsx
+++ b/website/components/cta.tsx
@@ -18,7 +18,7 @@ export default function CTA() {
         <p className="mt-6 text-lg leading-8 text-taupe-700 ">
           Start your journey with VintLang today and experience the power of Swahili-inspired programming.
         </p>
-        <div className="mt-10 flex items-center justify-center gap-x-6">
+        <div className="mt-10 flex items-center flex-wrap justify-center gap-x-6 gap-y-3">
           <Button size="lg" className="bg-taupe-800 text-white hover:bg-taupe-600 ">
             Get Started
           </Button>
diff --git a/website/components/header.tsx b/website/components/header.tsx
index 86e5cc2..b63c592 100644
--- a/website/components/header.tsx
+++ b/website/components/header.tsx
@@ -24,7 +24,7 @@ export default function Header() {
           <nav className="flex items-center space-x-6 text-sm font-medium">
             <a className="transition-colors hover:text-foreground/80 text-foreground/60" href="#features">Features</a>
             <a className="transition-colors hover:text-foreground/80 text-foreground/60" href="#code-example">Code Example</a>
-            <a className="transition-colors hover:text-foreground/80 text-foreground/60" href="#get-started">Get Started</a>
+            <a className="transition-colors hover:text-foreground/80 text-foreground/60" href="/docs">Get Started</a>
           </nav>
         </div>
         <div className="flex flex-1 items-center justify-between space-x-2 md:justify-end">