that logo needs to be much bigger...here are some more images to put on the site

about.html

@@ -28,8 +28,8 @@
                 <div class="grid md:grid-cols-2 gap-12 items-center">
                     <div>
                         <div class="bg-gray-800 rounded-2xl p-8 hover-lift">
-                            <img src="http://static.photos/technology/640x360/42" alt="Developer workspace" class="w-full h-64 object-cover rounded-xl mb-6">
-                            <h2 class="text-2xl font-bold mb-4">Who I Am</h2>
+                            <img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/workspace-dark.png" alt="Developer workspace" class="w-full h-64 object-cover rounded-xl mb-6">
+<h2 class="text-2xl font-bold mb-4">Who I Am</h2>
                             <p class="text-gray-300 mb-4">
                                 I'm a solo developer with the capability of a full team. I specialize in building 
                                 complex software systems that actually work in the real world.

hire.html

@@ -17,12 +17,14 @@
         <!-- Hero Section -->
         <section class="py-20 px-4 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
             <div class="max-w-4xl mx-auto text-center">
+                <img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/workspace-bright.png" 
+                     alt="Workspace" 
+                     class="w-64 h-64 mx-auto mb-8 object-contain">
                 <h1 class="text-4xl md:text-5xl font-bold mb-6">Available for the Right Project</h1>
                 <p class="text-xl text-gray-300">Let's build something extraordinary together</p>
             </div>
         </section>
-
-        <!-- Contact Form -->
+<!-- Contact Form -->
         <section class="py-20 px-4">
             <div class="max-w-2xl mx-auto">
                 <div class="bg-gray-800 rounded-2xl p-8">

index.html

@@ -21,8 +21,8 @@
             <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">
+                     class="w-80 h-80 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>
                 <p class="text-xl md:text-2xl text-gray-300 mb-10">
@@ -122,34 +122,43 @@
         </section>
         <!-- 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 class="max-w-4xl mx-auto">
+                <div class="grid md:grid-cols-2 gap-12 items-center">
+                    <div>
+                        <img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/beck-publishing-all-details.png" 
+                             alt="Beck-Publishing Detailed Logo" 
+                             class="w-full h-auto rounded-2xl">
+                    </div>
+                    <div>
+                        <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>
-                        
-                        <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>
             </div>
         </section>

services.html

@@ -17,12 +17,14 @@
         <!-- Hero Section -->
         <section class="py-20 px-4 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900">
             <div class="max-w-4xl mx-auto text-center">
+                <img src="https://huggingface.co/spaces/dbeck22/beckpublishing-secure-code-crafters/resolve/main/images/services-diagram.png" 
+                     alt="Services Diagram" 
+                     class="w-64 h-64 mx-auto mb-8 object-contain">
                 <h1 class="text-4xl md:text-5xl font-bold mb-6">Expert Development Services</h1>
                 <p class="text-xl text-gray-300">Professional solutions tailored to your unique business challenges</p>
             </div>
         </section>
-
-        <!-- Services Grid -->
+<!-- Services Grid -->
         <section class="py-20 px-4" id="services">
             <div class="max-w-6xl mx-auto">
                 <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">