Remove title and description and "read online" also remove the picture

newsletter.html

@@ -82,75 +82,46 @@
     <section class="relative z-10 py-20 bg-black bg-opacity-90">
         <div class="container mx-auto px-6">
             <!-- Featured Newsletter -->
-            <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border-2 border-yellow-500 p-8 mb-16">
-                <div class="flex flex-col md:flex-row items-center">
-                    <div class="md:w-1/3 mb-8 md:mb-0 md:pr-8">
-                        <img src="https://static.photos/technology/640x360/1" alt="Featured Newsletter" class="rounded-lg shadow-xl w-full h-auto">
-                    </div>
-                    <div class="md:w-2/3">
-                        <div class="flex justify-between items-center mb-4">
-                            <span class="text-yellow-500 font-bold">FEATURED ISSUE • DEC 2025</span>
-                            <span class="text-gray-400 text-sm">12 min read</span>
-                        </div>
-                        <h2 class="text-3xl font-bold mb-4">Mastering Performance Under Pressure</h2>
-                        <p class="text-gray-300 mb-6">
-                            Our December issue dives deep into techniques used by top performers to thrive in high-stakes situations. Learn how to harness stress as fuel for peak performance.
-                        </p>
-                        <div class="flex flex-wrap gap-4">
-                            <a href="#" class="inline-flex items-center bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-6 py-3 rounded-lg transition">
-                                <i data-feather="download" class="mr-2"></i> Download PDF
-                            </a>
-                            <a href="#" class="inline-flex items-center border border-yellow-500 hover:bg-yellow-500 hover:text-black text-white font-bold px-6 py-3 rounded-lg transition">
-                                <i data-feather="book-open" class="mr-2"></i> Read Online
-                            </a>
-                        </div>
-                    </div>
+            <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border-2 border-yellow-500 p-8 mb-16 text-center">
+                <div class="flex justify-center mb-4">
+                    <span class="text-yellow-500 font-bold">FEATURED ISSUE • DEC 2025</span>
                 </div>
+                <a href="#" class="inline-flex items-center bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-6 py-3 rounded-lg transition">
+                    <i data-feather="download" class="mr-2"></i> Download PDF
+                </a>
             </div>
-
-            <!-- Newsletter Archive -->
+<!-- Newsletter Archive -->
             <h2 class="text-3xl font-bold font-['Bebas+Neue'] tracking-wider mb-8 text-center">
                 <span class="text-yellow-500">ARCHIVE</span>
             </h2>
             
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
                 <!-- Newsletter 1 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card">
-                    <div class="flex justify-between items-center mb-3">
+                <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card text-center">
+                    <div class="mb-3">
                         <span class="text-yellow-500 text-sm font-bold">NOV 2025</span>
-                        <span class="text-gray-400 text-sm">8 min read</span>
-                    </div>
-                    <div class="flex justify-center">
-                        <a href="#" class="text-yellow-500 hover:text-yellow-400 text-sm font-bold flex items-center">
-                            <i data-feather="download" class="w-4 h-4 mr-1"></i> Download
-                        </a>
                     </div>
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 text-sm font-bold flex items-center justify-center">
+                        <i data-feather="download" class="w-4 h-4 mr-1"></i> Download
+                    </a>
                 </div>
-
                 <!-- Newsletter 2 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card">
-                    <div class="flex justify-between items-center mb-3">
+                <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card text-center">
+                    <div class="mb-3">
                         <span class="text-yellow-500 text-sm font-bold">OCT 2025</span>
-                        <span class="text-gray-400 text-sm">10 min read</span>
-                    </div>
-                    <div class="flex justify-center">
-                        <a href="#" class="text-yellow-500 hover:text-yellow-400 text-sm font-bold flex items-center">
-                            <i data-feather="download" class="w-4 h-4 mr-1"></i> Download
-                        </a>
                     </div>
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 text-sm font-bold flex items-center justify-center">
+                        <i data-feather="download" class="w-4 h-4 mr-1"></i> Download
+                    </a>
                 </div>
-
                 <!-- Newsletter 3 -->
-                <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card">
-                    <div class="flex justify-between items-center mb-3">
+                <div class="bg-gradient-to-br from-black to-gray-900 rounded-xl border border-yellow-500 p-6 newsletter-card text-center">
+                    <div class="mb-3">
                         <span class="text-yellow-500 text-sm font-bold">SEP 2025</span>
-                        <span class="text-gray-400 text-sm">6 min read</span>
-                    </div>
-                    <div class="flex justify-center">
-                        <a href="#" class="text-yellow-500 hover:text-yellow-400 text-sm font-bold flex items-center">
-                            <i data-feather="download" class="w-4 h-4 mr-1"></i> Download
-                        </a>
                     </div>
+                    <a href="#" class="text-yellow-500 hover:text-yellow-400 text-sm font-bold flex items-center justify-center">
+                        <i data-feather="download" class="w-4 h-4 mr-1"></i> Download
+                    </a>
                 </div>
 </div>