More

src/app/(static)/about-us/page.tsx

@@ -5,6 +5,7 @@ import dryingPic from '/public/images/about-us/03-drying.jpg';
 import chefPic from '/public/images/about-us/04-chef.jpg';
 import barkPic from '/public/images/about-us/05-bark.jpg';
 import italyPic from '/public/images/about-us/06-italy.jpg';
+
 import { AnimatedImage } from '@/components/animated-image';
 
 export default function AboutUsPage() {

src/app/(static)/festival/page.tsx

@@ -4,21 +4,30 @@ import bluePralineBoxOpenPic from '/public/images/diwali/03-blue-praline-box-ope
 import bluePralineBoxTwoPic from '/public/images/diwali/04-blue-praline-box-two.jpg';
 import goldPralineBoxPic from '/public/images/diwali/05-gold-praline-box.jpg';
 import redBarkBoxPic from '/public/images/diwali/06-red-bark-box.jpg';
-import { AnimatedText } from '@/components/animated-text';
+
 import { AnimatedImage } from '@/components/animated-image';
+import { AnimatedText } from '@/components/animated-text';
 // import blueSpreadPic from '/public/images/diwali/07-blue-spread.jpg';
 
-export default function AboutUsPage() {
+export default function FestivalPage() {
   return (
-    <div className='bg-white'>
+    <div className='bg-white overflow-x-clip'>
       <section className='flex flex-col items-center'>
-        <div className='w-full'>
+        <div className='relative w-full h-svh'>
           <AnimatedImage
             src={bannerPic}
             alt='Praline'
-            className='w-full h-auto'
+            className='w-full h-full object-cover object-center'
             sizes='100vw'
           />
+          <a
+            className='absolute left-1/2 transform -translate-x-1/2 bottom-20 pillLink'
+            href='/catalogues/mozimo-diwali-catalogue-2024.pdf'
+            target='_blank'
+          >
+            Catalog
+            <span className='arrow'>→</span>
+          </a>
         </div>
         <AnimatedText finishClass='delay-300'>
           <h2 className='text-s-headline font-normal text-justify font-samantha p-12'>

src/app/(static)/layout.tsx

@@ -1,7 +1,7 @@
 import '../globals.css';
-// import './globalicons.css';
 
 import { ReactNode } from 'react';
+
 import { Footer } from '@/components/footer';
 import { Navbar } from '@/components/navbar';
 

src/app/(static)/page.tsx

@@ -1,21 +1,22 @@
 import brandStoryPic from '/public/images/homepage/brand-story.jpg';
-import { HomepageVideo } from '@/components/homepage-video';
-import { HeroSwiper } from '@/components/swiper';
-import { Collections } from '@/components/our-collection';
-import { ChocolateCategories } from '@/components/category-slider';
-import { InstagramFeed } from '@/components/instagram';
-import { Spotlight } from '@/components/spotlight';
-import { AnimatedText } from '@/components/animated-text';
+
 import { AnimatedImage } from '@/components/animated-image';
+import { AnimatedText } from '@/components/animated-text';
+import { ChocolateCategories } from '@/components/category-slider';
+import { HomepageVideo } from '@/components/homepage-video';
+import { InstagramFeed } from '@/components/instagram';
+import { Collections } from '@/components/our-collection';
+import { Spotlight } from '@/components/spotlight';
+import { HeroSwiper } from '@/components/swiper';
 
 export default function HomePage() {
   return (
     <div className='overflow-x-hidden'>
       <HeroSwiper />
       {/* First Two-Column Layout */}
-      <section className='flex flex-col md:flex-row items-center bg-white md:h-[90vh] overflow-clip'>
+      <section className='flex flex-col md:flex-row items-center bg-white h-[90vh] overflow-clip'>
         {/* Left Column - Text with Header */}
-        <div className='w-full md:w-1/2 h-[90vh] md:h-auto'>
+        <div className='w-full md:w-1/2 md:h-auto'>
           <div className='m-8 space-y-10'>
             <AnimatedText finishClass='delay-300'>
               <h2 className='text-s-title font-normal text-justify font-montera'>
@@ -43,7 +44,7 @@ export default function HomePage() {
           </div>
         </div>
         {/* Right Column - Image */}
-        <div className='w-full md:w-1/2 items-start h-[90vh] md:h-auto'>
+        <div className='w-full md:w-1/2 items-start'>
           <AnimatedImage
             // ref={brandStoryPicRef}
             src={brandStoryPic}