Added intro text and quote in home page

app/app.module.css

@@ -0,0 +1,12 @@
+.uaapp_quote {
+  margin: 20px 0;
+  text-align: right;
+}
+
+.uaapp_quote q {
+  font-style: italic;
+}
+
+.uaapp_quote footer {
+  font-size: smaller;
+}

app/page.tsx

@@ -1,11 +1,27 @@
+import { getRandomQuote } from '../src/api/quote'
 import { HeroImage } from '../src/views/hero-image'
+import styles from './app.module.css'
+
+export const dynamic = 'force-dynamic'
+
+export default async function AppPage() {
+  const quote = await getRandomQuote()
 
-export default function RootPage() {
   return (
     <>
       <h1>unknown art</h1>
 
+      <p>
+        unknown art is where you can, hopefully, get in contact with persons,
+        lovers, thinkers, minds or artists, all over the beautiful world.
+      </p>
+
       <HeroImage />
+
+      <blockquote className={styles.uaapp_quote}>
+        <q>{quote.message}</q>
+        <footer>{quote.author}</footer>
+      </blockquote>
     </>
   )
 }

src/api/quote/index.ts

@@ -0,0 +1,13 @@
+import { Quote } from '../../../src/types/quote'
+import clientPromise from '../../config/mongodb'
+
+export const getRandomQuote = async (): Promise<Quote> => {
+  const mongoClient = await clientPromise
+  const data = await mongoClient
+    .db('ua-db')
+    .collection('ua-quotes')
+    .aggregate([{ $sample: { size: 1 } }])
+    .toArray()
+
+  return JSON.parse(JSON.stringify(data[0]))
+}

src/types/quote.d.ts

@@ -0,0 +1,4 @@
+export type Quote = {
+  message: string
+  author: string
+}