Feat/new home no animation

components/sections/Home/LaunchSystem/LaunchSystemStep1.tsx

@@ -55,11 +55,11 @@ export default function LaunchSystemStep1() {
 				path='grid'
 				divContainerProps={{ className: 'hidden 2xl:block' }}
 			/>
-			<div className='flex h-auto w-full flex-col items-center justify-between gap-8 2xl:h-[70vh]'>
+			<div className='flex h-auto w-full flex-col items-center justify-between gap-8 2xl:h-[90vh]'>
 				<Step1Top id='top-1' />
 				<div className='relative flex w-full flex-col items-center justify-between gap-8 2xl:flex-row'>
-					<Step1Left id='left-1' className='absolute -left-12' />
-					<Step1Right id='right-1' className='absolute -right-12' />
+					<Step1Left id='left-1' className='-left-12 2xl:absolute' />
+					<Step1Right id='right-1' className='-right-12 2xl:absolute' />
 				</div>
 				<Step1Bottom id='bottom-1' className='overflow-hidden' />
 			</div>

components/sections/Home/LaunchSystem/LaunchSystemStep2.tsx

@@ -55,11 +55,11 @@ export default function LaunchSystemStep2() {
 				path='grid'
 				divContainerProps={{ className: 'hidden 2xl:block' }}
 			/>
-			<div className='flex h-auto w-full flex-col items-center justify-between gap-8 2xl:h-[70vh]'>
+			<div className='flex h-auto w-full flex-col items-center justify-between gap-8 2xl:h-[90vh]'>
 				<Step2Top id='top-2' />
 				<div className='relative flex w-full flex-col items-center justify-between gap-8 2xl:flex-row'>
-					<Step2Left id='left-2' className='absolute -left-12' />
-					<Step2Right id='right-2' className='absolute -right-12' />
+					<Step2Left id='left-2' className='-left-12 2xl:absolute' />
+					<Step2Right id='right-2' className='-right-12 2xl:absolute' />
 				</div>
 				<Step2Bottom id='bottom-2' />
 			</div>

components/sections/Home/LaunchSystem/LaunchSystemStep3.tsx

@@ -32,7 +32,7 @@ export default function LaunchSystemStep3() {
 				path='grid'
 				divContainerProps={{ className: 'hidden 2xl:block' }}
 			/>
-			<div className='flex h-auto w-full flex-col items-center justify-between gap-8 2xl:h-[70vh]'>
+			<div className='flex h-auto w-full flex-col items-center justify-between gap-8 2xl:h-[90vh]'>
 				<Step3Top id='top-3' />
 				<div className='flex w-full flex-col items-center justify-between gap-8 2xl:flex-row'>
 					<div className='flex flex-col gap-7'>

components/sections/Home/LaunchSystem/LaunchSystemStep4.tsx

@@ -11,7 +11,7 @@ export default function LaunchSystemStep4() {
 				<Step2Top />
 				<Step3Top />
 			</div>
-			<RocketColor4 />
+			<RocketColor4 className='bottom-[-150%] 2xl:bottom-[-80%]' />
 		</div>
 	)
 }

components/sections/Home/LaunchSystem/index.tsx

@@ -8,7 +8,7 @@ import LaunchSystemStep4 from './LaunchSystemStep4'
 export default function LaunchSystem() {
 	return (
 		<div className=''>
-			<section className='relative z-50 mx-auto mb-[50px] w-full max-w-7xl px-5 sm:px-10'>
+			<section className='relative z-50 mx-auto mb-[50px] mt-16 w-full max-w-7xl px-5 sm:px-10 2xl:mt-0'>
 				<div className='flex flex-col items-center justify-center'>
 					<h1 className='mb-5 text-5xl text-[#F0F0F0]'>Launch System</h1>
 

components/sections/Home/RocketColorFull.tsx

@@ -10,7 +10,7 @@ export default function RocketColor4(props: SVGProps<SVGSVGElement>) {
 			fill='none'
 			xmlns='http://www.w3.org/2000/svg'
 			{...props}
-			className={clsx('absolute -bottom-[30%] -left-[26%] hidden w-full lg:block', props.className)}
+			className={clsx('absolute -left-[26%] hidden w-full lg:block', props.className)}
 		>
 			<path d='M1014.17 509H536.333' stroke='url(#paint0_linear_3299_52514)' stroke-width='1.25081' />
 			<path

components/sections/Home/StartBuilding.tsx

@@ -5,7 +5,10 @@ export default function StartBuilding() {
 	return (
 		<div className='mx-auto mt-8 max-w-7xl sm:mx-auto sm:px-10'>
 			<h1 className='text-[56px] text-[#F0F0F0]'>Start Building</h1>
-			<p>Use one of our starter templates to get your project off the ground in minutes.</p>
+			<p>
+				Use one of our starter templates to get your
+				<br /> project off the ground in minutes.
+			</p>
 
 			<Link href='/starters'>
 				<p className='my-5 flex items-center gap-1 text-[#F0F0F0]'>

yarn.lock

@@ -2147,13 +2147,6 @@ fraction.js@^4.3.6:
   resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.6.tgz"
   integrity sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==
 
-framer-motion@^11.2.12:
-  version "11.2.12"
-  resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-11.2.12.tgz#ca5c49f8a1c70163cbadabcbd318acdcfea569fb"
-  integrity sha512-lCjkV4nA9rWOy2bhR4RZzkp2xpB++kFmUZ6D44V9VQaxk+JDmbDd5lq+u58DjJIIllE8AZEXp9OG/TyDN4FB/w==
-  dependencies:
-    tslib "^2.4.0"
-
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz"
@@ -2178,6 +2171,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fs@^0.0.1-security:
+  version "0.0.1-security"
+  resolved "https://registry.yarnpkg.com/fs/-/fs-0.0.1-security.tgz#8a7bd37186b6dddf3813f23858b57ecaaf5e41d4"
+  integrity sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==
+
 fsevents@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"