From 0904a0aaa3be0735b9ee7ec4f625c347ab1fe4c4 Mon Sep 17 00:00:00 2001
From: Lara <pat@pageagent.com>
Date: Thu, 12 Mar 2026 11:10:14 +0100
Subject: [PATCH] Ausprobieren Chat

---
 website-lara.html | 65 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 64 insertions(+), 1 deletion(-)
diff --git a/website-lara.html b/website-lara.html
index 2cf6ae2..df6999b 100644
--- a/website-lara.html
+++ b/website-lara.html
@@ -3,7 +3,60 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Meine Rennrad Website</title>
+    <title>Cycle with ma</title>
+    <style>
+        body, html {
+            margin: 0;
+            padding: 0;
+            font-family: Arial, sans-serif;
+        }
+        header {
+            background: #333;
+            color: #fff;
+            padding: 1rem;
+        }
+        header nav ul {
+            list-style: none;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            gap: 1rem;
+        }
+        header nav a {
+            color: #fff;
+            text-decoration: none;
+        }
+        .hero {
+            position: relative;
+            text-align: center;
+            color: #fff;
+        }
+        .hero-image {
+            width: 100%;
+            height: auto;
+            display: block;
+            object-fit: cover;
+        }
+        .hero-content {
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+            background: rgba(0, 0, 0, 0.4);
+            padding: 2rem;
+            border-radius: 8px;
+        }
+        .hero-button {
+            display: inline-block;
+            margin-top: 1rem;
+            padding: 0.75rem 1.5rem;
+            background: #ff9900;
+            color: #333;
+            text-decoration: none;
+            border-radius: 4px;
+            font-weight: bold;
+        }
+    </style>
 </head>
 
 <body>
@@ -21,6 +74,15 @@
 </header>
 
 <main>
+    <!-- Hero Section -->
+    <section class="hero">
+        <div class="hero-content">
+            <h2>Willkommen bei Rennrad-Glück</h2>
+            <p>Entdecke Technik, Training und Top-Modelle für deine nächste Fahrt.</p>
+            <a href="#" class="hero-button">Mehr erfahren</a>
+        </div>
+        <img src="hero-bike.jpg" alt="Rennrad auf offener Straße" class="hero-image">
+    </section>
     <section>
         <h2>Willkommen</h2>
         <p>Diese Website dreht sich um Rennräder, Technik und Training.</p>
@@ -29,6 +91,7 @@
     <section>
         <h2>Beliebte Rennrad Marken</h2>
         <ul>
+            <li>Thömus</li>
             <li>Specialized</li>
             <li>Trek</li>
             <li>Canyon</li>
