feat: Replace newsletter form with a contact and feedback section, updating UI and translations.

Author: hakancelikdev

docs/index.html

@@ -384,14 +384,22 @@ <h2 data-i18n="download.title">Hemen İndirin</h2>
                 <p class="download-note" data-i18n="download.note">Yakında Android sürümü ile birlikte • Tamamen
                     ücretsiz</p>
 
-                <!-- Newsletter Form -->
+                <!-- Contact & Feedback Section -->
                 <div class="newsletter-section">
-                    <h3 data-i18n="newsletter.title">Gelişmelerden Haberdar Olun</h3>
-                    <form class="newsletter-form">
-                        <input type="email" placeholder="E-posta" data-i18n="newsletter.placeholder"
-                            data-i18n-attr="placeholder" required>
-                        <button type="submit" class="btn btn-primary" data-i18n="newsletter.button">Abone Ol</button>
-                    </form>
+                    <h3 data-i18n="contact.title">Geri Bildirim ve İletişim</h3>
+                    <p class="contact-description" data-i18n="contact.description">Vakit'i daha iyi hale getirmek için
+                        fikirleriniz bizim için çok değerli.</p>
+                    <div class="contact-links">
+                        <a href="https://docs.google.com/forms/d/1kFwSM_XayYaRrkUyB8rynTJzWF8ahrcnHQp7fvhSfNU"
+                            target="_blank" class="btn btn-apple-primary feedback-button"
+                            data-i18n="contact.feedbackUrl" data-i18n-attr="href">
+                            <span data-i18n="contact.feedbackButton">Geri Bildirim Gönder</span>
+                        </a>
+                        <p class="email-contact">
+                            <span data-i18n="contact.emailLabel">Bize ulaşın:</span>
+                            <a href="mailto:[email protected]" class="email-link">[email protected]</a>
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>

docs/styles.css

@@ -784,8 +784,8 @@ body {
 /* Download & Footer */
 .download {
     padding: var(--spacing-xxl) 0;
-    background: var(--text-primary);
-    color: white;
+    background: var(--background-alt);
+    color: var(--text-primary);
     text-align: center;
 }
 
@@ -799,12 +799,12 @@ body {
 .download-content p {
     font-size: 1.2rem;
     margin-bottom: var(--spacing-lg);
-    opacity: 0.9;
+    color: var(--text-secondary);
 }
 
 .download-note {
     margin-top: var(--spacing-md);
-    opacity: 0.7;
+    color: var(--text-muted);
     font-size: 0.9rem;
 }
 
@@ -1578,41 +1578,59 @@ html {
 /* Newsletter Section */
 .newsletter-section {
     margin-top: var(--spacing-xl);
-    padding: var(--spacing-lg);
-    background: var(--glass-bg);
+    padding: var(--spacing-xl) var(--spacing-lg);
+    background: var(--surface);
     backdrop-filter: blur(var(--glass-blur));
-    border-radius: var(--radius-lg);
-    border: 1px solid var(--glass-border);
-    max-width: 600px;
+    border-radius: var(--radius-xl);
+    border: 1px solid var(--card-border);
+    max-width: 700px;
     margin-left: auto;
     margin-right: auto;
+    box-shadow: var(--shadow-xl);
 }
 
 .newsletter-section h3 {
     margin-bottom: var(--spacing-md);
     font-size: 1.5rem;
 }
 
-.newsletter-form {
+.contact-description {
+    color: var(--text-secondary);
+    margin-bottom: var(--spacing-lg);
+    font-size: 1.1rem;
+    text-align: center;
+}
+
+.contact-links {
     display: flex;
-    gap: var(--spacing-sm);
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacing-md);
 }
 
-.newsletter-form input {
-    flex: 1;
-    padding: 1rem 1.5rem;
-    border-radius: var(--radius-md);
-    border: 1px solid var(--card-border);
-    background: var(--background);
-    color: var(--text-primary);
-    font-family: inherit;
-    font-size: 1rem;
+.feedback-button {
+    text-decoration: none;
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
-.newsletter-form input:focus {
-    outline: none;
-    border-color: var(--primary);
-    box-shadow: 0 0 0 3px var(--primary-light);
+.email-contact {
+    font-size: 0.95rem;
+    color: var(--text-secondary);
+    margin-top: var(--spacing-xs);
+}
+
+.email-link {
+    color: var(--primary);
+    text-decoration: none;
+    font-weight: 600;
+}
+
+.email-link:hover {
+    text-decoration: underline;
 }
 
 @media (max-width: 768px) {

docs/translations.js

@@ -206,11 +206,14 @@ const translations = {
             ]
         },
 
-        // Newsletter
-        newsletter: {
-            title: "Gelişmelerden Haberdar Olun",
-            placeholder: "E-posta adresiniz",
-            button: "Abone Ol"
+        // Contact & Feedback
+        contact: {
+            title: "Geri Bildirim ve İletişim",
+            description: "Vakit'i daha iyi hale getirmek için fikirleriniz bizim için çok değerli.",
+            feedbackButton: "Geri Bildirim Gönder",
+            feedbackUrl: "https://docs.google.com/forms/d/1kFwSM_XayYaRrkUyB8rynTJzWF8ahrcnHQp7fvhSfNU",
+            emailLabel: "Bize ulaşın:",
+            email: "[email protected]"
         },
 
         // Footer Section
@@ -492,11 +495,14 @@ const translations = {
             ]
         },
 
-        // Newsletter
-        newsletter: {
-            title: "Stay Updated",
-            placeholder: "Your email address",
-            button: "Subscribe"
+        // Contact & Feedback
+        contact: {
+            title: "Feedback & Contact",
+            description: "Your ideas are valuable to make Vakit even better.",
+            feedbackButton: "Send Feedback",
+            feedbackUrl: "https://docs.google.com/forms/d/16ozSBeDPPwNhG2ViJaHLaHYski-oS8HLvHO52_g3Joc",
+            emailLabel: "Contact us:",
+            email: "[email protected]"
         },
 
         // Footer Section