From 7f5b73d82db19c8082b32d36f83bc0f96f6bcaf1 Mon Sep 17 00:00:00 2001
From: Suvodip Ghosh <suvo@ns9b.siliconpin.com>
Date: Tue, 28 Feb 2023 21:42:16 +0530
Subject: [PATCH] payment-page

---
 src/components/EducatorsLicense.vue |  9 ++++++---
 src/components/SchoolLicense.vue    | 11 +++++++----
 src/pages/payment.astro             |  5 +++++
 3 files changed, 18 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/payment.astro

diff --git a/src/components/EducatorsLicense.vue b/src/components/EducatorsLicense.vue
index 14c1013..85b5879 100644
--- a/src/components/EducatorsLicense.vue
+++ b/src/components/EducatorsLicense.vue
@@ -29,13 +29,14 @@
         </section>  
         <section class="container mx-auto px-4 xl:px-24 my-16">
             <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 place-items-center my-4 gap-6">
-                <div class="grid grid-rows-2 w-full ">
+                <div class="grid grid-rows-2 w-full h-full">
                     <div class="grid background place-items-center rounded-lg py-8">
                         <h1 class="text-3xl text-white ">Monthly</h1>
                     </div>
-                    <div class="grid shadow-2xl rounded-b-xl">
+                    <div class="grid shadow-2xl rounded-b-xl place-items-center">
                         <h1 class="text-4xl p-1 text-center">&#36;100</h1>
                         <h1 class="text-color-1 text-center">(inclusive of all costs)</h1>
+                        <a href="/payment" class="py-2"><button class="shadow-2xl rounded-lg background text-white p-2 px-4 text-lg w-fit">Subscribe Now</button></a>
                     </div>
                 </div>
                 <div class="grid grid-rows-2 w-full">
@@ -46,6 +47,7 @@
                         <h1 class="text-4xl p-1"><span class="line-through text-slate-400">&#36;600</span>&nbsp;&nbsp;&#36;540 </h1>
                         <span class="text-lg text-color-2">(10% Discount)</span>
                         <h1 class="text-color-1 text-center">(inclusive of all costs)</h1>
+                        <a href="/payment" class="py-2"><button class="shadow-2xl rounded-lg background text-white p-2 px-4 text-lg w-fit">Subscribe Now</button></a>
                     </div>
                 </div>
                 <div class="grid grid-rows-2 w-full">
@@ -56,10 +58,11 @@
                         <h1 class="text-4xl p-1"><span class="line-through text-slate-400">&#36;1200</span>&nbsp;&nbsp;&#36;1020 </h1>
                         <span class="text-lg text-color-2">(15% Discount)</span>
                         <h1 class="text-color-1 text-center">(inclusive of all costs)</h1>
+                        <a href="/payment" class="py-2"><button class="shadow-2xl rounded-lg background text-white p-2 px-4 text-lg w-fit">Subscribe Now</button></a>
                     </div>
                 </div>
             </div>
-            <div class="flex justify-center my-16"><button class="background text-white p-3 px-6 text-lg rounded-tl-xl rounded-br-xl">Subscribe Now</button></div>
+            <!-- <div class="flex justify-center my-16"><button class="background text-white p-3 px-6 text-lg rounded-tl-xl rounded-br-xl">Subscribe Now</button></div> -->
         </section>
         <section class="container mx-auto my-16 px-4">
                 <div class="flex flex-col lg:flex-row place-items-center justify-center xl:px-56">
diff --git a/src/components/SchoolLicense.vue b/src/components/SchoolLicense.vue
index 5cddda6..867720b 100644
--- a/src/components/SchoolLicense.vue
+++ b/src/components/SchoolLicense.vue
@@ -26,13 +26,14 @@
         </section>
         <section class="container mx-auto my-16 px-4 xl:px-24">
             <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 place-items-center my-4 gap-x-16 gap-y-6">
-                <div class="grid grid-rows-2 w-full ">
+                <div class="grid grid-rows-2 w-full h-full">
                     <div class="grid background place-items-center rounded-lg py-8">
                         <h1 class="text-3xl text-white ">Monthly</h1>
                     </div>
-                    <div class="grid shadow-2xl rounded-b-xl">
+                    <div class="grid shadow-2xl rounded-b-lg place-items-center">
                         <h1 class="text-4xl p-1 text-center">&#36;100</h1>
                         <h1 class="text-color-1 text-center">(inclusive of all costs)</h1>
+                        <a href="/payment" class="py-2"><button class="shadow-2xl rounded-lg background text-white p-2 px-4 text-lg w-fit">Subscribe Now</button></a>
                     </div>
                 </div>
                 <div class="grid grid-rows-2 w-full">
@@ -43,20 +44,22 @@
                         <h1 class="text-4xl p-1"><span class="line-through text-slate-400">&#36;600</span>&nbsp;&nbsp;&#36;540 </h1>
                         <span class="text-lg text-color-2">(10% Discount)</span>
                         <h1 class="text-color-1 text-center">(inclusive of all costs)</h1>
+                        <a href="/payment" class="py-2"><button class="shadow-2xl rounded-lg background text-white p-2 px-4 text-lg w-fit">Subscribe Now</button></a>
                     </div>
                 </div>
                 <div class="grid grid-rows-2 w-full">
                     <div class="grid background place-items-center rounded-lg">
-                        <h1 class="text-3xl text-white ">Yearly</h1>
+                        <h1 class="text-3xl text-white h-fit">Yearly</h1>
                     </div>
                     <div class="grid shadow-2xl rounded-b-xl place-items-center">
                         <h1 class="text-4xl p-1"><span class="line-through text-slate-400">&#36;1200</span>&nbsp;&nbsp;&#36;1020 </h1>
                         <span class="text-lg text-color-2">(15% Discount)</span>
                         <h1 class="text-color-1 text-center">(inclusive of all costs)</h1>
+                        <a href="/payment" class="py-2"><button class="shadow-2xl rounded-lg background text-white p-2 px-4 text-lg w-fit">Subscribe Now</button></a>
                     </div>
                 </div>
             </div>
-            <div class="flex justify-center my-16"><button class="background text-white p-3 px-6 text-lg rounded-tl-xl rounded-br-xl">Subscribe Now</button></div>
+            <!-- <div class="flex justify-center my-16"><button class="background text-white p-3 px-6 text-lg rounded-tl-xl rounded-br-xl">Subscribe Now</button></div> -->
         </section>
         <section class="container mx-auto my-16 px-4">
                 <div class="flex flex-col lg:flex-row place-items-center justify-center xl:px-56">
diff --git a/src/pages/payment.astro b/src/pages/payment.astro
new file mode 100644
index 0000000..eb82852
--- /dev/null
+++ b/src/pages/payment.astro
@@ -0,0 +1,5 @@
+<main>
+    <div>
+        <section></section>
+    </div>
+</main>
\ No newline at end of file