From ea79c252a361db934f7d71e3cdb5069752a0d806 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 14 Mar 2026 18:34:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 137 ++++++++++++++++++++++++++++++-----------------
 1 file changed, 88 insertions(+), 49 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a0f42c5..e585c81 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -197,55 +197,94 @@ export default function LandingPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen
-          title="What Our Customers Say"
-          description="Hear from families and friends who have experienced our authentic Mexican seafood"
-          tag="Customer Reviews"
-          tagAnimation="slide-up"
-          testimonials={[
-            {
-              id: "testimonial-1",              name: "Maria Rodriguez",              role: "Family Visit",              company: "Spokane Valley",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",              imageAlt: "Maria Rodriguez"
-            },
-            {
-              id: "testimonial-2",              name: "Juan Martinez",              role: "Regular Customer",              company: "Local Business Owner",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/life-after-covid-freedom-concept_23-2149068470.jpg",              imageAlt: "Juan Martinez"
-            },
-            {
-              id: "testimonial-3",              name: "Carmen Delgado",              role: "Food Enthusiast",              company: "Community Member",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-cafe-dines-traditional-shakshuka-ayran_169016-16512.jpg",              imageAlt: "Carmen Delgado"
-            },
-            {
-              id: "testimonial-4",              name: "Miguel Santos",              role: "Weekly Visitor",              company: "Spokane Valley Resident",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg",              imageAlt: "Miguel Santos"
-            },
-            {
-              id: "testimonial-5",              name: "Rosa Hernandez",              role: "Event Host",              company: "Community Organizer",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663840.jpg",              imageAlt: "Rosa Hernandez"
-            },
-            {
-              id: "testimonial-6",              name: "Diego Flores",              role: "Seafood Lover",              company: "Restaurant Critic",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",              imageAlt: "Diego Flores"
-            }
-          ]}
-          kpiItems={[
-            { value: "4.9/5", label: "Average Rating" },
-            { value: "500+", label: "Happy Customers" },
-            { value: "15 Years", label: "Community Trust" }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          containerClassName="py-16 md:py-24"
-          textBoxTitleClassName="text-4xl md:text-5xl font-extrabold text-foreground"
-          textBoxDescriptionClassName="text-lg text-foreground/70 mt-2"
-          textBoxTagClassName="text-primary-cta font-semibold"
-          cardClassName="p-6 rounded-xl"
-          ratingClassName="text-primary-cta font-bold"
-          nameClassName="text-lg font-bold text-foreground mt-3"
-          roleClassName="text-sm text-foreground/70"
-          companyClassName="text-xs text-foreground/50 mt-1"
-        />
+        <div className="w-full bg-background/50 py-16 md:py-24">
+          <div className="max-w-6xl mx-auto px-4">
+            <div className="mb-12">
+              <p className="text-primary-cta font-semibold mb-2">Menu Gallery</p>
+              <h2 className="text-4xl md:text-5xl font-extrabold text-foreground mb-4">Our Menu</h2>
+              <p className="text-lg text-foreground/70">Browse our complete menu of authentic Mexican seafood dishes</p>
+            </div>
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              {[
+                {
+                  id: "menu-1",                  src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-nxkivr1l.jpg",                  alt: "Menu Page 1"
+                },
+                {
+                  id: "menu-2",                  src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-z5zcdzr7.jpg",                  alt: "Menu Page 2"
+                },
+                {
+                  id: "menu-3",                  src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-lmmbhlch.jpg",                  alt: "Menu Page 3"
+                },
+                {
+                  id: "menu-4",                  src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-gdotl1bc.jpg",                  alt: "Menu Page 4"
+                }
+              ].map((menu) => (
+                <div
+                  key={menu.id}
+                  className="relative group cursor-pointer overflow-hidden rounded-xl shadow-lg hover:shadow-xl transition-all duration-300"
+                  onClick={() => {
+                    const modal = document.getElementById(`modal-${menu.id}`);
+                    if (modal) modal.classList.remove('hidden');
+                  }}
+                >
+                  <img
+                    src={menu.src}
+                    alt={menu.alt}
+                    className="w-full h-auto object-cover group-hover:scale-105 transition-transform duration-300"
+                  />
+                  <div className="absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-all duration-300 flex items-center justify-center">
+                    <span className="text-white font-semibold text-lg opacity-0 group-hover:opacity-100 transition-opacity duration-300">
+                      Click to Enlarge
+                    </span>
+                  </div>
+                </div>
+              ))}
+            </div>
+            {/* Modal for enlarged images */}
+            {[
+              {
+                id: "menu-1",                src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-nxkivr1l.jpg",                alt: "Menu Page 1"
+              },
+              {
+                id: "menu-2",                src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-z5zcdzr7.jpg",                alt: "Menu Page 2"
+              },
+              {
+                id: "menu-3",                src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-lmmbhlch.jpg",                alt: "Menu Page 3"
+              },
+              {
+                id: "menu-4",                src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Am2LJhLLWUokyhthLvKyFV0QpK/uploaded-1773513245125-gdotl1bc.jpg",                alt: "Menu Page 4"
+              }
+            ].map((menu) => (
+              <div
+                key={`modal-${menu.id}`}
+                id={`modal-${menu.id}`}
+                className="hidden fixed inset-0 bg-black/80 z-50 flex items-center justify-center p-4"
+                onClick={(e) => {
+                  if (e.target === e.currentTarget) {
+                    e.currentTarget.classList.add('hidden');
+                  }
+                }}
+              >
+                <div className="relative max-w-4xl max-h-[90vh] w-full">
+                  <img
+                    src={menu.src}
+                    alt={menu.alt}
+                    className="w-full h-auto max-h-[90vh] object-contain"
+                  />
+                  <button
+                    onClick={() => {
+                      const modal = document.getElementById(`modal-${menu.id}`);
+                      if (modal) modal.classList.add('hidden');
+                    }}
+                    className="absolute top-4 right-4 bg-white text-black rounded-full w-10 h-10 flex items-center justify-center font-bold hover:bg-foreground hover:text-white transition-all"
+                  >
+                    ✕
+                  </button>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
       </div>
 
       <div id="footer" data-section="footer">
-- 
2.49.1