Initial commit

2026-05-03 19:27:23 +02:00
commit 70c52339df
41 changed files with 2422 additions and 0 deletions
@@ -0,0 +1,111 @@
+.hero {
+    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
+    color: white;
+    padding: 120px 20px;
+    text-align: center;
+}
+
+.hero-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.hero-content h1 {
+    font-size: 48px;
+    margin: 0 0 20px 0;
+}
+
+.hero-content p {
+    font-size: 24px;
+    margin: 0 0 40px 0;
+    opacity: 0.9;
+}
+
+.cta-button {
+    background-color: #ff6b35;
+    color: white;
+    border: none;
+    padding: 14px 40px;
+    font-size: 18px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+.cta-button:hover {
+    background-color: #e55a24;
+}
+
+@media (max-width: 768px) {
+    .hero {
+        padding: 80px 20px;
+    }
+
+    .hero-content h1 {
+        font-size: 32px;
+    }
+
+    .hero-content p {
+        font-size: 18px;
+    }
+
+    .cta-button {
+        padding: 12px 30px;
+        font-size: 16px;
+    }
+}.hero {
+    background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
+    color: white;
+    padding: 120px 20px;
+    text-align: center;
+}
+
+.hero-container {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.hero-content h1 {
+    font-size: 48px;
+    margin: 0 0 20px 0;
+}
+
+.hero-content p {
+    font-size: 24px;
+    margin: 0 0 40px 0;
+    opacity: 0.9;
+}
+
+.cta-button {
+    background-color: #ff6b35;
+    color: white;
+    border: none;
+    padding: 14px 40px;
+    font-size: 18px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+.cta-button:hover {
+    background-color: #e55a24;
+}
+
+@media (max-width: 768px) {
+    .hero {
+        padding: 80px 20px;
+    }
+
+    .hero-content h1 {
+        font-size: 32px;
+    }
+
+    .hero-content p {
+        font-size: 18px;
+    }
+
+    .cta-button {
+        padding: 12px 30px;
+        font-size: 16px;
+    }
+}
@@ -0,0 +1,11 @@
+<script>
+    import './Hero.css'
+</script>
+
+<section class="hero">
+    <div class="hero-container">
+        <div class="hero-content">
+            
+        </div>
+    </div>
+</section>