diff --git a/src/app/page.tsx b/src/app/page.tsx
index 54a853d..df1df7d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -64,7 +64,7 @@ export default function LandingPage() {
 
   const renderModal = () => {
     if (!showModal || !modalType) return null;
-    let items = modalType === 'gallery' ? allDresses : modalType === 'shoes' ? allShoes : allVeils;
+    const items = modalType === 'gallery' ? allDresses : modalType === 'shoes' ? allShoes : allVeils;
     return (
       <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/60 backdrop-blur-sm p-4">
         <div className="relative w-full max-w-6xl max-h-[90vh] bg-[var(--background)] rounded-2xl shadow-2xl overflow-hidden flex flex-col">
@@ -121,7 +121,7 @@ export default function LandingPage() {
       </div>
 
       <div id="reels" data-section="reels" className="relative z-10">
-        <BlogCardThree title="Behind the Beauty" description="See our latest bridal stories and inspirations." textboxLayout="default" useInvertedBackground={true} tag="Featured Content" tagIcon={Play} tagAnimation="slide-up" animationType="slide-up" blogs={[]} uniformGridCustomHeightClasses="min-h-120" />
+        <BlogCardThree title="Behind the Beauty" description="See our latest bridal stories and inspirations." textboxLayout="default" useInvertedBackground={true} tag="Featured Content" tagIcon={Play} tagAnimation="slide-up" animationType="slide-up" blogs={[]} />
       </div>
 
       <div id="shoes" data-section="shoes" className="relative z-10" ref={shoesRef}>