cta

ekilie · Nov 26, 2024 · 00ad352 · 00ad352
1 parent 9ca51f0
commit 00ad352
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/website/components/cta.tsx b/website/components/cta.tsx
@@ -7,27 +7,26 @@ export default function CTA() {
   return (
     <section id="get-started" className="container py-24 sm:py-32">
       <motion.div
-        className="bg-taupe-500 dark:bg-taupe-600 rounded-lg px-6 py-16 sm:p-16 text-center"
+        className="bg-taupe-900  rounded-lg px-6 py-16 sm:p-16 text-center"
         initial={{ opacity: 0, y: 20 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{ duration: 0.5 }}
       >
         <h2 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">
           Ready to dive into VintLang?
         </h2>
-        <p className="mt-6 text-lg leading-8 text-taupe-100">
+        <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">
-          <Button size="lg" className="bg-white text-taupe-600 hover:bg-taupe-50">
+          <Button size="lg" className="bg-taupe-800 text-white hover:bg-taupe-600 ">
             Get Started
           </Button>
-          <Button size="lg" variant="outline" className="text-white border-white hover:bg-taupe-600">
+          <Button size="lg" variant="outline" className=" border-taupe-700 border-white  ">
             Learn More
           </Button>
         </div>
       </motion.div>
     </section>
   )
 }
-
diff --git a/website/components/hero.tsx b/website/components/hero.tsx
@@ -77,7 +77,7 @@ export default function Hero() {
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.5, delay: 1 }}
         >
-          <Button size="lg" className="bg-taupe-900 hover:bg-taupe-600 text-white text-lg px-8 py-6 w-full sm:w-auto">
+          <Button size="lg" className="bg-taupe-900 hover:bg-taupe-800 text-white text-lg px-8 py-6 w-full sm:w-auto">
             Get Started
             <ArrowRight className="ml-2 h-5 w-5" />
           </Button>