public/startseite/startseite.html

@@ -45,6 +45,13 @@
         </ul>
     </nav>
 
+    <!-- Infobereich -->
+    <section style="padding: 40px 20px; text-align: center; background: #fff;">
+        <h2>Willkommen bei deinem Modellauto-Shop</h2>
+        <p>Bei uns findest du hochwertige Modellautos – ob Oldtimer, Sportwagen oder Nutzfahrzeuge.
+            Perfekt für Sammler, Bastler und Fans.</p>
+    </section>
+
     <!-- Hauptinhalt -->
 
     <h1>Unsere Angebote</h1>
@@ -67,6 +74,37 @@
             </div>
         </section>
     </main>
+
+    <!-- Info-Sektion: Versand, Zahlung, Rückgabe -->
+    <section style="background: #ffffff; padding: 40px 20px; display: flex; flex-wrap: wrap; justify-content: space-around; gap: 30px; text-align: center;">
+        <div style="flex: 1 1 250px;">
+            <i class='bx bx-package' style="font-size: 40px; color: #ff6600;"></i>
+            <h3>Versandkostenfrei ab 50 €</h3>
+            <p>Schneller & sicherer Versand mit Sendungsverfolgung.</p>
+        </div>
+        <div style="flex: 1 1 250px;">
+            <i class='bx bx-credit-card' style="font-size: 40px; color: #ff6600;"></i>
+            <h3>Flexible Zahlungsmethoden</h3>
+            <p>PayPal, Kreditkarte, Klarna, Vorkasse – du hast die Wahl.</p>
+        </div>
+        <div style="flex: 1 1 250px;">
+            <i class='bx bx-undo' style="font-size: 40px; color: #ff6600;"></i>
+            <h3>14 Tage Rückgaberecht</h3>
+            <p>Unzufrieden? Kein Problem – Rückgabe einfach & unkompliziert.</p>
+        </div>
+        <div style="flex: 1 1 250px;">
+            <i class='bx bx-star' style="font-size: 40px; color: #ff6600;"></i>
+            <h3>Top-Bewertungen</h3>
+            <p>Unsere Kunden lieben uns – überzeug dich selbst!</p>
+        </div>
+    </section>
+
+    <footer style="background: #222; color: #fff; padding: 30px 20px; text-align: center; margin-top: 40px;">
+        <p>&copy; 2025 Autohändler Webshop – Alle Rechte vorbehalten</p>
+        <p><a href="/impressum" style="color: #ff6600; text-decoration: none;">Impressum</a> |
+            <a href="/datenschutz" style="color: #ff6600; text-decoration: none;">Datenschutz</a></p>
+    </footer>
+
 </div>
 
 <!-- Scripts -->