Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -30,44 +30,32 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Menu", id: "#menu" },
-          name: "Menu",          id: "#menu"},
+        { name: "Experience", id: "#about" },
-        {
+        { name: "Visit Us", id: "#contact" },
-          name: "Experience",          id: "#about"},
-        {
-          name: "Visit Us",          id: "#contact"},
       ]}
       brandName="FIREFLY"
-      button={{
+      button={{ text: "Order Now", href: "#menu" }}
-          text: "Order Now",          href: "#menu"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
       title="Where Flavor Comes Alive 🔥"
       description="Juicy, perfectly cooked burgers. Crispy golden fries. A cozy vibe you’ll keep coming back for."
       buttons={[
-        {
+        { text: "View Menu", href: "#menu" },
-          text: "View Menu",          href: "#menu"},
+        { text: "Visit Us", href: "#contact" },
-        {
-          text: "Visit Us",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/young-woman-enjoying-some-street-food_23-2149009618.jpg"
       mediaAnimation="slide-up"
       marqueeItems={[
-        {
+        { type: "text", text: "Flame-Grilled Perfection" },
-          type: "text",          text: "Flame-Grilled Perfection"},
+        { type: "text", text: "Locally Sourced Beef" },
-        {
+        { type: "text", text: "Hand-Cut Fries" },
-          type: "text",          text: "Locally Sourced Beef"},
+        { type: "text", text: "Secret Spicy Sauce" },
-        {
+        { type: "text", text: "Craft Beverages" },
-          type: "text",          text: "Hand-Cut Fries"},
-        {
-          type: "text",          text: "Secret Spicy Sauce"},
-        {
-          type: "text",          text: "Craft Beverages"},
       ]}
     />
   </div>
@@ -78,21 +66,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Juicy, full of flavor, and cooked perfectly. You can tell they care about quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
-          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "Juicy, full of flavor, and cooked perfectly. You can tell they care about quality.",          rating: 5,
+        { id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Crispy fries, soft buns, and amazing burgers. Definitely coming back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"},
+        { id: "3", name: "Elena Rossi", handle: "@erossi", testimonial: "Great ambience, friendly staff, and a must-try for burger lovers.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
-        {
+        { id: "4", name: "David Kim", handle: "@dkim", testimonial: "The best burger spot in town. Truly lives up to the hype.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg" },
-          id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Crispy fries, soft buns, and amazing burgers. Definitely coming back.",          rating: 5,
+        { id: "5", name: "Ali Al-Farsi", handle: "@ali_f", testimonial: "Amazing experience, great quality, and super fresh ingredients.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg"},
-        {
-          id: "3",          name: "Elena Rossi",          handle: "@erossi",          testimonial: "Great ambience, friendly staff, and a must-try for burger lovers.",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg"},
-        {
-          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "The best burger spot in town. Truly lives up to the hype.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg"},
-        {
-          id: "5",          name: "Ali Al-Farsi",          handle: "@ali_f",          testimonial: "Amazing experience, great quality, and super fresh ingredients.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg"},
       ]}
       showRating={true}
       title="Loved by Our Fans"
@@ -107,18 +85,12 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Backfire Beef Burger", price: "14.99", imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg" },
-          id: "p1",          name: "Backfire Beef Burger",          price: "14.99",          imageSrc: "http://img.b2bpic.net/free-photo/knife-stuck-burger-metal-tray-roof_181624-2170.jpg"},
+        { id: "p2", name: "Spicy Chicken Burger", price: "12.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-chicken-burger-with-cheese-green-salad-wooden-desk-sandwich-fast-food-meal_140725-25932.jpg" },
-        {
+        { id: "p3", name: "Golden Fire Fries", price: "5.99", imageSrc: "http://img.b2bpic.net/free-photo/white-bowl-with-potato-straw-background_58702-2050.jpg" },
-          id: "p2",          name: "Spicy Chicken Burger",          price: "12.99",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-chicken-burger-with-cheese-green-salad-wooden-desk-sandwich-fast-food-meal_140725-25932.jpg"},
+        { id: "p4", name: "Firefly Combo", price: "19.99", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomato-sauce-fries-inside-wooden-tray_114579-3736.jpg" },
-        {
+        { id: "p5", name: "Classic Cheese Glow", price: "13.49", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheeseburger-with-meat-tomatoes-green-salad-dark-background-fast-food-meal-snack-french-fries-dinner-dish-sandwich_140725-156237.jpg" },
-          id: "p3",          name: "Golden Fire Fries",          price: "5.99",          imageSrc: "http://img.b2bpic.net/free-photo/white-bowl-with-potato-straw-background_58702-2050.jpg"},
+        { id: "p6", name: "Double Trouble Patty", price: "17.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg" },
-        {
-          id: "p4",          name: "Firefly Combo",          price: "19.99",          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-tomato-sauce-fries-inside-wooden-tray_114579-3736.jpg"},
-        {
-          id: "p5",          name: "Classic Cheese Glow",          price: "13.49",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheeseburger-with-meat-tomatoes-green-salad-dark-background-fast-food-meal-snack-french-fries-dinner-dish-sandwich_140725-156237.jpg"},
-        {
-          id: "p6",          name: "Double Trouble Patty",          price: "17.99",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-burger-with-egg-table_23-2148678850.jpg"},
       ]}
       title="Signature Menu"
       description="Taste the flame-grilled magic with our curated selection of signature favorites."
@@ -130,7 +102,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Why Firefly?"
       description={[
-        "Every burger hits that juicy, flavorful sweet spot.",        "No long waits. Just great food, fast.",        "Relaxed, modern vibe for friends & family.",        "You can taste the difference in every bite."]}
+        "Every burger hits that juicy, flavorful sweet spot.",        "No long waits. Just great food, fast.",        "Relaxed, modern vibe for friends & family.",        "You can taste the difference in every bite."
+      ]}
     />
   </div>
 
@@ -141,16 +114,11 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "15k+", description: "Burgers Served" },
-          id: "m1",          value: "15k+",          description: "Burgers Served"},
+        { id: "m2", value: "4.8", description: "Average Rating" },
-        {
+        { id: "m3", value: "20min", description: "Avg Wait Time" },
-          id: "m2",          value: "4.8",          description: "Average Rating"},
+        { id: "m4", value: "500+", description: "Happy Daily Diners" },
-        {
+        { id: "m5", value: "3", description: "Local Locations" },
-          id: "m3",          value: "20min",          description: "Avg Wait Time"},
-        {
-          id: "m4",          value: "500+",          description: "Happy Daily Diners"},
-        {
-          id: "m5",          value: "3",          description: "Local Locations"},
       ]}
       title="Our Impact"
       description="Numbers behind the glow."
@@ -162,16 +130,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "Do I need a reservation?", content: "We welcome walk-ins anytime! For large groups, it's best to call ahead." },
-          id: "f1",          title: "Do I need a reservation?",          content: "We welcome walk-ins anytime! For large groups, it's best to call ahead."},
+        { id: "f2", title: "Is parking available?", content: "Yes, plenty of parking space is available right outside." },
-        {
+        { id: "f3", title: "Are you family-friendly?", content: "Absolutely! We have a cozy, inclusive vibe perfect for all ages." },
-          id: "f2",          title: "Is parking available?",          content: "Yes, plenty of parking space is available right outside."},
+        { id: "f4", title: "Do you offer delivery?", content: "We partner with all major delivery platforms for your convenience." },
-        {
+        { id: "f5", title: "Do you have vegetarian options?", content: "Yes, our plant-based patty is just as flame-grilled and delicious as our beef." },
-          id: "f3",          title: "Are you family-friendly?",          content: "Absolutely! We have a cozy, inclusive vibe perfect for all ages."},
-        {
-          id: "f4",          title: "Do you offer delivery?",          content: "We partner with all major delivery platforms for your convenience."},
-        {
-          id: "f5",          title: "Do you have vegetarian options?",          content: "Yes, our plant-based patty is just as flame-grilled and delicious as our beef."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stone-walled-restaurant-top-lighting_140725-9731.jpg"
       title="Common Questions"
@@ -184,14 +147,12 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
       tag="Visit Us"
       title="Ready to Taste the Glow?"
       description="Come experience Firefly tonight for the ultimate burger experience."
       buttons={[
-        {
+        { text: "Get Directions", href: "#" },
-          text: "Get Directions",          href: "#"},
       ]}
     />
   </div>
@@ -201,26 +162,20 @@ export default function LandingPage() {
       columns={[
         {
           title: "Explore",          items: [
-            {
+            { label: "Menu", href: "#menu" },
-              label: "Menu",              href: "#menu"},
+            { label: "About", href: "#about" },
-            {
-              label: "About",              href: "#about"},
           ],
         },
         {
           title: "Connect",          items: [
-            {
+            { label: "Instagram", href: "#" },
-              label: "Instagram",              href: "#"},
+            { label: "Twitter", href: "#" },
-            {
-              label: "Twitter",              href: "#"},
           ],
         },
         {
           title: "Legal",          items: [
-            {
+            { label: "Privacy Policy", href: "#" },
-              label: "Privacy Policy",              href: "#"},
+            { label: "Terms of Service", href: "#" },
-            {
-              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}