Merge pull request #19 from Musilah/inline

NOISSUE - Add more CTA buttons
absmach · Jan 27, 2025 · 493a91c · 493a91c
2 parents 1d60086 + 93d1708
commit 493a91c
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 9 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -9,7 +9,7 @@ import { heroData } from '@/lib/constants';
 
 export default function Home() {
   return (
-    <div className="min-h-screen constant mx-auto">
+    <div className="min-h-screen constant mx-auto py-8 md:py-20">
       {/* Hero Section */}
       <Hero
         title={heroData.title}

diff --git a/src/components/section-hero.tsx b/src/components/section-hero.tsx
@@ -22,7 +22,7 @@ export function Hero({
     <section className="py-20 md:h-[95vh]">
       <div className="container mx-auto px-6 grid grid-cols-1 md:grid-cols-2  space-y-2">
         <div className="text-center md:text-left space-y-8">
-          <h2 className="lg:text-7xl text-5xl font-bold mb-4 text-blue-950 tracking-tight">
+          <h2 className="lg:text-6xl text-5xl font-bold mb-4 text-blue-950 tracking-tight">
             {title}
           </h2>
           <p className=" text-2xl text-gray-800">{subtitle}</p>

diff --git a/src/components/ui/header.tsx b/src/components/ui/header.tsx
@@ -53,15 +53,24 @@ export default function Header() {
 
         {/* CTA Button Section */}
         <div className="hidden md:flex items-center gap-6">
-          <Link href="#pricing">
+          <a href="#pricing">
             <Button
               variant="default"
               aria-label="Try for free"
               className="bg-blue-800 text-white hover:bg-blue-600 px-4 py-2 rounded"
             >
               Try For Free
             </Button>
-          </Link>
+          </a>
+          <a href="#pricing">
+            <Button
+              variant="outline"
+              aria-label="Request for demo"
+              className="  px-4 py-4 rounded"
+            >
+              Request For Demo
+            </Button>
+          </a>
         </div>
 
         {/* Mobile Menu Button */}
@@ -80,7 +89,7 @@ export default function Header() {
             </SheetHeader>
             <Separator className="my-4 mt-8" />
             <nav className="flex flex-col gap-4 mt-8">
-              <ul className="flex flex-col space-y-4">
+              <ul className="flex flex-col space-y-4 items-center">
                 {navigationLinks.map((link) => (
                   <li key={link.label}>
                     <Link
@@ -92,17 +101,27 @@ export default function Header() {
                     </Link>
                   </li>
                 ))}
-                <Separator className="my-4" />
                 <li className="pt-4">
-                  <Link href="#pricing">
+                  <a href="#pricing">
                     <Button
                       variant="default"
                       aria-label="Try for free"
-                      className="bg-blue-800 text-white hover:bg-blue-600 px-4 py-4 rounded w-full text-lg"
+                      className="bg-blue-800 text-white px-4 py-4 rounded-lg text-lg "
                     >
                       Try For Free
                     </Button>
-                  </Link>
+                  </a>
+                </li>
+                <li className="pt-4">
+                  <a href="#pricing">
+                    <Button
+                      variant="default"
+                      aria-label="Request for demo"
+                      className="bg-blue-800 text-white px-4 py-4 rounded-lg text-lg"
+                    >
+                      Request For Demo
+                    </Button>
+                  </a>
                 </li>
               </ul>
             </nav>