diff --git a/src/app/page.tsx b/src/app/page.tsx
index a23e688..cd28d1b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,6 +18,7 @@ export default function LandingPage() {
   const [showGalleryViewMore, setShowGalleryViewMore] = useState(false);
   const [showShoesViewMore, setShowShoesViewMore] = useState(false);
   const [showVeilsViewMore, setShowVeilsViewMore] = useState(false);
+  const [modalType, setModalType] = useState<'gallery' | 'shoes' | 'veils' | null>(null);
   const [scrollDirection, setScrollDirection] = useState<'up' | 'down'>('down');
   const [lastScrollY, setLastScrollY] = useState(0);
   const galleryRef = useRef<HTMLDivElement>(null);
@@ -208,7 +209,169 @@ export default function LandingPage() {
     }
   ];
 
+  const allShoes = [
+    {
+      id: "shoe-1",      name: "Classic Satin Heels",      price: "Starting at $250",      variant: "White",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=2",      imageAlt: "Classic white satin bridal heels"
+    },
+    {
+      id: "shoe-2",      name: "Jeweled Flats",      price: "Starting at $280",      variant: "Ivory",      imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-dress-hanger_23-2149640924.jpg?_wi=2",      imageAlt: "Comfortable jeweled flat bridal shoes"
+    },
+    {
+      id: "shoe-3",      name: "Pearl Embellished Pumps",      price: "Starting at $320",      variant: "Champagne",      imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2238.jpg?_wi=2",      imageAlt: "Pearl decorated champagne bridal pumps"
+    },
+    {
+      id: "shoe-4",      name: "Delicate Strappy Sandals",      price: "Starting at $200",      variant: "Silver",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=2",      imageAlt: "Delicate silver strappy bridal sandals"
+    },
+    {
+      id: "shoe-5",      name: "Vintage Lace Pumps",      price: "Starting at $290",      variant: "White",      imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-bride-indoors_23-2149640909.jpg?_wi=2",      imageAlt: "Vintage lace wedding pumps"
+    },
+    {
+      id: "shoe-6",      name: "Minimalist Ballet Flats",      price: "Starting at $220",      variant: "Ivory",      imageSrc: "http://img.b2bpic.net/free-photo/bride-playing-with-her-skirt_1157-725.jpg?_wi=2",      imageAlt: "Minimalist ivory ballet flat shoes"
+    },
+    {
+      id: "shoe-7",      name: "Elegant Crystal Heels",      price: "Starting at $310",      variant: "White",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=3",      imageAlt: "Elegant crystal white heels"
+    },
+    {
+      id: "shoe-8",      name: "Champagne Satin Pumps",      price: "Starting at $275",      variant: "Champagne",      imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-dress-hanger_23-2149640924.jpg?_wi=3",      imageAlt: "Champagne satin pump heels"
+    },
+    {
+      id: "shoe-9",      name: "Ivory Lace Flats",      price: "Starting at $240",      variant: "Ivory",      imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2238.jpg?_wi=3",      imageAlt: "Ivory lace flat bridal shoes"
+    },
+    {
+      id: "shoe-10",      name: "Pearl White Heels",      price: "Starting at $295",      variant: "White",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=3",      imageAlt: "Pearl white bridal heels"
+    },
+    {
+      id: "shoe-11",      name: "Silver Strappy Heels",      price: "Starting at $265",      variant: "Silver",      imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-bride-indoors_23-2149640909.jpg?_wi=3",      imageAlt: "Silver strappy bridal heels"
+    },
+    {
+      id: "shoe-12",      name: "Gold Accent Pumps",      price: "Starting at $330",      variant: "Gold",      imageSrc: "http://img.b2bpic.net/free-photo/bride-playing-with-her-skirt_1157-725.jpg?_wi=3",      imageAlt: "Gold accent wedding pumps"
+    }
+  ];
+
+  const allVeils = [
+    {
+      id: "veil-1",      name: "Cathedral Length Veil",      price: "Starting at $180",      variant: "White Tulle",      imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg?_wi=2",      imageAlt: "Elegant cathedral length bridal veil"
+    },
+    {
+      id: "veil-2",      name: "Lace Embellished Veil",      price: "Starting at $220",      variant: "Ivory Lace",      imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg?_wi=2",      imageAlt: "Beautiful lace embellished bridal veil"
+    },
+    {
+      id: "veil-3",      name: "Dramatic Detachable Veil",      price: "Starting at $250",      variant: "Ivory",      imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=1",      imageAlt: "Dramatic detachable bridal veil"
+    },
+    {
+      id: "veil-4",      name: "Short Birdcage Veil",      price: "Starting at $120",      variant: "Black Netting",      imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=1",      imageAlt: "Modern short birdcage veil"
+    },
+    {
+      id: "veil-5",      name: "Pearl Trimmed Veil",      price: "Starting at $200",      variant: "Champagne",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=1",      imageAlt: "Pearl trimmed champagne bridal veil"
+    },
+    {
+      id: "veil-6",      name: "Crystal Beaded Veil",      price: "Starting at $270",      variant: "White with Crystals",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=1",      imageAlt: "Sparkling crystal beaded bridal veil"
+    },
+    {
+      id: "veil-7",      name: "Tulle and Lace Veil",      price: "Starting at $210",      variant: "Ivory",      imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg?_wi=3",      imageAlt: "Tulle and lace combination veil"
+    },
+    {
+      id: "veil-8",      name: "Romantic Cascading Veil",      price: "Starting at $240",      variant: "White",      imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg?_wi=3",      imageAlt: "Romantic cascading bridal veil"
+    },
+    {
+      id: "veil-9",      name: "Minimalist Tulle Veil",      price: "Starting at $160",      variant: "White",      imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=2",      imageAlt: "Minimalist white tulle veil"
+    },
+    {
+      id: "veil-10",      name: "Beaded Edge Veil",      price: "Starting at $280",      variant: "Champagne",      imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=2",      imageAlt: "Beaded edge champagne veil"
+    },
+    {
+      id: "veil-11",      name: "Classic Elbow Veil",      price: "Starting at $140",      variant: "Ivory",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=2",      imageAlt: "Classic ivory elbow length veil"
+    },
+    {
+      id: "veil-12",      name: "Dramatic Train Veil",      price: "Starting at $310",      variant: "White",      imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=2",      imageAlt: "Dramatic white train veil"
+    }
+  ];
+
   const initialDresses = allDresses.slice(0, 6);
+  const initialShoes = allShoes.slice(0, 3);
+  const initialVeils = allVeils.slice(0, 3);
+
+  const renderModal = () => {
+    if (!showModal || !modalType) return null;
+
+    let items = [];
+    let title = '';
+
+    if (modalType === 'gallery') {
+      items = allDresses;
+      title = 'Complete Dress Gallery';
+    } else if (modalType === 'shoes') {
+      items = allShoes;
+      title = 'Complete Bridal Shoes Collection';
+    } else if (modalType === 'veils') {
+      items = allVeils;
+      title = 'Complete Veils & Crowns Collection';
+    }
+
+    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">
+          {/* Modal Header */}
+          <div className="flex items-center justify-between p-4 md:p-6 border-b border-[var(--accent)]/20">
+            <h2 className="text-xl md:text-2xl font-semibold text-[var(--foreground)]">{title}</h2>
+            <button
+              onClick={() => setShowModal(false)}
+              className="p-2 hover:bg-[var(--accent)]/10 rounded-lg transition-colors"
+              aria-label="Close gallery"
+            >
+              <X className="w-6 h-6 text-[var(--foreground)]" />
+            </button>
+          </div>
+
+          {/* Modal Gallery Grid */}
+          <div className="overflow-y-auto flex-1 p-4 md:p-6">
+            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6">
+              {items.map((item) => (
+                <div
+                  key={item.id}
+                  className="group relative overflow-hidden rounded-lg bg-[var(--card)] shadow-md hover:shadow-xl transition-all duration-500 ease-out"
+                >
+                  {/* Image Container */}
+                  <div className="relative h-64 md:h-72 overflow-hidden bg-[var(--accent)]/5">
+                    <img
+                      src={item.imageSrc}
+                      alt={item.imageAlt}
+                      className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out"
+                    />
+                    {/* Hover Overlay */}
+                    <div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
+                  </div>
+
+                  {/* Content */}
+                  <div className="p-3 md:p-4">
+                    <h3 className="text-sm md:text-base font-semibold text-[var(--foreground)] line-clamp-2">
+                      {item.name}
+                    </h3>
+                    <p className="text-xs md:text-sm text-[var(--foreground)]/70 mt-1">
+                      {item.variant}
+                    </p>
+                    <p className="text-sm md:text-base font-bold text-[var(--primary-cta)] mt-2">
+                      {item.price}
+                    </p>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+
+          {/* Modal Footer */}
+          <div className="flex items-center justify-end gap-3 p-4 md:p-6 border-t border-[var(--accent)]/20 bg-[var(--card)]/50">
+            <button
+              onClick={() => setShowModal(false)}
+              className="px-4 md:px-6 py-2 md:py-3 rounded-lg border border-[var(--accent)] text-[var(--foreground)] hover:bg-[var(--accent)]/10 transition-colors"
+            >
+              Close
+            </button>
+          </div>
+        </div>
+      </div>
+    );
+  };
 
   return (
     <ThemeProvider
@@ -455,7 +618,10 @@ export default function LandingPage() {
         <div ref={galleryButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
           {showGalleryViewMore && (
             <button
-              onClick={() => setShowModal(true)}
+              onClick={() => {
+                setModalType('gallery');
+                setShowModal(true);
+              }}
               className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg animate-in fade-in slide-in-from-bottom-4 duration-300"
               aria-label="View More Dresses"
             >
@@ -464,71 +630,6 @@ export default function LandingPage() {
             </button>
           )}
         </div>
-
-        {/* Modal Gallery */}
-        {showModal && (
-          <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">
-              {/* Modal Header */}
-              <div className="flex items-center justify-between p-4 md:p-6 border-b border-[var(--accent)]/20">
-                <h2 className="text-xl md:text-2xl font-semibold text-[var(--foreground)]">Complete Dress Gallery</h2>
-                <button
-                  onClick={() => setShowModal(false)}
-                  className="p-2 hover:bg-[var(--accent)]/10 rounded-lg transition-colors"
-                  aria-label="Close gallery"
-                >
-                  <X className="w-6 h-6 text-[var(--foreground)]" />
-                </button>
-              </div>
-
-              {/* Modal Gallery Grid */}
-              <div className="overflow-y-auto flex-1 p-4 md:p-6">
-                <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6">
-                  {allDresses.map((dress) => (
-                    <div
-                      key={dress.id}
-                      className="group relative overflow-hidden rounded-lg bg-[var(--card)] shadow-md hover:shadow-xl transition-all duration-500 ease-out"
-                    >
-                      {/* Image Container */}
-                      <div className="relative h-64 md:h-72 overflow-hidden bg-[var(--accent)]/5">
-                        <img
-                          src={dress.imageSrc}
-                          alt={dress.imageAlt}
-                          className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500 ease-out"
-                        />
-                        {/* Hover Overlay */}
-                        <div className="absolute inset-0 bg-gradient-to-t from-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" />
-                      </div>
-
-                      {/* Content */}
-                      <div className="p-3 md:p-4">
-                        <h3 className="text-sm md:text-base font-semibold text-[var(--foreground)] line-clamp-2">
-                          {dress.name}
-                        </h3>
-                        <p className="text-xs md:text-sm text-[var(--foreground)]/70 mt-1">
-                          {dress.variant}
-                        </p>
-                        <p className="text-sm md:text-base font-bold text-[var(--primary-cta)] mt-2">
-                          {dress.price}
-                        </p>
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              </div>
-
-              {/* Modal Footer */}
-              <div className="flex items-center justify-end gap-3 p-4 md:p-6 border-t border-[var(--accent)]/20 bg-[var(--card)]/50">
-                <button
-                  onClick={() => setShowModal(false)}
-                  className="px-4 md:px-6 py-2 md:py-3 rounded-lg border border-[var(--accent)] text-[var(--foreground)] hover:bg-[var(--accent)]/10 transition-colors"
-                >
-                  Close
-                </button>
-              </div>
-            </div>
-          </div>
-        )}
       </div>
 
       <div id="reels" data-section="reels" className="relative z-10">
@@ -574,26 +675,10 @@ export default function LandingPage() {
             buttons={[
               { text: "Explore All Shoes", onClick: scrollToShoes }
             ]}
-            products={[
-              {
-                id: "shoe-1",                name: "Classic Satin Heels",                price: "Starting at $250",                variant: "White",                imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=2",                imageAlt: "Classic white satin bridal heels"
-              },
-              {
-                id: "shoe-2",                name: "Jeweled Flats",                price: "Starting at $280",                variant: "Ivory",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bridal-dress-hanger_23-2149640924.jpg?_wi=2",                imageAlt: "Comfortable jeweled flat bridal shoes"
-              },
-              {
-                id: "shoe-3",                name: "Pearl Embellished Pumps",                price: "Starting at $320",                variant: "Champagne",                imageSrc: "http://img.b2bpic.net/free-photo/morning-bride-when-she-wears-beautiful-dress_1328-2238.jpg?_wi=2",                imageAlt: "Pearl decorated champagne bridal pumps"
-              },
-              {
-                id: "shoe-4",                name: "Delicate Strappy Sandals",                price: "Starting at $200",                variant: "Silver",                imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=2",                imageAlt: "Delicate silver strappy bridal sandals"
-              },
-              {
-                id: "shoe-5",                name: "Vintage Lace Pumps",                price: "Starting at $290",                variant: "White",                imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-bride-indoors_23-2149640909.jpg?_wi=2",                imageAlt: "Vintage lace wedding pumps"
-              },
-              {
-                id: "shoe-6",                name: "Minimalist Ballet Flats",                price: "Starting at $220",                variant: "Ivory",                imageSrc: "http://img.b2bpic.net/free-photo/bride-playing-with-her-skirt_1157-725.jpg?_wi=2",                imageAlt: "Minimalist ivory ballet flat shoes"
-              }
-            ]}
+            products={initialShoes.map((shoe, index) => ({
+              ...shoe,
+              _key: `shoes-${index}`
+            }))}
           />
         </div>
 
@@ -601,7 +686,10 @@ export default function LandingPage() {
         <div ref={shoesButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
           {showShoesViewMore && (
             <button
-              onClick={scrollToVeils}
+              onClick={() => {
+                setModalType('shoes');
+                setShowModal(true);
+              }}
               className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg animate-in fade-in slide-in-from-bottom-4 duration-300"
               aria-label="View More Shoes"
             >
@@ -624,26 +712,10 @@ export default function LandingPage() {
             tagAnimation="slide-up"
             gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
-            products={[
-              {
-                id: "veil-1",                name: "Cathedral Length Veil",                price: "Starting at $180",                variant: "White Tulle",                imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-herself_1157-187.jpg?_wi=2",                imageAlt: "Elegant cathedral length bridal veil"
-              },
-              {
-                id: "veil-2",                name: "Lace Embellished Veil",                price: "Starting at $220",                variant: "Ivory Lace",                imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-two-shirts_23-2147601332.jpg?_wi=2",                imageAlt: "Beautiful lace embellished bridal veil"
-              },
-              {
-                id: "veil-3",                name: "Dramatic Detachable Veil",                price: "Starting at $250",                variant: "Ivory",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-posing-medium-shot_23-2149860841.jpg?_wi=1",                imageAlt: "Dramatic detachable bridal veil"
-              },
-              {
-                id: "veil-4",                name: "Short Birdcage Veil",                price: "Starting at $120",                variant: "Black Netting",                imageSrc: "http://img.b2bpic.net/free-photo/young-women-enjoying-bachelorette-party_23-2149278361.jpg?_wi=1",                imageAlt: "Modern short birdcage veil"
-              },
-              {
-                id: "veil-5",                name: "Pearl Trimmed Veil",                price: "Starting at $200",                variant: "Champagne",                imageSrc: "http://img.b2bpic.net/free-photo/elegant-beautiful-fashionable-woman-blonde-long-white-dre_7502-4897.jpg?_wi=1",                imageAlt: "Pearl trimmed champagne bridal veil"
-              },
-              {
-                id: "veil-6",                name: "Crystal Beaded Veil",                price: "Starting at $270",                variant: "White with Crystals",                imageSrc: "http://img.b2bpic.net/free-photo/elegant-bride-posing_23-2148105871.jpg?_wi=1",                imageAlt: "Sparkling crystal beaded bridal veil"
-              }
-            ]}
+            products={initialVeils.map((veil, index) => ({
+              ...veil,
+              _key: `veils-${index}`
+            }))}
           />
         </div>
 
@@ -651,9 +723,12 @@ export default function LandingPage() {
         <div ref={veilsButtonContainerRef} className="flex justify-end px-8 lg:px-16 pt-8 pb-4">
           {showVeilsViewMore && (
             <button
+              onClick={() => {
+                setModalType('veils');
+                setShowModal(true);
+              }}
               className="group relative inline-flex items-center gap-2 px-4 md:px-6 py-2 md:py-3 bg-gradient-to-r from-[#D4AF37] to-[#D4AF37] text-black rounded-lg font-semibold hover:shadow-lg transition-all duration-300 ease-out shadow-lg animate-in fade-in slide-in-from-bottom-4 duration-300"
               aria-label="View More Veils"
-              disabled
             >
               <span className="text-sm md:text-base">View More</span>
               <ChevronRight className="w-4 h-4 md:w-5 md:h-5 group-hover:translate-x-1 transition-transform" />
@@ -719,6 +794,9 @@ export default function LandingPage() {
           bottomRightText="3106 Los Feliz Blvd, Los Angeles, CA 90039 | (747) 800-7770"
         />
       </div>
+
+      {/* Universal Modal */}
+      {renderModal()}
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file