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 <[email protected]>
asyncapi · Aug 1, 2024 · 7669fb7 · 7669fb7
1 parent 4f4f6b7
commit 7669fb7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git 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
@@ -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>
 	);