Add info about pricing for students

Author: sabaimran

src/pages/Home.tsx

@@ -138,6 +138,10 @@ export function Home() {
 						<p className='product-description-subcomponent-light'>
 							Many of us spend hours a day looking up, collating and organizing our information. Khoj saves you time by naturally parsing across your randomly organized data.
 						</p>
+						<h2 className='production-description-subcomponent'>Are you a student?</h2>
+						<p className='product-description-subcomponent-light'>
+							We have special pricing for students. <a className='inline-link-light' href="/pricing">Check it out</a>.
+						</p>
 					</div>
 				</div>
 			</div>

src/pages/Pricing.tsx

@@ -38,7 +38,27 @@ const Pricing = () => {
 						</div>
                     </div>
                     <div className='card-option premium'>
-                        <h2 className='card-title'>Futurist (<del>$50</del> $30/mo)</h2>
+                        <h2 className='card-title'>Explorer (1 year) - $10/mo</h2>
+                        <div className='card-content'>
+                            <ul className='card-content'>
+                                <li className='card-content'>Special pricing for <b>students and academics</b></li>
+                                <li className='card-content'>All the same benefits as the <b>Futurist</b> plan</li>
+                                <li className='card-content'>All you need is to drop us an email at [email protected] with a .edu email address for a promo code</li>
+                            </ul>
+                        </div>
+                        <div className='cta'>
+							<Button
+								type="primary"
+								size='large'
+								className='cta-button'
+								style={{borderRadius: '4px', fontSize: 'x-large', height: '50px' }}
+								href="mailto:[email protected]">
+									Contact Us
+								</Button>
+						</div>
+                    </div>
+                    <div className='card-option premium'>
+                        <h2 className='card-title'>Futurist $30/mo</h2>
                         <div className='card-content notice'>Unsure of the Future? <a href={CLOUD_LINK}>Try it free for 14 days</a><span title="The future is subject to market risk. Past performance is not indicative of future results. Please read all physics-related documents carefully before investing in it.">*</span></div>
                         <div className='card-content'>
                             <ul className='card-content'>

src/styles/Pricing.css

@@ -12,8 +12,9 @@ div.content {
 div.content-sections {
     display: grid;
     grid-template-columns: 1fr;
-    max-width: 60vw;
-    margin-left: 20vw;
+    max-width: 70vw;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 ul.card-content {
@@ -42,7 +43,7 @@ div.card-content.notice {
 
 div.card-options {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr 1fr 1fr;
     gap: 20px;
 }