diff --git a/pom.xml b/pom.xml
index b875234..45dab66 100644
--- a/pom.xml
+++ b/pom.xml
@@ -208,6 +208,13 @@
             <version>4.0.1</version>
             <scope>provided</scope>
         </dependency>
+        <dependency>
+            <groupId>javax.faces</groupId>
+            <artifactId>jsf-api</artifactId>
+            <version>2.1</version>
+            <scope>provided</scope>
+        </dependency>
+
 
 
         <!--Annotations-->
@@ -223,6 +230,17 @@
             <version>13.0</version>
             <scope>compile</scope>
         </dependency>
+        <dependency>
+            <groupId>com.google.code.gson</groupId>
+            <artifactId>gson</artifactId>
+            <version>2.8.0</version>
+        </dependency>
+
+        <dependency>
+            <groupId>org.mariadb.jdbc</groupId>
+            <artifactId>mariadb-java-client</artifactId>
+            <version>2.4.1</version>
+        </dependency>
 
         <!--JUnit-->
         <dependency>
diff --git a/src/main/webapp/preview/catalog.html b/src/main/webapp/preview/catalog.html
index c66ffcd..3b6e4fc 100644
--- a/src/main/webapp/preview/catalog.html
+++ b/src/main/webapp/preview/catalog.html
@@ -48,7 +48,7 @@
 
     <div class="m-container">
 
-        <h1 class="m-text-center">Belletristik</h1>
+        <h1 class="m-text-center">Geschichten</h1>
 
         <div class="m-row slider">
             <div class="m-col-t-4">
@@ -135,41 +135,41 @@
 
         <h1 class="m-text-center">Ratgeber</h1>
 
-        <div class="m-row">
+        <div class="m-row slider">
             <div class="m-col-t-4">
                 <figure class="m-figure">
                     <img src="https://source.unsplash.com/EMZxDosijJ4/900x900" alt="2 Kinder beim lesen">
-                    <figcaption>Kinderbücher</figcaption>
+                    <figcaption>Erziehung</figcaption>
                 </figure>
             </div>
             <div class="m-col-t-4">
                 <figure class="m-figure">
-                    <img src="https://source.unsplash.com/yjXlyrKIz2A/900x900" alt="Farben">
+                    <img src="https://source.unsplash.com/APDMfLHZiRA/900x900" alt="Pfanne">
                     <figcaption>Kochbücher</figcaption>
                 </figure>
             </div>
             <div class="m-col-t-4">
                 <figure class="m-figure">
-                    <img src="https://source.unsplash.com/3y1zF4hIPCg/900x900" alt="Puzzle">
+                    <img src="https://source.unsplash.com/E-b_VNmtGJY/900x900" alt="Person auf Gleisen">
                     <figcaption>Selbsthilfe</figcaption>
                 </figure>
             </div>
 
             <div class="m-col-t-4">
                 <figure class="m-figure">
-                    <img src="https://source.unsplash.com/3y1zF4hIPCg/900x900" alt="Puzzle">
+                    <img src="https://source.unsplash.com/oJ7SV6vQfBA/900x900" alt="Bohrer">
                     <figcaption>Heimwerken</figcaption>
                 </figure>
             </div>
             <div class="m-col-t-4">
                 <figure class="m-figure">
-                    <img src="https://source.unsplash.com/3y1zF4hIPCg/900x900" alt="Puzzle">
+                    <img src="https://source.unsplash.com/EDZTb2SQ6j0/900x900" alt="Laptop">
                     <figcaption>Computer & Internet</figcaption>
                 </figure>
             </div>
             <div class="m-col-t-4">
                 <figure class="m-figure">
-                    <img src="https://source.unsplash.com/3y1zF4hIPCg/900x900" alt="Puzzle">
+                    <img src="https://source.unsplash.com/1NzJggtJ6j4/900x900" alt="Person mit Karte im Wald">
                     <figcaption>Reiseführer</figcaption>
                 </figure>
             </div>
@@ -186,25 +186,28 @@
         <div class="m-container">
             <div class="m-row">
                 <div class="m-col-s-3 m-col-t-6">
-                    <h3><a href="#">Your Brand</a></h3>
+                    <h3><a href="#">Hilfe</a></h3>
                     <ul>
-                        <li><a href="#">Features</a></li>
-                        <li><a href="#">Showcase</a></li>
+                        <li><a href="#">FAQ</a></li>
+                        <li><a href="#">Rückgabe</a></li>
                     </ul>
                 </div>
                 <div class="m-col-s-3 m-col-t-6">
-                    <h3><a href="#">Download</a></h3>
+                    <h3><a href="#">Rechtliches</a></h3>
                     <ul>
-                        <li><a href="#">Packages</a></li>
-                        <li><a href="#">Source</a></li>
+                        <li><a href="https://joethei.xyz/impress">Impressum</a></li>
+                        <li><a href="https://joethei.xyz/privacy">Datenschutz</a></li>
+                        <li><a href="https://joethei.xyz/disclaimer">Haftung</a></li>
                     </ul>
                 </div>
                 <div class="m-clearfix-t"></div>
                 <div class="m-col-s-3 m-col-t-6">
-                    <h3>Contact</h3>
+                    <h3>Amazon light</h3>
                     <ul>
-                        <li><a href="mailto:you@your.brand">E-mail</a></li>
-                        <li><a href="https://github.com/your-brand">GitHub</a></li>
+                        <li><a href="#">Über</a></li>
+                        <li><a href="#">Kontakt</a></li>
+                        <li><a href="#">Presse</a></li>
+                        <li><a href="#">Jobs</a></li>
                     </ul>
                 </div>
                 <div class="m-col-s-3 m-col-t-6">
@@ -217,8 +220,8 @@
             </div>
             <div class="m-row">
                 <div class="m-col-l-10 m-push-l-1">
-                    <p>Your Brand. Copyright &copy; <a href="mailto:you@your.brand">You</a>,
-                        2017. All rights reserved.</p>
+                    <p>Amazon light. Copyright &copy; <a href="#">Amazon</a>,
+                        2019. All rights reserved.</p>
                 </div>
             </div>
         </div>
diff --git a/src/main/webapp/preview/index.html b/src/main/webapp/preview/index.html
index e9bfbe0..4da800c 100644
--- a/src/main/webapp/preview/index.html
+++ b/src/main/webapp/preview/index.html
@@ -1,2 +1,5 @@
-<a href="search.html">suche</a>
-<a href="catalog.html">Katalog</a>
\ No newline at end of file
+<a href="search.html">suche</a><br>
+<a href="catalog.html">Katalog</a><br>
+<a href="login.html">Login</a><br>
+<a href="register.html">Registrierung</a><br>
+<a href="detailpage.html">Bücherliste</a>
\ No newline at end of file