edit contact page

templates/layouts/contact.html

@@ -11,6 +11,5 @@
 </div>
 
 {% include "partials/contact.html" %}
-{% include "partials/quote.html" %}
 
 {% endblock content %}

templates/partials/contact.html

@@ -1,22 +1,23 @@
-<div class="relative isolate overflow-hidden bg-black text-white lg:py-24 py-16">
+<div class="relative isolate overflow-hidden bg-white lg:py-24 py-16">
   <div class="mx-auto max-w-7xl px-6">
     <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
-      <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+      <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#4a98ff] to-[#89b7fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
     </div>
     <div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
       <!-- Left Column: Text Content and Form -->
-      <div class="relative px-6 pb-20 pt-24 sm:pt-32 lg:static lg:px-8">
+      <div class="relative px-6 pb-20 pt-12 sm:pt-32 lg:static lg:px-8">
         <div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
           <div class="absolute inset-y-0 left-0 -z-10 w-full overflow-hidden ring-1 ring-white/5 lg:w-1/2">
             <!-- Placeholder for decorative SVG or background -->
           </div>
-          <h2 class="text-3xl font-bold tracking-tight text-white">Get in touch</h2>
+          <h2 class="text-base font-semibold leading-7 text-blue-600">BENEFITS</h2>
-          <p class="mt-6 text-lg leading-8 text-gray-300">At OurWorld, we value your feedback and inquiries. Whether you're interested in our ventures, have questions about our technologies, or want to collaborate, we're here to connect. Reach out to us today and let's build a better digital future together.</p>
+          <h2 class="mt-2 text-3xl font-bold tracking-tight text-blac">📬 Get in touch</h2>
-          <dl class="mt-10 space-y-4 text-base leading-7 text-gray-300">
+          <p class="mt-6 text-lg leading-8 text-gray-600">At OurWorld Digital FreeZone (ODFZ), we are eager to hear from you! Whether you have questions about our innovative platform and programs, need assistance with onboarding, or are interested in exploring collaboration opportunities, we are here to help.            .</p>
+          <dl class="mt-10 space-y-4 text-base leading-7 text-gray-600">
             <div class="flex gap-x-4">
               <dt class="flex-none">
                 <span class="sr-only">Address</span>
-                <svg class="h-7 w-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-7 w-6 text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008zm0 3h.008v.008h-.008v-.008z" />
                 </svg>
               </dt>
@@ -25,25 +26,17 @@
             <div class="flex gap-x-4">
               <dt class="flex-none">
                 <span class="sr-only">Email</span>
-                <svg class="h-7 w-6 text-gray-400" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                <svg class="h-7 w-6 text-gray-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
                 </svg>
               </dt>
-              <dd><a class="hover:text-white" href="mailto:info@ourworld.tf"><u>info@ourworld.tf</u></a></dd>
+              <dd><a class="hover:text-gray-600" href="mailto:info@ourworld.tf"><u>info@ourworld.tf</u></a></dd>
             </div>
           </dl>
         </div>
       </div>
 
       <!-- Right Column: Video -->
-      <div class="relative lg:h-screen">
-        <div class="absolute inset-0 overflow-hidden">
-          <video autoplay muted loop class="h-full w-full object-cover lg:object-fill">
-            <source src="videos/ow.mp4" type="video/mp4">
-            Your browser does not support the video tag.
-          </video>
-        </div>
-      </div>
     </div>
   </div>
 </div>