paper request

Author: abhitrueprogrammer

src/components/FloatingNavbar.tsx

@@ -2,8 +2,9 @@
 
 import { usePathname } from "next/navigation";
 import Link from "next/link";
-import { Pin, UploadIcon } from "lucide-react";
+import { ArrowUpRight, Pin, UploadIcon } from "lucide-react";
 import ModeToggle from "./toggle-theme";
+import { Button } from "./ui/button";
 
 interface Props {
   onNavigate: () => void;
@@ -33,7 +34,14 @@ export default function FloatingNavbar({ onNavigate }: Props) {
             <span>Pinned Subjects</span>
           </div>
         </Link>
-
+        <div className="px-4 py-2">
+          <Link href="/request" onClick={onNavigate}>
+            <div className="flex items-center gap-2 rounded-full border border-[#3A3745] px-4 py-2 text-sm font-semibold text-white transition hover:bg-[#1A1823] w-full justify-center">
+              <ArrowUpRight className="h-4 w-4" />
+              Paper Request
+            </div>
+          </Link>
+        </div>
         <div className="rounded-full border border-[#3A3745] p-1">
           <ModeToggle />
         </div>

src/components/Navbar.tsx

@@ -6,7 +6,8 @@ import Link from "next/link";
 import { usePathname } from "next/navigation";
 import ccLogo from "../assets/codechef_logo.svg";
 import ModeToggle from "@/components/toggle-theme";
-import { ArrowDownLeftIcon, Pin } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { ArrowDownLeftIcon, Pin, ArrowUpRight } from "lucide-react";
 import NavDropdownButton from "./NavDropdownButton";
 import FloatingNavbar from "./FloatingNavbar";
 import PWAInstallButton from "./ui/PWAInstallButton";
@@ -62,7 +63,17 @@ function Navbar() {
                 Pinned Subjects
               </div>
             </Link>
+            <div className="ml-2 hidden md:flex">
+              <Link href="/request">
+                <div className="ml-2 flex items-center gap-2 rounded-full border border-[#3A3745] px-4 py-2 text-sm font-semibold text-white transition hover:bg-[#1A1823]">
+                  <ArrowUpRight className="h-4 w-4" />
+                  Paper Request
+                </div>
+              </Link>
+            </div>
           </div>
+
+          {/* Desktop: Create Paper Request button */}
         </div>
 
         <div className="hidden items-center gap-4 md:flex">
@@ -84,6 +95,7 @@ function Navbar() {
           </Link>
         </div>
 
+        {/* Mobile: Create Paper Request button inside dropdown */}
         <div className="md:hidden" ref={dropdownContainerRef}>
           <NavDropdownButton
             isOpen={open}

src/components/screens/Info.tsx

@@ -78,20 +78,7 @@ function Info() {
       </section>
 
       {/* Create Request Section */}
-      <section className="flex flex-col items-center justify-center gap-4 px-6 py-12 text-center">
-        <h2 className="font-vipnabd text-2xl font-semibold text-black dark:text-white md:text-3xl">
-          Can’t Find a Specific Paper?
-        </h2>
-        <Link href="/request">
-          <Button
-            variant="outline"
-            className="group border-[1.5px] border-[#4A55FF] bg-transparent px-6 py-3 text-sm font-medium text-[#4A55FF] transition-all duration-200 hover:bg-[#4A55FF] hover:text-white dark:border-[#9EA8FF] dark:text-[#9EA8FF] dark:hover:bg-[#9EA8FF] dark:hover:text-black"
-          >
-            Create Request
-            <ArrowUpRight className="ml-2 h-4 w-4 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5" />
-          </Button>
-        </Link>
-      </section>
+
       <div className=" md:hidden z-50 flex justify-center py-4">
         <PWAInstallButton />
       </div>