-
-
- {/*Main text of the page*/}
-
-
- Start using flash cards
-
- Begin with our app today.
-
-
- Get questions from a multitude of different subjects that include cybersecurity, geography and C++
-
- {/*Get started button*/}
-
+
+
+
+
+
+
+ Start using flash cards
+
+ Begin with our app today.
+
+
+ Get questions from a multitude of different subjects that include cybersecurity, geography and C++
+
+
+
-
+
)
diff --git a/app/sessionconfig/page.tsx b/app/sessionconfig/page.tsx
index 2724552..a1859da 100644
--- a/app/sessionconfig/page.tsx
+++ b/app/sessionconfig/page.tsx
@@ -1,6 +1,7 @@
import { CheckIcon } from '@heroicons/react/20/solid'
import TopicCard from '../components/topic_card'
import Logo from '../components/logo';
+import { Transition } from '@headlessui/react';
const includedFeatures = [
'Private forum access',
@@ -44,10 +45,19 @@ export default function Example() {
- { cards.map((elem) => {
- //For each topic make a new card.
- return (
{elem[1]})
- })}
+
+
+ { cards.map((elem) => {
+ return (
+ {elem[1]}
+ )})}
+
+
{/*
Learning cybersecurity is like becoming a guardian of the digital realm.
@@ -68,10 +78,17 @@ export default function Example() {
{/*Background*/}
-
+ className="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+ aria-hidden="true"
+ >
+
+