I need the main logo to be displayed big on the main screen/ home screen.. this contact form goes at the bottom

index.html

@@ -19,6 +19,9 @@
         <!-- Hero Section -->
         <section class="min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 px-4">
             <div class="text-center max-w-4xl mx-auto">
+                <img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/beck-publishing-logo.png" 
+                     alt="Beck-Publishing Logo" 
+                     class="w-64 h-64 mx-auto mb-8 object-contain">
                 <h1 class="text-4xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">
                     Building Software, Systems, and Platforms That Actually Work.
                 </h1>
@@ -35,8 +38,7 @@
                 </div>
             </div>
         </section>
-
-        <!-- Featured Projects -->
+<!-- Featured Projects -->
         <section class="py-20 px-4 bg-gray-800">
             <div class="max-w-6xl mx-auto">
                 <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Flagship Projects</h2>
@@ -118,18 +120,40 @@
                 </div>
             </div>
         </section>
-
-        <!-- CTA Section -->
-        <section class="py-20 px-4 bg-gradient-to-r from-blue-900 to-purple-900">
-            <div class="max-w-4xl mx-auto text-center">
-                <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Build Something Extraordinary?</h2>
-                <p class="text-xl text-blue-200 mb-10">Available for the right project at the right price. Let's discuss your vision.</p>
-                <a href="/hire.html" class="bg-white text-blue-900 hover:bg-blue-50 font-bold py-4 px-12 rounded-full text-lg transition duration-300 transform hover:scale-105">
-                    Start a Project
-                </a>
+        <!-- Contact Form Section -->
+        <section class="py-20 px-4 bg-gray-800">
+            <div class="max-w-2xl mx-auto">
+                <h2 class="text-3xl font-bold mb-8 text-center">Get In Touch</h2>
+                <div class="bg-gray-700 rounded-2xl p-8">
+                    <form class="space-y-6">
+                        <div>
+                            <label for="contact-name" class="block text-sm font-medium text-gray-300 mb-2">Your Name</label>
+                            <input type="text" id="contact-name" name="name" required 
+                                   class="w-full px-4 py-3 bg-gray-600 border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500">
+                        </div>
+                        
+                        <div>
+                            <label for="contact-email" class="block text-sm font-medium text-gray-300 mb-2">Email Address</label>
+                            <input type="email" id="contact-email" name="email" required 
+                                   class="w-full px-4 py-3 bg-gray-600 border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500">
+                        </div>
+                        
+                        <div>
+                            <label for="contact-message" class="block text-sm font-medium text-gray-300 mb-2">Message</label>
+                            <textarea id="contact-message" name="message" rows="5" required 
+                                      class="w-full px-4 py-3 bg-gray-600 border border-gray-500 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:border-blue-500"
+                                      placeholder="Tell me about your project..."></textarea>
+                        </div>
+                        
+                        <button type="submit" 
+                                class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-300">
+                            Send Message
+                        </button>
+                    </form>
+                </div>
             </div>
         </section>
-    </main>
+</main>
 
     <custom-footer></custom-footer>