Improve LandingPage layout
This commit is contained in:
@ -68,8 +68,8 @@ const LandingPage = () => {
|
||||
return (
|
||||
<main className='mt-16 sm:mt-24'>
|
||||
<div className='mx-auto max-w-7xl'>
|
||||
<div className='lg:grid lg:grid-cols-12 lg:gap-8 items-center py-24'>
|
||||
<div className='px-4 sm:px-6 sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left lg:flex lg:items-center'>
|
||||
<div className='lg:grid lg:grid-cols-12 lg:gap-8 py-12'>
|
||||
<div className='px-4 sm:px-6 sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left lg:flex'>
|
||||
<div>
|
||||
<Stack space={3}>
|
||||
<h1 className='text-5xl font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-pink-600 via-primary-500 to-blue-600 sm:mt-5 sm:leading-none lg:mt-6 lg:text-6xl xl:text-7xl'>
|
||||
@ -81,7 +81,7 @@ const LandingPage = () => {
|
||||
</Stack>
|
||||
</div>
|
||||
</div>
|
||||
<div className='hidden lg:block sm:mt-24 lg:mt-0 lg:col-span-6'>
|
||||
<div className='hidden lg:block sm:mt-24 lg:mt-0 lg:col-span-6 self-center'>
|
||||
<Card size='xl' variant='rounded' className='sm:max-w-md sm:w-full sm:mx-auto'>
|
||||
<CardBody>
|
||||
{renderBody()}
|
||||
|
||||
Reference in New Issue
Block a user