src/pages/HomePage.tsx

@@ -6,10 +6,12 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
 import FaqSection from './HomePage/sections/Faq';
 import ReservationsCtaSection from './HomePage/sections/ReservationsCta';
 
-export default function HomePage(): React.JSX.Element {
+
+import MenuSection from './HomePage/sections/Menu';export default function HomePage(): React.JSX.Element {
   return (
     <>
       <HeroSection />
+      <MenuSection />
       <ReservationsCtaSection />
       <FeaturesSection />
       <ProductsSection />

src/pages/HomePage/sections/Menu.tsx

@@ -0,0 +1,196 @@
+import ScrollReveal from "@/components/ui/ScrollReveal";
+
+const menuData = [
+  {
+    title: "Tacos",
+    desc: "Three to an order. Add a Platter Plate (rice, beans, Mexican salad) to any order — $4.95",
+    items: [
+      { n: "Chicken", d: "Cheese, cranberry salsa, lettuce, tomato, pickled red cabbage", p: "$15" },
+      { n: "Pork Carnitas", d: "Cheese, pineapple, lettuce, tomato, pickled red cabbage", p: "$15" },
+      { n: "Sirloin", d: "Cheese, chimichurri, lettuce, tomato, pickled red cabbage", p: "$17" },
+      { n: "Mahi Mahi", d: "Grilled, blackened, or fried, with mango salsa, guacamole, lettuce, tomato, pickled red cabbage", p: "$17" },
+      { n: "Shrimp", d: "Fried, with chipotle cream, tomato, lettuce, pickled red cabbage, guacamole", p: "$16" },
+      { n: "Vegetarian", d: "Add to Vegetarian Tacos: Chicken +$4 · Sirloin +$6 · Mahi Mahi +$6", p: "$14" }
+    ]
+  },
+  {
+    title: "Street Tacos",
+    desc: "Classic streets — 3 tacos on soft-shell corn tortillas with raw onion, cilantro, and lime. Add a Platter Plate — $4.95",
+    items: [
+      { n: "Chicken Streets", p: "$14" },
+      { n: "Pork Carnitas Streets", p: "$14" },
+      { n: "Chorizo Streets", p: "$14" },
+      { n: "Sirloin Streets", p: "$16" },
+      { n: "Grilled Shrimp Streets", p: "$15" },
+      { n: "Ground Beef Hard Shell", d: "lettuce, tomato, cheese, sour cream, hard shell corn tortillas", p: "$13" },
+      { n: "Onion, Pepper & Black Bean", p: "$13" }
+    ]
+  },
+  {
+    title: "Pepper & Onion Fajitas",
+    desc: "Seasoned with chimichurri, served with lettuce, cabbage, cheese, sour cream, pico de gallo, guacamole, and flour tortillas. Add a Platter Plate — $4.95",
+    items: [
+      { n: "Chicken", p: "$21" },
+      { n: "Steak", p: "$24" },
+      { n: "Mahi Mahi", d: "grilled or blackened", p: "$24" },
+      { n: "Vegetarian", d: "onion, peppers, squash, zucchini", p: "$18" },
+      { n: "Shrimp", p: "$22" },
+      { n: "Combo Fajita", d: "pick two meats", p: "$25" }
+    ]
+  },
+  {
+    title: "Casita Burritos",
+    desc: "Add a Platter Plate to any order — $4.95",
+    items: [
+      { n: "Cheese, Refried Beans & Rice", d: "Add onions/peppers +$2", p: "$10.95" },
+      { n: "Chicken, Ground Beef, or Chorizo", d: "Rice, refried beans, cheese", p: "$14.95" },
+      { n: "Steak", d: "Rice, refried beans, cheese", p: "$16.95" },
+      { n: "Shrimp or Pork", d: "Rice, refried beans, cheese", p: "$15.95" },
+      { n: "Monster Burrito — Chicken, Ground Beef, or Chorizo", d: "13\", cheese, onion, peppers, rice, refried beans, guacamole, sour cream, lettuce, tomato", p: "$18.50" },
+      { n: "Monster Burrito — Steak", d: "Same as above", p: "$20.50" },
+      { n: "Monster Burrito — Vegetarian", d: "Same as above", p: "$14.50" },
+      { n: "Monster Burrito — Shrimp or Pork", d: "Same as above", p: "$19.50" }
+    ]
+  },
+  {
+    title: "Enchilada Plates",
+    desc: "Three enchiladas with pickled red cabbage, cucumber, lettuce, sour cream. Served with rice and Mexican salad. Choice of Salsa Verde, Ranchero, or both. Add a side of refried or black beans — $3",
+    items: [
+      { n: "Cheese & Bean", p: "$19" },
+      { n: "Chicken, Ground Beef, Chorizo, or Pork", p: "$22" },
+      { n: "Steak", p: "$23" },
+      { n: "Tinga el Carnal", d: "chorizo, chicken, pork, cheese, tomato, onion, peppers", p: "$26" },
+      { n: "Shrimp", p: "$24" },
+      { n: "Surf and Turf", d: "steak enchiladas topped with marinated onions, peppers & shrimp", p: "$26" }
+    ]
+  },
+  {
+    title: "Dinner Plates",
+    desc: "Served with Mexican salad and choice of Mexican potatoes, rice, or tostones",
+    items: [
+      { n: "Carne Asada", d: "Marinated skirt steak, cooked to order, topped with guacamole and chimichurri. Served with potatoes and Mexican salad. Make it Surf and Turf for $5 more — topped with onions, peppers, and marinated shrimp", p: "$34" }
+    ]
+  },
+  {
+    title: "Appetizers",
+    items: [
+      { n: "Chips and Queso", p: "$7" },
+      { n: "Guacamole & Chips", p: "$7" },
+      { n: "Queso Fundido con Chorizo", d: "Warm Monterey jack and cheddar dip, topped with tomato, sour cream, cilantro, and chorizo. Served with chips", p: "$12.95" },
+      { n: "Tequila Lime Glazed Shrimp", d: "Shrimp simmered in tequila lime sauce, served over cinnamon sugar dusted sweet plantains", p: "$12.95" },
+      { n: "Ground Beef Flauta", d: "Flour tortilla rolled with beef and cheese, deep fried. Served with sour cream and ranchero sauce", p: "$9" },
+      { n: "Mexican Flatbread", d: "Choice of chicken fajita or carnitas pork with salsa verde. Great for sharing!", p: "$14.95" },
+      { n: "Jalapeño Cornbread Mini Muffins", d: "Served with cinnamon maple butter", p: "$7.50" }
+    ]
+  },
+  {
+    title: "Mexican Salads",
+    items: [
+      { n: "Taco Salad", d: "Crispy flour bowl with lettuce, black beans, cheese, olives, sour cream, pico, guacamole, pickled cabbage, citrus vinaigrette. Add: seasonal vegetables +$3 · chicken, chorizo, or ground beef +$4 · pork or shrimp +$5 · mahi or steak +$6", p: "$15" },
+      { n: "Mexican Salad", d: "Lettuce, pico, cheese, cucumbers, pickled cabbage, citrus vinaigrette. Add: seasonal vegetables +$3 · chicken, chorizo, or ground beef +$4 · pork or shrimp +$5 · steak or mahi +$6", p: "$12.50" },
+      { n: "Mexican Salad Side", d: "smaller version. Same add-on pricing as above", p: "$5.95" }
+    ]
+  },
+  {
+    title: "Quesadilla Grande",
+    desc: "Add a Platter Plate — $4.95",
+    items: [
+      { n: "Cheese", p: "$11" },
+      { n: "Veggie", d: "onion, pepper, tomato", p: "$13" },
+      { n: "Chicken", d: "add veg +$2", p: "$15" },
+      { n: "Steak", d: "add veg +$2", p: "$17" },
+      { n: "Shrimp or Pork", d: "add veg +$2", p: "$17" }
+    ]
+  },
+  {
+    title: "Nachos",
+    desc: "Add to either: chicken, ground beef, or chorizo +$4 · pork +$5 · sirloin/steak +$6",
+    items: [
+      { n: "Cheese", p: "$11" },
+      { n: "Casita", d: "cheese, black olives, jalapeños, pico de gallo, refried beans, sour cream, guacamole", p: "$11" }
+    ]
+  },
+  {
+    title: "Sides & Extras",
+    items: [
+      { n: "Rice & Beans", p: "$5" },
+      { n: "Just Rice", p: "$3" },
+      { n: "Just Beans", p: "$3" },
+      { n: "Pico de Gallo", p: "$2" },
+      { n: "Guacamole", p: "$2" },
+      { n: "Extra Hot Sauce", p: "$1" },
+      { n: "Mexican Salad", p: "$5.95" },
+      { n: "Queso", p: "$2" },
+      { n: "Sweet Plantains", p: "$5" },
+      { n: "Mexican Potatoes", p: "$4" }
+    ]
+  },
+  {
+    title: "Desserts",
+    items: [
+      { n: "Cheesecake Chimichanga", d: "Raspberry sauce and whipped cream", p: "$7" },
+      { n: "Tierrita", d: "Mexican chocolate mousse", p: "$6" },
+      { n: "Key Lime Pie", p: "$6" },
+      { n: "Churros", p: "$6" },
+      { n: "Warm Toffee Cake", p: "$6" }
+    ]
+  }
+];
+
+export default function MenuSection() {
+  return (
+    <section data-webild-section="menu" className="relative w-full py-24 bg-background" id="menu">
+      <div className="w-content-width mx-auto">
+        <ScrollReveal variant="fade">
+          <div className="text-center mb-16">
+            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Dinner Menu</h2>
+          </div>
+        </ScrollReveal>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-12">
+          <div className="space-y-12">
+            {menuData.slice(0, 6).map((section, idx) => (
+              <ScrollReveal variant="fade" key={idx}>
+                <div className="card p-8">
+                  <h3 className="text-2xl font-bold text-foreground mb-2">{section.title}</h3>
+                  {section.desc && <p className="text-sm text-accent mb-6">{section.desc}</p>}
+                  <div className="space-y-4">
+                    {section.items.map((item, i) => (
+                      <div key={i} className="flex justify-between items-start">
+                        <div>
+                          <h4 className="font-bold text-foreground">{item.n}</h4>
+                          {item.d && <p className="text-sm text-accent">{item.d}</p>}
+                        </div>
+                        <span className="font-bold text-foreground ml-4 shrink-0">{item.p}</span>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </ScrollReveal>
+            ))}
+          </div>
+          <div className="space-y-12">
+            {menuData.slice(6).map((section, idx) => (
+              <ScrollReveal variant="fade" key={idx}>
+                <div className="card p-8">
+                  <h3 className="text-2xl font-bold text-foreground mb-2">{section.title}</h3>
+                  {section.desc && <p className="text-sm text-accent mb-6">{section.desc}</p>}
+                  <div className="space-y-4">
+                    {section.items.map((item, i) => (
+                      <div key={i} className="flex justify-between items-start">
+                        <div>
+                          <h4 className="font-bold text-foreground">{item.n}</h4>
+                          {item.d && <p className="text-sm text-accent">{item.d}</p>}
+                        </div>
+                        <span className="font-bold text-foreground ml-4 shrink-0">{item.p}</span>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </ScrollReveal>
+            ))}
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}