diff --git a/src/app/page.tsx b/src/app/page.tsx
index ac78a79..374e78b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,6 +13,16 @@ import { CheckCircle, Flower2, Leaf, Palette, Sparkles, MessageCircle } from "lu
 import CardStack from "@/components/cardStack/CardStack";
 import TextNumberCount from "@/components/text/TextNumberCount";
 import ContactForm from "@/components/form/ContactForm";
+import { useState } from 'react';
+
+const ImagePopup = ({ imageUrl, isOpen, onClose }) => {
+  if (!isOpen) return null;
+  return (
+    <div className='fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center'>
+      <img src={imageUrl} alt='Expanded Image' className='max-w-full max-h-full' onClick={onClose} />
+    </div>
+  );
+};
 
 const handleImageClick = (imageUrl) => {
   window.open(imageUrl, '_blank', 'width=80%');