Merge pull request #279 from karannfr/prod

fixed: #275, fixed: #276, fixed: footer design

Author: abhitrueprogrammer

src/app/request/page.tsx

@@ -65,7 +65,7 @@ export default function PaperRequest() {
 
         const randomPapers = [...response.data]
           .sort(() => Math.random() - 0.5)
-          .slice(0, 4);
+          .slice(0, 8);
 
         setDisplayPapers(randomPapers);
       } catch (error) {
@@ -251,10 +251,12 @@ export default function PaperRequest() {
             Submit
           </Button>
         </div>
-
+        <p className="my-8 text-center font-play text-lg font-semibold">
+          Upcoming Exams
+        </p>
         <div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
           {isLoading ? (
-            <SkeletonPaperCard length={4} />
+            <SkeletonPaperCard length={8} />
           ) : (
             displayPapers.map((paper, subIndex) => (
               <div key={subIndex} className="h-full">

src/components/CatalogueContent.tsx

@@ -293,7 +293,7 @@ const CatalogueContent = () => {
 
   return (
     <div className="relative flex min-h-screen justify-center p-0 md:justify-normal">
-      <div className="hidden !w-[22%] min-w-[22%] max-w-[22%] flex-shrink-0 md:block">
+      {papers.length > 0 && <div className="hidden !w-[22%] min-w-[22%] max-w-[22%] flex-shrink-0 md:block">
         <SideBar
           filtersNotPulled={filtersNotPulled}
           loading={loading}
@@ -313,10 +313,10 @@ const CatalogueContent = () => {
           handleDownloadAll={handleDownloadAll}
           closeFilters={closeFilters}
         />
-      </div>
+      </div>}
 
       <div className="w-full">
-        <Sheet>
+        {papers.length > 0 && <Sheet>
           <SheetTrigger className="mx-8 mt-8 block md:hidden">
             <Button
               variant="outline"
@@ -350,7 +350,7 @@ const CatalogueContent = () => {
               closeFilters={closeFilters}
             />
           </SheetContent>
-        </Sheet>
+        </Sheet>}
 
         <div className="p-7">
           <div className="flex items-center gap-2">

src/components/Error.tsx

@@ -11,9 +11,9 @@ const Error = ({
 }: ErrorProps) => {
   return (
     <div
-      className={`flex h-full flex-1 items-center justify-center ${filtersPulled ? "blur-xl" : ""}`}
+      className={`flex h-[80%] flex-1 items-center justify-center ${filtersPulled ? "blur-xl" : ""}`}
     >
-      <div className="-mt-32 text-center text-lg">{message}</div>
+      <div className="-mt-48 text-center text-lg">{message}</div>
     </div>
   );
 };

src/components/Footer.tsx

@@ -13,7 +13,7 @@ import {
   FaXTwitter,
   FaYoutube,
 } from "react-icons/fa6";
-import { Mail } from "lucide-react";
+import { Bold, Mail } from "lucide-react";
 import toast from "react-hot-toast";
 export default function Footer() {
   const { theme } = useTheme();
@@ -50,8 +50,8 @@ export default function Footer() {
   };
 
   return (
-    <footer className="w-full overflow-hidden bg-gradient-to-b from-[#F3F5FF] to-[#A599CE] px-6 py-10 pt-16 text-white dark:from-[#070114] dark:to-[#1F0234]">
-      <div className="mx-auto flex max-w-7xl flex-wrap justify-between gap-y-10 text-center sm:text-left">
+    <footer className="w-full overflow-hidden bg-gradient-to-b from-[#F3F5FF] to-[#A599CE] px-6 py-10 sm:pt-28 md:pt-36 text-white dark:from-[#070114] dark:to-[#1F0234]">
+      <div className="mx-auto flex max-w-7xl flex-wrap justify-between gap-y-10 text-center sm:text-left mb-16">
         {/* Branding & Socials */}
         <div className="flex w-full flex-col gap-4 sm:w-[45%] lg:w-[30%]">
           <h1 className="bg-gradient-to-r from-[#562EE7] to-[rgba(116,128,255,0.8)] bg-clip-text font-jost text-5xl font-bold text-transparent dark:to-[#FFC6E8]">
@@ -110,19 +110,18 @@ export default function Footer() {
         </div>
 
         {/* Suggestions */}
-        <div className="flex w-full flex-col gap-4 text-black dark:text-white sm:w-[45%] lg:w-[25%]">
-          <h3 className="font-jost text-xl font-semibold">
-            Drop Your Suggestions:
-          </h3>
+        <div className="flex w-full flex-col gap-1 text-black dark:text-white sm:w-[45%] lg:w-[25%] items-center sm:items-start">
           <Link
             href={`mailto:codechefvit@gmail.com`}
-            className="flex items-center gap-2"
+            className="flex items-center gap-2 font-jost text-xl font-semibold mb-2"
           >
-            <Mail size={18} />
+            <Mail size={20} 
+              fontWeight="Bold"
+            />
             <span>codechefvit@gmail.com</span>
           </Link>
 
-          <h3 className="mt-4 font-jost text-xl font-semibold">
+          <h3 className="my-2 font-jost text-xl font-semibold">
             Subscribe For Updates:
           </h3>
           <div className="flex gap-2">
@@ -143,9 +142,8 @@ export default function Footer() {
           </div>
         </div>
       </div>
-
       <p className="mt-8 border-t border-[#130E1F] pt-12 text-center font-play text-lg text-black dark:border-white/10 dark:text-white">
-        Made with ❤️ by Codechef-VIT
+        Made with 💜 by Codechef-VIT
       </p>
     </footer>
   );

src/components/Navbar.tsx

@@ -67,7 +67,7 @@ function Navbar() {
   );
 
   return (
-    <div className="sticky top-0 z-10 w-full bg-[#B2B8FF] px-4 py-4 dark:bg-[#130E1F] md:px-8 md:py-5">
+    <div className="sticky top-0 z-[9999] w-full bg-[#B2B8FF] px-4 py-4 dark:bg-[#130E1F] md:px-8 md:py-5">
       <div className="flex items-center justify-between">
         {}
         <div className="flex items-center gap-4 relative">