Commented landing page

app/page.tsx

@@ -9,6 +9,7 @@ function classNames(...classes) {
 export default function Example() {
   return (
     <div>
+      {/*Background visual elements*/}
       <div
           className="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
           aria-hidden="true"
@@ -45,6 +46,7 @@ export default function Example() {
               </radialGradient>
             </defs>
           </svg>
+          {/*Main text of the page*/}
           <div className="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-32 lg:text-left">
             <h2 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">
               Start using flash cards
@@ -54,6 +56,7 @@ export default function Example() {
             <p className="mt-6 text-lg leading-8 text-gray-300">
               Get questions from a multitude of different subjects that include cybersecurity, geography and C++
             </p>
+            {/*Get started button*/}
             <div className="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
               <a
                 href="sessionconfig"