Merge pull request #142 from Janhvibabani/feat/responsive-landing-page

fix: UI Responsiveness of Landing Page

Author: apsinghdev

apps/web/src/components/landing-sections/Hero.tsx

@@ -8,7 +8,7 @@ import { motion } from "framer-motion";
 
 const Hero = () => {
   return (
-    <div className="w-full h-[50dvh] lg:h-[69dvh] relative overflow-hidden z-10 p-4 lg:p-[60px] flex flex-col items-center justify-center gap-6 ">
+    <div className="w-full min-h-[50dvh] lg:h-[69dvh] relative overflow-hidden z-10 p-4 lg:p-[60px] flex flex-col items-center justify-center gap-6 ">
       <Image
         src="/assets/bgmain.svg"
         alt="background"

apps/web/src/components/landing-sections/footer.tsx

@@ -20,7 +20,7 @@ const Footer = () => {
       {/* Bottom Section */}
       <div className="pt-8 border-t border-[#252525] space-y-8">
         {/* Top Row - Profile Picture and Navigation */}
-        <div className="relative flex items-start justify-between">
+        <div className="relative flex items-start justify-between gap-6 lg:gap-0">
           {/* Profile Picture - Left */}
           <div className="flex flex-col gap-4">
             <div>

apps/web/src/components/landing-sections/navbar.tsx

@@ -1,6 +1,6 @@
 "use client";
 import React, { useState } from "react";
-import PrimaryButtom from "../ui/custom-button";
+import PrimaryButton from "../ui/custom-button";
 import { motion, useScroll, useMotionValueEvent } from "framer-motion";
 import Image from "next/image";
 import { Terminal, Github, Menu, X } from "lucide-react";
@@ -104,10 +104,10 @@ const Navbar = () => {
           <span className="text-sm font-medium">Contribute</span>
         </Link>
         <Link href="/dashboard/home" className="cursor-pointer z-30">
-          <PrimaryButtom>
-            <Terminal size={20} />
-            <span className="md:inline">Get Started</span>
-          </PrimaryButtom>
+          <PrimaryButton classname="px-3 py-2 text-sm whitespace-nowrap md:px-5 md:py-3 md:text-base">
+            <Terminal className="w-4 h-4 md:w-5 md:h-5" />
+            <span>Get Started</span>
+          </PrimaryButton>
         </Link>
       </div>
       {isOpen && (