tanshu/kakawa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile menu

Browse Source
This commit is contained in:
Amritanshu Agrawal
2024-09-30 19:02:59 +05:30
parent cf35f0c917
commit 2519b4f740
7 changed files with 148 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/(static)/layout.tsx
View File

@ -8,6 +8,9 @@ import { Navbar } from '@/components/navbar';
export default function RootLayout({ children }: { children: ReactNode }) {
return (
<html lang='en'>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1' />
</head>
<body>
<Navbar />
<main>{children}</main>

8
src/app/(static)/page.tsx
View File

@ -13,9 +13,9 @@ export default function HomePage() {
<div className='overflow-x-hidden'>
<HeroSwiper />
{/* First Two-Column Layout */}
<section className='flex flex-col md:flex-row items-center bg-white'>
<section className='flex flex-col md:flex-row items-center bg-white md:h-[90vh] overflow-clip'>
{/* Left Column - Text with Header */}
<div className='w-full md:w-1/2'>
<div className='w-full md:w-1/2 h-[90vh] md:h-auto'>
<div className='m-8 space-y-10'>
<AnimatedText finishClass='delay-300'>
<h2 className='text-6xl font-normal text-justify font-montera'>
@ -43,12 +43,12 @@ export default function HomePage() {
</div>
</div>
{/* Right Column - Image */}
<div className='w-full md:w-1/2'>
<div className='w-full md:w-1/2 items-start h-[90vh] md:h-auto'>
<AnimatedImage
// ref={brandStoryPicRef}
src={brandStoryPic}
alt='Right Side Image'
className='w-full h-auto'
className='h-full w-full object-cover object-center'
// {`w-full h-auto zoom ${isBrandStoryPic ? 'post' : 'pre'}`}
// sizes='100vw'
/>