pricing section

index.html

@@ -154,7 +154,7 @@ <h1 class="text-4xl m48:text-6xl lg:text-7xl font-black mb-8 sm:mb-12" style="li
       <div class="inline-block p-1 rounded-full"
         style="background: linear-gradient(90deg, rgba(4,111,237,1) 67%, rgba(0,212,255,1) 100%)">
         <button class="bg-blue-500 text-white py-3 px-10 m41:px-16 m41:text-lg font-medium rounded-full">
-          <a href="possibilities.html" target="_blank">Let's Explore</a>
+          <a href="possibilities.html">Let's Explore</a>
         </button>
       </div>
     </div>
@@ -565,20 +565,47 @@ <h1 class="text-white max-w-[1200px] mx-auto text-center text-5xl font-semibold
     </section>
     <!-- end of companies -->
 
-    <!-- <section class="text-white bg-black p-4">
+    <section class="text-white bg-black p-4">
+      <h1 class="text-white max-w-[1200px] mx-auto text-center text-5xl font-semibold mb-16 lg:w-1/2 w-full">Pricing</h1>
       <div class="lg:flex justify-between mx-auto lg:mt-32">
     <div class="lg:w-full lg:grid grid-cols-2 gap-6 mx-auto">
       <div class="bg-[#141414] py-10 px-8 rounded-3xl mb-6 lg:mb-0 border-[1px] border-[#202020]">
-        <h1 class="text-7xl font-bold">10</h1>
-        <p class="text-[#6c757d]">NFT EXPERIENCES</p>
+        <h1 class="text-7xl font-bold text-center">Basic</h1>
+        <p class="text-[#6c757d] py-4 text-center">
+          $0/month</p>
+          <p>&#x2022; 2% platform fee </p>
+           <p>&#x2022; Only 2 deployments</p> 
+           <p>&#x2022; 5+ contracts support</p> 
+           <p>&#x2022; customizable frontend</p> 
+           <p>&#x2022; metaverse Integrations</p> 
+           <p>&#x2022; community support</p>
+
+           <div class="rounded-full bg-white" style="margin-top:45px; text-align: center;">
+        <button class="py-3 px-10 m41:text-lg font-medium rounded-full" >
+          <a href="#" target="_blank" style="color: black;">GET STARTED</a>
+        </button>
+      </div>
       </div>
       <div class="bg-[#141414] py-10 px-8 rounded-3xl mb-6 lg:mb-0 border-[1px] border-[#202020]">
-        <h1 class="text-7xl font-bold">5+</h1>
-        <p class="text-[#6c757d]">WEB3 INTEGRATIONS</p>
+        <h1 class="text-7xl font-bold text-center">Pro</h1>
+        <p class="text-[#6c757d] py-4 text-center">
+          $99/month</p>
+          <p>&#x2022; 0% platform fee</p>
+            <p>&#x2022;  unlimited deployments</p>
+              <p>&#x2022;  Custom contracts support</p>
+                <p>&#x2022;  customizable frontend</p>
+                  <p>&#x2022; metaverse Integrations</p>
+                    <p>&#x2022;  Priority support </p>
+                      <p>&#x2022;  Premium account accessibility</p>
+                      <div class="rounded-full bg-white" style="margin-top:20px; text-align: center;">
+        <button class="py-3 px-10 m41:text-lg font-medium rounded-full">
+          <a href="#" target="_blank" style="color: black;">BUY</a>
+        </button>
+      </div>
       </div>
     </div>
     </div>
-    </section> -->
+    </section>
 
     <section class="bg-black py-20">
       <h1 class="text-white max-w-[1200px] mx-auto text-center text-5xl font-semibold mb-16 lg:w-1/2 w-full">Testimonials</h1>