From fd513864ad8efb61df75bbf073fa622fa7969f99 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 16:43:32 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 114 ++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 87 insertions(+), 27 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bed7d36..685f917 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,9 +8,55 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Flame, Star, Heart, MessageCircle, Mail } from 'lucide-react';
+import { Flame, Star, Heart, MessageCircle, Mail, ChevronDown } from 'lucide-react';
+import { useState } from 'react';
 
 export default function LandingPage() {
+  const [expandedCategory, setExpandedCategory] = useState<string | null>(null);
+
+  const menuCategories = [
+    {
+      id: 'tacos',
+      name: 'Tacos',
+      items: [
+        { id: 't1', name: 'Carnitas Tacos', price: '$6.99' },
+        { id: 't2', name: 'Al Pastor Tacos', price: '$6.99' },
+        { id: 't3', name: 'Fish Tacos', price: '$7.99' },
+        { id: 't4', name: 'Crispy Tacos', price: '$5.99' },
+      ]
+    },
+    {
+      id: 'burritos',
+      name: 'Burritos',
+      items: [
+        { id: 'b1', name: 'Chicken Burrito', price: '$8.99' },
+        { id: 'b2', name: 'Beef Burrito', price: '$9.99' },
+        { id: 'b3', name: 'Veggie Burrito', price: '$7.99' },
+        { id: 'b4', name: 'Super Burrito', price: '$10.99' },
+      ]
+    },
+    {
+      id: 'bowls',
+      name: 'Bowls',
+      items: [
+        { id: 'bo1', name: 'Chicken Bowl', price: '$8.99' },
+        { id: 'bo2', name: 'Beef Bowl', price: '$9.99' },
+        { id: 'bo3', name: 'Veggie Bowl', price: '$7.99' },
+        { id: 'bo4', name: 'Seafood Bowl', price: '$10.99' },
+      ]
+    },
+    {
+      id: 'sides',
+      name: 'Sides',
+      items: [
+        { id: 's1', name: 'Guacamole', price: '$2.99' },
+        { id: 's2', name: 'Chips & Salsa', price: '$3.99' },
+        { id: 's3', name: 'Elote', price: '$4.99' },
+        { id: 's4', name: 'Churros', price: '$3.99' },
+      ]
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -59,32 +105,46 @@ export default function LandingPage() {
       </div>
 
       <div id="menu" data-section="menu">
-        <ProductCardThree
-          title="Our Menu"
-          description="Handcrafted meals made fresh to order. Indulge in our signature dishes that keep customers coming back."
-          tag="Bestsellers"
-          tagIcon={Star}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          products={[
-            {
-              id: "1",              name: "Classic Cheeseburger",              price: "$8.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARSi2FifFdQBgGczVkYKsRxFoV/uploaded-1772554984955-x2nggqqj.jpg",              imageAlt: "Classic cheeseburger",              initialQuantity: 1
-            },
-            {
-              id: "2",              name: "Golden Fries",              price: "$3.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARSi2FifFdQBgGczVkYKsRxFoV/uploaded-1772554984956-lj70zz7m.jpg",              imageAlt: "Crispy golden fries",              initialQuantity: 1
-            },
-            {
-              id: "3",              name: "Crispy Fried Chicken",              price: "$9.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARSi2FifFdQBgGczVkYKsRxFoV/uploaded-1772554984956-v0254196.jpg",              imageAlt: "Fried chicken plate",              initialQuantity: 1
-            },
-            {
-              id: "4",              name: "Delicious Pizza",              price: "$11.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARSi2FifFdQBgGczVkYKsRxFoV/uploaded-1772554984956-iaxty2ut.jpg",              imageAlt: "Delicious pizza",              initialQuantity: 1
-            }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          buttons={[{ text: "See All Items", href: "#" }]}
-        />
+        <div className="px-4 py-16 md:py-24">
+          <div className="mx-auto max-w-6xl">
+            <div className="mb-12 text-center">
+              <p className="text-sm font-medium text-primary-cta mb-2">Bestsellers</p>
+              <h2 className="text-4xl md:text-5xl font-bold mb-4">Our Menu</h2>
+              <p className="text-lg text-foreground/80">Handcrafted meals made fresh to order. Indulge in our signature dishes that keep customers coming back.</p>
+            </div>
+
+            <div className="space-y-4">
+              {menuCategories.map((category) => (
+                <div key={category.id} className="border border-accent rounded-lg overflow-hidden">
+                  <button
+                    onClick={() => setExpandedCategory(expandedCategory === category.id ? null : category.id)}
+                    className="w-full px-6 py-4 flex items-center justify-between bg-card hover:bg-accent/10 transition-colors"
+                  >
+                    <span className="text-lg font-semibold text-foreground">{category.name}</span>
+                    <ChevronDown
+                      className={`w-5 h-5 text-primary-cta transition-transform duration-300 ${
+                        expandedCategory === category.id ? 'rotate-180' : ''
+                      }`}
+                    />
+                  </button>
+
+                  {expandedCategory === category.id && (
+                    <div className="bg-background/50 border-t border-accent px-6 py-4">
+                      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        {category.items.map((item) => (
+                          <div key={item.id} className="flex justify-between items-center p-3 bg-card rounded border border-accent/20">
+                            <span className="text-foreground font-medium">{item.name}</span>
+                            <span className="text-primary-cta font-semibold">{item.price}</span>
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
       </div>
 
       <div id="features" data-section="features">
-- 
2.49.1