From 7669fb75fc5ed5ee12c06c58dba94d196ab040ff Mon Sep 17 00:00:00 2001
From: Fuad ALIPHATIC Adegoke <105937740+ALIPHATICHYD@users.noreply.github.com>
Date: Thu, 1 Aug 2024 15:55:17 +0100
Subject: [PATCH] fix: update subscription component name and styles (#344)

* fix: update subscription component name and styles

The subscription component name was misspelled as "Subcription". This commit fixes the typo and updates the component styles to improve the layout on different screen sizes.

* Update subscription.js

* Update subscription.js

* Update package-lock.json

* Update subscription.js

---------

Co-authored-by: Ace <40604284+AceTheCreator@users.noreply.github.com>
---
 components/Form/subscription.js | 15 +++++----------
 pages/index.js                  |  6 +++---
 2 files changed, 8 insertions(+), 13 deletions(-)

diff --git a/components/Form/subscription.js b/components/Form/subscription.js
index 11223969..aefdfb9e 100644
--- a/components/Form/subscription.js
+++ b/components/Form/subscription.js
@@ -1,25 +1,20 @@
 import React from 'react';
 import Button from '../Buttons/button';
 
-function Subcription() {
+function Subscription() {
 	return (
-		<div className='mt-[106px] subscription container flex justify-center'>
-			<div className='w-[1024px] min-h-[253px] lg:py-10 lg:w-full flex flex-col items-center mt-[106px]'>
+		<div className='mt-0 md:mt-[106px] subscription container flex justify-center'>
+			<div className='mt-[106px] lg:mt-0 w-[1024px] min-h-[253px] lg:py-10 lg:w-full flex flex-col items-center'>
 				<h3 className='text-[32px] text-white lg:text-center'>
 					Subscribe for AACoT’24 updates!
 				</h3>
 				<a href='https://www.asyncapi.com/newsletter' target='_blank' rel="noreferrer" className='sm:w-full'>
-				<Button
-					type='submit'
-					className='w-full md:w-[200px] mt-8 px-10' 
-				>
+				<Button type='submit' className='w-full md:w-[200px] mt-8 px-10'>
 					Subscribe
 				</Button>
-
 				</a>
 			</div>
 		</div>
 	);
 }
-
-export default Subcription;
+export default Subscription
diff --git a/pages/index.js b/pages/index.js
index 2eb8d1a0..d418853a 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -10,7 +10,7 @@ import About from '../components/About/about';
 import TicketCards from '../components/Cards/ticketCards';
 import Heading from '../components/Typography/heading';
 import Paragraph from '../components/Typography/paragraph';
-import Subcription from '../components/Form/subscription';
+import Subscription from '../components/Form/subscription';
 import Speaker from '../components/Speaker/speaker';
 import speakers from '../config/speakers.json';
 import Link from 'next/link';
@@ -176,8 +176,8 @@ export default function Home() {
 			<div id='sponsors' className='mt-20'>
 				<Sponsors imgs={['/img/apidays.png']} />
 			</div>
-			<div className='-mt-5'>
-			<Subcription/>
+			<div className='mt-5'>
+			<Subscription/>
 			</div>
 		</div>
 	);