copy URL educate

Author: cbvora

app/modes/page.tsx

@@ -23,6 +23,7 @@ const Modes: NextPage<{ searchParams: { url: string; name: string } }> = ({
           }}
           heading="Practice mode"
           paragraph="Learn and familiarize yourself with the questions and answers without any time constraint."
+          subparagraph="You can copy URL to comeback to the same question later."
           wrapperClassNames="from-[#0284C7] to-[#2DD48F]"
           headingClassNames="group-hover:from-[#0284C7] group-hover:to-[#2DD48F]"
         />

components/ExamLink.tsx

@@ -7,6 +7,7 @@ interface ExamLinkProps
     LinkProps {
   heading: string;
   paragraph: string;
+  subparagraph?: string;
   wrapperClassNames?: string;
   headingClassNames?: string;
 }
@@ -16,6 +17,7 @@ const ExamLink = ({
   paragraph,
   wrapperClassNames,
   headingClassNames,
+  subparagraph = "",
   ...linkProps
 }: ExamLinkProps) => {
   return (
@@ -36,6 +38,9 @@ const ExamLink = ({
           {heading}
         </h2>
         <p className="text-sm text-slate-400 mt-7">{paragraph}</p>
+        {subparagraph !== "" && (
+          <p className="text-sm text-slate-400 mt-2">{subparagraph}</p>
+        )}
       </div>
     </Link>
   );