use this image as top left logo

contact.html

@@ -14,10 +14,10 @@
     <nav class="bg-primary text-white sticky top-0 z-50 shadow-lg">
         <div class="container mx-auto px-6 py-4 flex justify-between items-center">
             <a href="index.html" class="text-2xl font-bold flex items-center">
-                <i data-feather="circle" class="mr-2 text-amber-600"></i>
-The Roll Joint
+                <img src="https://huggingface.co/spaces/Nicksimmons10/undefined/resolve/main/images/cinnamon%20rjb.png" alt="The Roll Joint Logo" class="h-10 mr-2">
+                The Roll Joint
             </a>
-            <div class="hidden md:flex space-x-8">
+<div class="hidden md:flex space-x-8">
                 <a href="index.html" class="hover:text-secondary">Home</a>
                 <a href="menu.html" class="hover:text-secondary">Menu</a>
                 <a href="about.html" class="hover:text-secondary">About</a>

index.html

@@ -42,10 +42,10 @@
     <nav class="bg-primary text-white sticky top-0 z-50 shadow-lg">
         <div class="container mx-auto px-6 py-4 flex justify-between items-center">
             <a href="#" class="text-2xl font-bold flex items-center">
-                <i data-feather="circle" class="mr-2 text-amber-600"></i>
-The Roll Joint
+                <img src="https://huggingface.co/spaces/Nicksimmons10/undefined/resolve/main/images/cinnamon%20rjb.png" alt="The Roll Joint Logo" class="h-10 mr-2">
+                The Roll Joint
             </a>
-            <div class="hidden md:flex space-x-8">
+<div class="hidden md:flex space-x-8">
                 <a href="#" class="hover:text-secondary">Home</a>
                 <a href="menu.html" class="hover:text-secondary">Menu</a>
                 <a href="about.html" class="hover:text-secondary">About</a>