Fix: Landing Page

kurianbenoy · Feb 20, 2024 · 1f328aa · 1f328aa
1 parent 75d67fa
commit 1f328aa
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 5 deletions.
diff --git a/ui/src/components/Header.jsx b/ui/src/components/Header.jsx
@@ -33,7 +33,7 @@ export default function Header() {
       {isHome && (
         <div className="space-x-4 ">
           <PrimaryBtn accent={true} fn={() => router.push("/about")}>
-            Check our team
+            Team
           </PrimaryBtn>
           <SecondaryBtn fn={() => transitionToCollection(router)}>
             Dashboard

diff --git a/ui/src/components/PrimaryBtn.jsx b/ui/src/components/PrimaryBtn.jsx
@@ -3,7 +3,6 @@ import { useRouter } from "next/router";
 import React from "react";
 
 function PrimaryBtn({ accent, children, fn }) {
-  const router = useRouter();
   return (
     <button
       onClick={fn}

diff --git a/ui/src/components/home/HeroSection.jsx b/ui/src/components/home/HeroSection.jsx
@@ -1,11 +1,15 @@
 import React from "react";
 import PrimaryBtn from "../PrimaryBtn";
-import Image from "next/image";
+import SecondaryBtn from "../SecondaryBtn";
+import { IconExternalLink } from "@tabler/icons-react";
+import { transitionToCollection } from "@components/utils";
+import { useRouter } from "next/router";
 
 export default function HeroSection() {
+  const router = useRouter();
   return (
     <section className="md:mt-44 mt-16 flex  justify-between lg:justify-center lg:gap-56 items-center md:px-0 px-4">
-      <div className="md:w-[40%] space-y-6 md:px-20 px-2 ">
+      <div className="lg:w-[40%] space-y-6 md:px-20 px-2">
         <h1 className="text-5xl font-medium">
           Only Open Source subtitle generator for{" "}
           <span className="text-primary-900">Indic Languages</span>
@@ -14,7 +18,20 @@ export default function HeroSection() {
           Supported by SeamlessM4T-v2 large model, which supports almost 12
           Indic languages by default.
         </p>
-        <PrimaryBtn />
+        <div className="flex gap-4 flex-wrap">
+          <PrimaryBtn fn={() => transitionToCollection(router)}>
+            Try now for free!
+          </PrimaryBtn>
+          <SecondaryBtn fn={() => null}>
+            <a
+              href="https://github.com/kurianbenoy/Indic-Subtitler"
+              target=" _blank"
+              className="flex gap-2"
+            >
+              Github <IconExternalLink />
+            </a>
+          </SecondaryBtn>
+        </div>
       </div>
       <img
         className="hidden md:block lg:w-[550px] md:w-[460px] "