Menu & Order Section<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Custom configuration for Tailwind colors and font *\/\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n \/* Only need the primary blue color defined as a custom utility *\/\r\n 'primary-blue': '#1c2d59', \/* Dark navy\/blue for titles *\/\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n boxShadow: {\r\n '3xl': '0 35px 60px -15px rgba(0, 0, 0, 0.2)',\r\n }\r\n }\r\n }\r\n }\r\n \r\n \/* * START: Custom CSS from BAR Button Settings.pdf \r\n * This defines the custom colors and text styles used in the button classes.\r\n *\/\r\n \r\n \/* Custom button background colors *\/\r\n .bg-button-green {\r\n background-color: #bcd701; \/* Light green\/yellow default background *\/\r\n }\r\n\r\n .hover\\:bg-golden:hover {\r\n background-color: #E6B93F; \/* Golden\/Mustard on hover *\/\r\n }\r\n\r\n \/* Custom text color *\/\r\n .text-dark-grey {\r\n color: #4A5568; \/* Dark grey text color *\/\r\n }\r\n \r\n \/* Crucial for maintaining dark grey text color on hover (overriding default link behavior) *\/\r\n .text-dark-grey:hover {\r\n color: #4A5568 !important;\r\n }\r\n\r\n \/* * END: Custom CSS from BAR Button Settings.pdf \r\n *\/\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 font-sans min-h-screen\">\r\n\r\n \r\n <div id=\"catering-cta\" class=\"max-w-7xl mx-auto px-4 py-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex flex-col lg:flex-row gap-8 justify-center items-stretch\">\r\n\r\n \r\n <div class=\"flex flex-col items-center p-8 bg-white rounded-xl shadow-2xl lg:w-[480px] w-full transform transition duration-300 hover:shadow-3xl\">\r\n \r\n <h2 class=\"text-4xl font-extrabold text-primary-blue mb-4 tracking-tight text-center\">OUR MENU<\/h2>\r\n \r\n <p class=\"text-base text-gray-600 text-center mb-8 max-w-sm\">\r\n Explore our full menu, featuring our famous, slow-roasted sandwiches, customizable deli platters, and fresh, vibrant salad options perfect for any event.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/beefaroo.com\/wp-content\/uploads\/2025\/11\/Beef-A-Roo-Catering-Menu.pdf\" target=\"_blank\"\r\n class=\"inline-block py-4 px-8 lg:px-12 rounded-md bg-button-green text-dark-grey font-extrabold text-lg uppercase shadow-md transition duration-300 transform hover:scale-105 hover:bg-golden text-center\">\r\n SEE THE MENU\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col items-center p-8 bg-white rounded-xl shadow-2xl lg:w-[480px] w-full transform transition duration-300 hover:shadow-3xl\">\r\n \r\n <h2 class=\"text-4xl font-extrabold text-primary-blue mb-4 tracking-tight text-center\">ORDER TODAY<\/h2>\r\n \r\n <p class=\"text-base text-gray-600 text-center mb-8 max-w-sm\">\r\n Ready to feed your crew? Choose from individually packaged Box Lunches or large-format Platters. Order online now for simple pickup or local delivery.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/beefaroocatering.square.site\/\" class=\"inline-block py-4 px-8 lg:px-12 rounded-md bg-button-green text-dark-grey font-extrabold text-lg uppercase shadow-md transition duration-300 transform hover:scale-105 hover:bg-golden mb-4 text-center\" target=\"_blank\" rel=\"noopener\">\r\n Rockford, IL CATERING\r\n <\/a>\r\n \r\n <a href=\"https:\/\/www.ezcater.com\/brand\/pvt\/beefaroo\" class=\"inline-block py-4 px-8 lg:px-12 rounded-md bg-button-green text-dark-grey font-extrabold text-lg uppercase shadow-md transition duration-300 transform hover:scale-105 hover:bg-golden text-center\" target=\"_blank\" rel=\"noopener\">\r\n ALL REGIONAL CATERING\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f2ca73 e-con-full e-flex e-con e-parent\" data-id=\"5f2ca73\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47b3af0 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"47b3af0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Simple Catering Steps<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n colors: {\r\n 'soft-gray': '#fcfcfc',\r\n 'light-green-bg': '#f5fff5',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n \/* Apply Inter font and smooth rendering *\/\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-soft-gray min-h-screen\">\r\n\r\n \r\n <div class=\"flex flex-col items-center pt-4 pb-4 px-4 sm:px-6 lg:px-8\">\r\n \r\n \r\n <div class=\"max-w-4xl text-center mb-6 md:mb-8\">\r\n <h1 class=\"text-3xl sm:text-5xl font-black text-gray-800 mb-4 tracking-tight uppercase\">\r\n SIMPLE CATERING IN 3 STEPS\r\n <\/h1>\r\n \r\n <p class=\"hidden sm:block mt-4 text-lg text-gray-600 max-w-2xl mx-auto\">\r\n From your first inquiry to the event day, we make planning your group meal stress-free.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n \r\n <div class=\"max-w-6xl w-full grid grid-cols-1 gap-8 md:grid-cols-3\">\r\n\r\n \r\n <div class=\"bg-light-green-bg p-6 sm:p-8 rounded-xl shadow-lg transition duration-300 hover:shadow-xl flex flex-col items-center text-center\">\r\n \r\n \r\n <div class=\"flex items-center justify-center w-14 h-14 mb-6 rounded-full border-2 border-green-400 bg-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2m-9 0V3h4v2m-4 0h4m-4 4h9m-9 4h9m-9 4h9\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <h3 class=\"text-xl font-bold text-gray-800 mb-4\">\r\n 1. Plan Your Menu\r\n <\/h3>\r\n\r\n \r\n <p class=\"text-sm text-gray-700\">\r\n Click the \"Order Today\" button, based on your location, to visit our full online catering menu. Browse our selections, customize your options, and choose the quantities you need for your event size.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-light-green-bg p-6 sm:p-8 rounded-xl shadow-lg transition duration-300 hover:shadow-xl flex flex-col items-center text-center\">\r\n \r\n \r\n <div class=\"flex items-center justify-center w-14 h-14 mb-6 rounded-full border-2 border-green-400 bg-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <h3 class=\"text-xl font-bold text-gray-800 mb-4\">\r\n 2. Confirm the Details\r\n <\/h3>\r\n\r\n \r\n <p class=\"text-sm text-gray-700\">\r\n During checkout, simply select your desired date and time for pickup or delivery. Confirm your location and provide any logistical instructions.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-light-green-bg p-6 sm:p-8 rounded-xl shadow-lg transition duration-300 hover:shadow-xl flex flex-col items-center text-center\">\r\n \r\n \r\n <div class=\"flex items-center justify-center w-14 h-14 mb-6 rounded-full border-2 border-green-400 bg-white\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n <\/svg>\r\n <\/div>\r\n\r\n \r\n <h3 class=\"text-xl font-bold text-gray-800 mb-4\">\r\n 3. Enjoy Your Event\r\n <\/h3>\r\n\r\n \r\n <p class=\"text-sm text-gray-700\">\r\n We deliver your fresh, delicious food directly to your location, on time and ready to impress your guests. Sit back and take the credit!\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afae91e e-flex e-con-boxed e-con e-parent\" data-id=\"afae91e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1baca53 elementor-widget elementor-widget-html\" data-id=\"1baca53\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Beef-A-Roo Catering<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Using Tailwind's 'Inter' font as default *\/\r\n html { font-family: 'Inter', sans-serif; }\r\n\r\n \/* Custom Tailwind colors *\/\r\n .bg-beefaroo-green { background-color: #BCD701; }\r\n .text-beefaroo-green { color: #BCD701; }\r\n .border-beefaroo-green { border-color: #BCD701; }\r\n .hover\\:bg-beefaroo-green-darker:hover { background-color: #A3BF00; } \/* Slightly darker green for hover *\/\r\n .bg-beefaroo-green-lightest { background-color: #F8FFD4; } \/* Very light green for subtle backgrounds *\/\r\n .focus\\:ring-beefaroo-green-light { --tw-ring-color: #BCD701; } \/* Ring color for focus *\/\r\n .border-beefaroo-green-dark { border-color: #A3BF00; } \/* Darker green for borders *\/\r\n \r\n \/* FIX: Defining the text color for the darker green, using the same color as the dark border *\/\r\n .text-beefaroo-green-dark { color: #A3BF00; }\r\n\r\n \/* --- Custom Button Styles from BAR Button Settings.pdf --- *\/\r\n .bg-button-green { background-color: #bcd701; } \/* Light green\/yellow default background *\/\r\n .hover\\:bg-golden:hover { background-color: #E6B93F; } \/* Golden\/Mustard on hover *\/\r\n .text-dark-grey { color: #4A5568; } \/* Dark grey text color *\/\r\n \/* Crucial for maintaining dark grey text color on hover (overriding default link behavior) *\/\r\n .text-dark-grey:hover { color: #4A5568 !important; }\r\n \/* ----------------------------------------------------------- *\/\r\n\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n<section id=\"catering-overview\" class=\"py-8 px-4 sm:px-6 lg:px-8 font-inter\">\r\n <div class=\"max-w-6xl mx-auto bg-white p-6 md:p-12 shadow-lg rounded-2xl border-t-4 border-beefaroo-green\">\r\n \r\n <h2 class=\"subsection-title text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-8\">Our Catering Favorites<\/h2>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-gray-800 mb-2\">Signature Trays<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Hot Sliced Roast Beef<\/p>\r\n <p class=\"text-gray-600 text-sm\">Our Classic Roast Beef, sliced hot and ready to serve with assorted buns and cheeses on the side. A true Beef-A-Roo original.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Large Groups & Classic Appeal<\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-gray-800 mb-2\">Bite-Sized<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Chicken Strip Tray<\/p>\r\n <p class=\"text-gray-600 text-sm\">Beef-A-Roo\u2019s signature chicken strips, served with a variety of dipping sauces.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Casual Gatherings & Game Days<\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-gray-800 mb-2\">Custom Meals<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Baked Potato Bar<\/p>\r\n <p class=\"text-gray-600 text-sm\">A fun, interactive option! Baked potatoes served with sides of sour cream, butter, shredded cheese, and crumbled bacon.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Business Luncheons<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <div class=\"mt-12\">\r\n <div class=\"w-full\">\r\n <picture>\r\n <source media=\"(max-width: 767px)\" srcset=\"https:\/\/beefaroo.com\/wp-content\/uploads\/2025\/11\/image.png\">\r\n <img decoding=\"async\" src=\"https:\/\/beefaroo.com\/wp-content\/uploads\/2025\/11\/image-91.png\" \r\n alt=\"Beefaroo Catering Spread - Assortment of menu items.\" \r\n class=\"w-full h-48 object-cover rounded-2xl shadow-md border-2 border-beefaroo-green\"\/>\r\n <\/picture>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-12 grid md:grid-cols-2 gap-8\">\r\n <div>\r\n <h2 class=\"subsection-title text-xl md:text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-6\">Flexible Ordering Formats<\/h2>\r\n\r\n <ul class=\"service-list space-y-4 text-gray-700 pl-5 list-disc\">\r\n <li class=\"pl-2\">\r\n <strong>Individual Boxes:<\/strong> Perfect for working lunches, including your choice of sandwich, wrap, or salad, plus a side and dessert.\r\n <\/li>\r\n <li class=\"pl-2\">\r\n <strong>Catering Packages:<\/strong> Pre-set menus for groups (like our Chicken Strips Package, serving 25\u201330 people).\r\n <\/li>\r\n <li class=\"pl-2\">\r\n <strong>Bulk Trays:<\/strong> Generous portions of our best entrees, sides, and desserts.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div>\r\n <h3 class=\"delivery-title text-xl md:text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-6\">Delivery & Logistics<\/h3>\r\n <ul class=\"delivery-details space-y-4 text-gray-700\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"w-6 h-6 text-beefaroo-green mr-3 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <div>\r\n <strong>Fast & Fresh:<\/strong> Your order is prepared fresh and delivered on time, hot and ready to serve.\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"w-6 h-6 text-beefaroo-green mr-3 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <div>\r\n <strong>Delivery Policy:<\/strong> Delivery is typically <strong>free on all orders of $100 or more<\/strong>. <em class=\"text-sm text-gray-500\">(A small fee may apply for smaller orders or distances over 10 miles. Please check our ordering page for exact details.)<\/em>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-12 text-center p-8 rounded-2xl shadow-xl border border-beefaroo-green-dark\">\r\n <h2 class=\"text-2xl sm:text-4xl font-black text-gray-800 mb-3\">Ready to Order?<\/h2>\r\n <p class=\"text-base sm:text-lg text-gray-700 mb-6 max-w-2xl mx-auto\">\r\n Let Beef-A-Roo handle the food, so you can focus on your event. Explore our full menu and request a quote today!\r\n <\/p>\r\n \r\n<div class=\"mt-1 flex justify-center\">\r\n <a href=\"https:\/\/beefaroo.com\/catering\/#catering-cta\" class=\"inline-block py-4 px-12 rounded-xl bg-button-green text-dark-grey font-extrabold text-lg uppercase shadow-2xl transition duration-300 transform hover:scale-105 hover:bg-golden focus:outline-none focus:ring-4 focus:ring-button-green focus:ring-opacity-50\">\r\n \r\n \r\n <span class=\"sm:hidden\">Order Now<\/span>\r\n \r\n \r\n <span class=\"hidden sm:inline\">Start Your Catering Order<\/span>\r\n <\/a>\r\n<\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f098c91 e-con-full e-flex e-con e-parent\" data-id=\"f098c91\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a3fc49 elementor-widget elementor-widget-html\" data-id=\"6a3fc49\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Customer Testimonials<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'primary-gray': '#343a40',\r\n 'star-green': '#65C232',\r\n },\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n body {\r\n background-color: #f8f9fa; \/* Light gray background to match the image *\/\r\n }\r\n \r\n \/* --- Custom Button Styles from BAR Button Settings.pdf --- *\/\r\n \r\n \/* Custom button background colors *\/\r\n .bg-button-green {\r\n background-color: #bcd701; \/* Light green\/yellow default background *\/\r\n }\r\n\r\n .hover\\:bg-golden:hover {\r\n background-color: #E6B93F; \/* Golden\/Mustard on hover *\/\r\n }\r\n \r\n \/* Custom text color *\/\r\n .text-dark-grey {\r\n color: #4A5568; \/* Dark grey text color *\/\r\n }\r\n\r\n \/* Crucial for maintaining dark grey text color on hover (overriding default link behavior) *\/\r\n .text-dark-grey:hover {\r\n color: #4A5568 !important;\r\n }\r\n\r\n \/* -------------------------------------------------------- *\/\r\n\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans antialiased\">\r\n\r\n \r\n \r\n <section class=\"py-4 px-4 sm:px-6 lg:px-8\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n\r\n \r\n <h2 class=\"text-2xl sm:text-3xl font-extrabold text-center tracking-tight text-primary-gray uppercase mb-12 md:mb-16\">\r\n WHAT OUR CUSTOMERS SAY\r\n <\/h2>\r\n\r\n \r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n\r\n \r\n <div class=\"bg-white p-6 sm:p-8 rounded-xl shadow-lg hover:shadow-2xl transition duration-300 transform hover:scale-[1.02] border border-gray-100\">\r\n \r\n <div class=\"text-star-green mb-4 flex\">\r\n \r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <p class=\"text-gray-600 italic text-base mb-6\">\r\n \"Beefaroo was a success! The group really enjoyed this spread, and it was a nice change of pace! The Roast Beef was really good!\"\r\n <\/p>\r\n\r\n \r\n <div>\r\n <p class=\"font-semibold text-primary-gray text-lg\">Christopher<\/p>\r\n <p class=\"text-sm text-gray-400\">Detroit, MI<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 sm:p-8 rounded-xl shadow-lg hover:shadow-2xl transition duration-300 transform hover:scale-[1.02] border border-gray-100\">\r\n \r\n <div class=\"text-star-green mb-4 flex\">\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <p class=\"text-gray-600 italic text-base mb-6\">\r\n \"I had limited options in Pittsburg for a lunch and picked Beefaroo and was pleasantly surprised. The harvest chicken salad was delicious and so were the sandwiches. I actually went to local Beefaroo to get that salad over the weekend.\"\r\n <\/p>\r\n\r\n \r\n <div>\r\n <p class=\"font-semibold text-primary-gray text-lg\">Tara<\/p>\r\n <p class=\"text-sm text-gray-400\">Pittsburg, KS<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white p-6 sm:p-8 rounded-xl shadow-lg hover:shadow-2xl transition duration-300 transform hover:scale-[1.02] border border-gray-100\">\r\n \r\n <div class=\"text-star-green mb-4 flex\">\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <svg class=\"w-5 h-5 fill-current\" viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14l-5-4.87 6.91-1.01L12 2z\"\/><\/svg>\r\n <\/div>\r\n\r\n \r\n <p class=\"text-gray-600 italic text-base mb-6\">\r\n \"This place was really good! 10\/10 would eat again, that lunch was fantastic!!\"\r\n <\/p>\r\n\r\n \r\n <div>\r\n <p class=\"font-semibold text-primary-gray text-lg\">Jamie<\/p>\r\n <p class=\"text-sm text-gray-400\">Kansas City, MO<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n\r\n<div class=\"mt-16 flex justify-center\">\r\n <a href=\"https:\/\/beefaroo.com\/catering\/#catering-cta\" class=\"inline-block py-4 px-12 rounded-xl bg-button-green text-dark-grey font-extrabold text-lg uppercase shadow-2xl transition duration-300 transform hover:scale-105 hover:bg-golden focus:outline-none focus:ring-4 focus:ring-button-green focus:ring-opacity-50\">\r\n \r\n \r\n <span class=\"sm:hidden\">Order Now<\/span>\r\n \r\n \r\n <span class=\"hidden sm:inline\">Start Your Catering Order<\/span>\r\n <\/a>\r\n<\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-919223a e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"919223a\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d7047d elementor-widget elementor-widget-heading\" data-id=\"4d7047d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LEGENDARY TASTE\nSIMPLE CATERING<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75d7aa2 elementor-widget elementor-widget-text-editor\" data-id=\"75d7aa2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>From quick business meetings to large parties, our menu is designed for flexibility and flavor. We feature our signature,<\/p><p>slow-roasted sandwiches, customizable deli platters, and fresh, vibrant salad options.<\/p><p>We handle the food so you can focus on your guests!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e9e796c e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"e9e796c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85d60f0 elementor-widget elementor-widget-html\" data-id=\"85d60f0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Beefaroo Catering<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Using Tailwind's 'Inter' font as default *\/\r\n html { font-family: 'Inter', sans-serif; }\r\n\r\n \/* Custom Tailwind colors *\/\r\n .bg-beefaroo-green { background-color: #BCD701; }\r\n .text-beefaroo-green { color: #BCD701; }\r\n .border-beefaroo-green { border-color: #BCD701; }\r\n .hover\\:bg-beefaroo-green-darker:hover { background-color: #A3BF00; } \/* Slightly darker green for hover *\/\r\n .bg-beefaroo-green-lightest { background-color: #F8FFD4; } \/* Very light green for subtle backgrounds *\/\r\n .focus\\:ring-beefaroo-green-light { --tw-ring-color: #BCD701; } \/* Ring color for focus *\/\r\n .border-beefaroo-green-dark { border-color: #A3BF00; } \/* Darker green for borders *\/\r\n \r\n \/* FIX: Defining the text color for the darker green, using the same color as the dark border *\/\r\n .text-beefaroo-green-dark { color: #A3BF00; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n<section id=\"catering-overview\" class=\"py-8 px-4 sm:px-6 lg:px-8 font-inter\">\r\n <div class=\"max-w-6xl mx-auto bg-white p-6 md:p-12 shadow-lg rounded-2xl border-t-4 border-beefaroo-green\">\r\n \r\n <h2 class=\"subsection-title text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-8\">Our Catering Favorites<\/h2>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Signature Trays<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Hot Sliced Roast Beef<\/p>\r\n <p class=\"text-gray-600 text-sm\">Our Classic Roast Beef, sliced hot and ready to serve with assorted buns and cheeses on the side. A true Beefaroo original.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Large Groups & Classic Appeal<\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Bite-Sized<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Chicken Strip Tray<\/p>\r\n <p class=\"text-gray-600 text-sm\">Beef-a-Roo\u2019s signature chicken strips, served with a variety of dipping sauces.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Casual Gatherings & Game Days<\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Custom Meals<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Baked Potato Bar<\/p>\r\n <p class=\"text-gray-600 text-sm\">A fun, interactive option! Baked potatoes served with sides of sour cream, butter, shredded cheese, and crumbled bacon.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Business Luncheons<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <div class=\"mt-12\">\r\n <div class=\"w-full\">\r\n <img decoding=\"async\" src=\"https:\/\/beefaroo.com\/wp-content\/uploads\/2025\/11\/image-91.png\" \r\n alt=\"Beefaroo Catering Spread - Assortment of menu items.\" \r\n class=\"w-full h-48 object-cover rounded-2xl shadow-md border-2 border-beefaroo-green\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mt-12 grid md:grid-cols-2 gap-8\">\r\n <div>\r\n <h2 class=\"subsection-title text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-6\">Flexible Ordering Formats<\/h2>\r\n\r\n <ul class=\"service-list space-y-4 text-gray-700 pl-5 list-disc\">\r\n <li class=\"pl-2\">\r\n <strong>Individual Boxes:<\/strong> Perfect for working lunches, including your choice of sandwich, wrap, or salad, plus a side and dessert.\r\n <\/li>\r\n <li class=\"pl-2\">\r\n <strong>Catering Packages:<\/strong> Pre-set menus for groups (like our Chicken Strips Package, serving 25\u201330 people).\r\n <\/li>\r\n <li class=\"pl-2\">\r\n <strong>Bulk Trays:<\/strong> Generous portions of our best entrees, sides, and desserts.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div>\r\n <h3 class=\"delivery-title text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-6\">Delivery & Logistics<\/h3>\r\n <ul class=\"delivery-details space-y-4 text-gray-700\">\r\n <li class=\"flex items-start\">\r\n <svg class=\"w-6 h-6 text-beefaroo-green mr-3 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <div>\r\n <strong>Fast & Fresh:<\/strong> Your order is prepared fresh and delivered on time, hot and ready to serve.\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n <svg class=\"w-6 h-6 text-beefaroo-green mr-3 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <div>\r\n <strong>Delivery Policy:<\/strong> Delivery is typically <strong>free on all orders of $100 or more<\/strong>. <em class=\"text-sm text-gray-500\">(A small fee may apply for smaller orders or distances over 10 miles. Please check our ordering page for exact details.)<\/em>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-759f65d e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"759f65d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f931328 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f931328\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Beefaroo Catering<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Using Tailwind's 'Inter' font as default *\/\r\n html { font-family: 'Inter', sans-serif; }\r\n\r\n \/* Custom Tailwind colors *\/\r\n .bg-beefaroo-green { background-color: #BCD701; }\r\n .text-beefaroo-green { color: #BCD701; }\r\n .border-beefaroo-green { border-color: #BCD701; }\r\n .hover\\:bg-beefaroo-green-darker:hover { background-color: #A3BF00; } \/* Slightly darker green for hover *\/\r\n .bg-beefaroo-green-lightest { background-color: #F8FFD4; } \/* Very light green for subtle backgrounds *\/\r\n .focus\\:ring-beefaroo-green-light { --tw-ring-color: #BCD701; } \/* Ring color for focus *\/\r\n .border-beefaroo-green-dark { border-color: #A3BF00; } \/* Darker green for borders *\/\r\n \r\n \/* FIX: Defining the text color for the darker green, using the same color as the dark border *\/\r\n .text-beefaroo-green-dark { color: #A3BF00; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-100\">\r\n\r\n\r\n\r\n<section id=\"catering-overview\" class=\"py-8 px-4 sm:px-6 lg:px-8 font-inter\">\r\n <div class=\"max-w-6xl mx-auto bg-white p-6 md:p-12 shadow-lg rounded-2xl border-t-4 border-beefaroo-green\">\r\n \r\n \r\n <h2 class=\"subsection-title text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-8\">Our Catering Favorites<\/h2>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\r\n\r\n \r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Signature Trays<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Hot Sliced Roast Beef<\/p>\r\n <p class=\"text-gray-600 text-sm\">Our Classic Roast Beef, sliced hot and ready to serve with assorted buns and cheeses on the side. A true Beefaroo original.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Large Groups & Classic Appeal<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Bite-Sized<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Chicken Strip Tray<\/p>\r\n <p class=\"text-gray-600 text-sm\">Beef-a-Roo\u2019s signature chicken strips, served with a variety of dipping sauces.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Casual Gatherings & Game Days<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Custom Meals<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Baked Potato Bar<\/p>\r\n <p class=\"text-gray-600 text-sm\">A fun, interactive option! Baked potatoes served with sides of sour cream, butter, shredded cheese, and crumbled bacon.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Business Luncheons<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Fresh & Healthy<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Premium Salad Bowls<\/p>\r\n <p class=\"text-gray-600 text-sm\">Large, fresh bowls perfect for a lighter option. Choose from favorites like our Santa Fe or Harvest Salad (serves 10-12).<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Team Lunches & Healthier Choices<\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gray-50 p-6 rounded-xl shadow-lg border-l-4 border-beefaroo-green hover:shadow-xl transition duration-300\">\r\n <h3 class=\"text-xl font-extrabold text-beefaroo-green-dark mb-2\">Sides & Wraps<\/h3>\r\n <p class=\"text-gray-900 font-semibold mb-3\">Cheesy Hashbrown Casserole & Wrap Tray<\/p>\r\n <p class=\"text-gray-600 text-sm\">Includes our popular casserole and a tray of top sellers like the Wild West Beef Wrap and Turkey Club Wrap.<\/p>\r\n <div class=\"hidden sm:inline-block mt-4 text-xs font-semibold uppercase tracking-wider bg-gray-700 text-white px-3 py-1 rounded-full\">Rounding Out Your Main Order<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"mt-12 grid md:grid-cols-2 gap-8\">\r\n <div>\r\n <h2 class=\"subsection-title text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-6\">Our Services: Easy Ordering<\/h2>\r\n\r\n <p class=\"text-gray-600 mb-4\">We make ordering simple, allowing you to choose from various formats:<\/p>\r\n <ul class=\"service-list space-y-4 text-gray-700 pl-5 list-disc\">\r\n <li class=\"pl-2\">\r\n <strong>Individual Boxes:<\/strong> Perfect for working lunches, including your choice of sandwich, wrap, or salad, plus a side and dessert.\r\n <\/li>\r\n <li class=\"pl-2\">\r\n <strong>Catering Packages:<\/strong> Pre-set menus for groups (like our Chicken Strips Package, serving 25\u201330 people).\r\n <\/li>\r\n <li class=\"pl-2\">\r\n <strong>Bulk Trays:<\/strong> Generous portions of our best entrees, sides, and desserts.\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n <div>\r\n <h3 class=\"delivery-title text-3xl font-bold text-gray-800 border-b-2 border-beefaroo-green pb-3 mb-6\">Delivery & Logistics<\/h3>\r\n <ul class=\"delivery-details space-y-4 text-gray-700\">\r\n <li class=\"flex items-start\">\r\n \r\n <svg class=\"w-6 h-6 text-beefaroo-green mr-3 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <div>\r\n <strong>Fast & Fresh:<\/strong> Your order is prepared fresh and delivered on time, hot and ready to serve.\r\n <\/div>\r\n <\/li>\r\n <li class=\"flex items-start\">\r\n \r\n <svg class=\"w-6 h-6 text-beefaroo-green mr-3 mt-1 flex-shrink-0\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <div>\r\n \r\n <strong>Delivery Policy:<\/strong> Delivery is typically <strong>free on all orders of $100 or more<\/strong>. <em class=\"text-sm text-gray-500\">(A small fee may apply for smaller orders or distances over 10 miles. Please check our ordering page for exact details.)<\/em>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b5aa17 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"3b5aa17\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bef51e3 elementor-widget elementor-widget-html\" data-id=\"bef51e3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Customer Testimonials Carousel<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Custom color for the button to match the original image's specific yellow-green tone *\/\r\n .bg-custom-green {\r\n background-color: #aed854; \/* Close approximation of the color in the image *\/\r\n transition: background-color 0.2s;\r\n }\r\n .bg-custom-green:hover {\r\n background-color: #9ecc46;\r\n }\r\n \/* Custom styling for carousel arrows *\/\r\n .carousel-arrow {\r\n \/* This gives the arrow a dark grey circle background *\/\r\n background-color: rgba(0, 0, 0, 0.1); \r\n width: 2.5rem;\r\n height: 2.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 9999px; \/* Full rounded circle *\/\r\n cursor: pointer;\r\n transition: background-color 0.2s, transform 0.2s;\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 10;\r\n }\r\n .carousel-arrow:hover {\r\n background-color: rgba(0, 0, 0, 0.2);\r\n }\r\n .carousel-arrow:active {\r\n transform: translateY(-50%) scale(0.95);\r\n }\r\n <\/style>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n },\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"font-sans bg-gray-50 min-h-screen\">\r\n\r\n <div class=\"container mx-auto px-4 py-16 max-w-5xl\">\r\n \r\n <h2 class=\"text-3xl sm:text-4xl font-extrabold text-gray-800 text-center uppercase tracking-wide mb-12\">\r\n WHAT OUR CUSTOMERS SAY\r\n <\/h2>\r\n\r\n \r\n <div id=\"testimonial-carousel\" class=\"relative\">\r\n \r\n \r\n <button id=\"prev-btn\" class=\"carousel-arrow left-0 md:-left-16 ml-2 md:ml-0\" aria-label=\"Previous testimonial\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 19l-7-7 7-7\" \/>\r\n <\/svg>\r\n <\/button>\r\n\r\n \r\n <div id=\"card-display\" class=\"w-full\">\r\n \r\n <\/div>\r\n\r\n \r\n <button id=\"next-btn\" class=\"carousel-arrow right-0 md:-right-16 mr-2 md:mr-0\" aria-label=\"Next testimonial\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\" \/>\r\n <\/svg>\r\n <\/button>\r\n \r\n \r\n <div id=\"indicator-dots\" class=\"flex justify-center mt-6 space-x-2\">\r\n \r\n <\/div>\r\n\r\n <\/div>\r\n \r\n \r\n <div class=\"mt-16 flex justify-center\">\r\n <a href=\"#\" class=\"bg-custom-green text-gray-800 uppercase font-bold text-lg px-12 py-4 rounded-lg shadow-md hover:shadow-xl transition duration-300 transform hover:scale-[1.02] active:scale-[0.98] tracking-wider\">\r\n VIEW FULL MENU & ORDER ONLINE\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Testimonial Data Array\r\n const testimonials = [\r\n {\r\n quote: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\",\r\n name: \"Sarah K.\",\r\n title: \"Office Manager, Corporate Event\",\r\n rating: 5\r\n },\r\n {\r\n quote: \"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\",\r\n name: \"Michael T.\",\r\n title: \"Private Party Host\",\r\n rating: 5\r\n },\r\n {\r\n quote: \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.\",\r\n name: \"The Wilson Family.\",\r\n title: \"Annual Reunion\",\r\n rating: 5\r\n }\r\n ];\r\n\r\n let currentTestimonialIndex = 0;\r\n const cardDisplay = document.getElementById('card-display');\r\n const prevBtn = document.getElementById('prev-btn');\r\n const nextBtn = document.getElementById('next-btn');\r\n const indicatorDots = document.getElementById('indicator-dots');\r\n\r\n \/\/ Function to create the SVG star icon\r\n const createStarSvg = (filled) => `\r\n <svg class=\"w-5 h-5 ${filled ? 'text-green-500 fill-current' : 'text-gray-300 fill-current'}\" viewBox=\"0 0 24 24\">\r\n <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/>\r\n <\/svg>\r\n `;\r\n\r\n \/\/ Function to render a single testimonial card\r\n function renderTestimonial(index) {\r\n const testimonial = testimonials[index];\r\n \r\n \/\/ Generate star rating SVGs\r\n let starsHtml = '';\r\n for (let i = 0; i < 5; i++) {\r\n starsHtml += createStarSvg(i < testimonial.rating);\r\n }\r\n \r\n \/\/ Generate the card HTML\r\n cardDisplay.innerHTML = `\r\n <div class=\"bg-white p-8 sm:p-12 rounded-xl shadow-2xl border border-gray-100 mx-auto max-w-4xl transition duration-500 ease-in-out transform\">\r\n \r\n \r\n <div class=\"flex space-x-0.5 mb-6 justify-center\">\r\n ${starsHtml}\r\n <\/div>\r\n\r\n \r\n <p class=\"text-xl text-gray-700 italic mb-8 leading-relaxed text-center\">\r\n \"${testimonial.quote}\"\r\n <\/p>\r\n\r\n \r\n <div class=\"pt-6 border-t border-gray-100 text-center\">\r\n <p class=\"text-xl font-extrabold text-gray-800\">${testimonial.name}<\/p>\r\n <p class=\"text-base text-gray-500 mt-1\">${testimonial.title}<\/p>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n updateIndicators();\r\n }\r\n \r\n \/\/ Function to handle navigation\r\n function navigate(direction) {\r\n \/\/ '1' for next, '-1' for previous\r\n currentTestimonialIndex = (currentTestimonialIndex + direction + testimonials.length) % testimonials.length;\r\n renderTestimonial(currentTestimonialIndex);\r\n }\r\n\r\n \/\/ Function to create and update indicator dots\r\n function updateIndicators() {\r\n indicatorDots.innerHTML = '';\r\n testimonials.forEach((_, index) => {\r\n const dot = document.createElement('span');\r\n dot.className = `w-3 h-3 rounded-full mx-1 cursor-pointer transition-colors duration-200`;\r\n dot.style.backgroundColor = index === currentTestimonialIndex ? '#aed854' : '#d1d5db'; \/\/ Use custom green for active dot\r\n dot.setAttribute('data-index', index);\r\n dot.onclick = () => {\r\n currentTestimonialIndex = index;\r\n renderTestimonial(currentTestimonialIndex);\r\n };\r\n indicatorDots.appendChild(dot);\r\n });\r\n }\r\n \r\n \/\/ Event Listeners\r\n prevBtn.addEventListener('click', () => navigate(-1));\r\n nextBtn.addEventListener('click', () => navigate(1));\r\n\r\n \/\/ Initial render\r\n window.onload = function() {\r\n renderTestimonial(currentTestimonialIndex);\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b20452e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"b20452e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d4b258 elementor-widget elementor-widget-html\" data-id=\"6d4b258\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Catering Overview<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* Custom colors and font *\/\r\n \/* Updated color for the green: #99CC33 *\/\r\n :root {\r\n --primary-green: #99CC33; \r\n --shadow-color: rgba(0, 0, 0, 0.08);\r\n }\r\n .text-primary-green { color: var(--primary-green); }\r\n .bg-primary-green { background-color: var(--primary-green); }\r\n \/* Using Inter as per standard guidelines *\/\r\n body { \r\n font-family: 'Inter', sans-serif; \r\n margin: 0;\r\n padding: 0;\r\n }\r\n <\/style>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'primary-green': '#99CC33',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n\r\n<body class=\"bg-white p-4 sm:p-8\">\r\n\r\n \r\n <section class=\"max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8\">\r\n \r\n <h2 class=\"text-4xl sm:text-5xl font-extrabold text-gray-800 text-center mb-12 uppercase tracking-tight\">\r\n Catering Overview\r\n <\/h2>\r\n\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-12 bg-white p-8 sm:p-12 rounded-xl shadow-lg border border-gray-200\">\r\n \r\n \r\n <div class=\"lg:col-span-3\">\r\n <h3 class=\"text-3xl font-bold text-gray-800 mb-4\">\r\n Effortless Catering for Any Event\r\n <\/h3>\r\n \r\n <p class=\"text-lg text-gray-600 mb-8\">\r\n From quick business meetings to large parties, our menu is designed for flexibility and flavor. We feature our <strong class=\"text-gray-800 font-semibold\">signature, slow-roasted sandwiches<\/strong>, customizable deli platters, and fresh, vibrant salad options. We handle the food so you can focus on your guests!\r\n <\/p>\r\n \r\n <h4 class=\"text-xl font-semibold text-gray-800 mb-4\">Convenience & Value:<\/h4>\r\n <ul class=\"space-y-3 text-gray-700 list-disc list-inside mb-10 pl-4\">\r\n <li>\r\n <strong class=\"text-gray-800\">Custom Boxed Meals:<\/strong> Perfect for individual serving needs (Sandwich, Wrap, or Salad Box, each with a side and dessert).\r\n <\/li>\r\n <li>\r\n \r\n <strong class=\"text-gray-800\">Dietary-Friendly:<\/strong> We proudly offer options to make any sandwich <strong class=\"text-gray-800\">Gluten-Free<\/strong> upon request.\r\n <\/li>\r\n <li>\r\n \r\n <strong class=\"text-primary-green font-bold\">Free Delivery<\/strong> on all catering orders over $100.00.\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <a href=\"https:\/\/beefaroocatering.square.site\/s\/order\" class=\"inline-block py-3 px-8 text-white font-bold rounded-lg shadow-xl transition duration-300 bg-primary-green hover:bg-green-600 focus:outline-none focus:ring-4 focus:ring-primary-green focus:ring-opacity-50 uppercase tracking-wider\" target=\"_blank\" rel=\"noopener\">\r\n View Menu & Place Your Order\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-2 space-y-8 lg:border-l lg:pl-8 lg:pt-0 pt-8\">\r\n <h3 class=\"text-2xl font-bold text-gray-800 border-b pb-3\">Our Featured Favorites:<\/h3>\r\n\r\n \r\n <div>\r\n <strong class=\"text-lg text-gray-900\">Signature Roast Beef Trays<\/strong>\r\n <p class=\"text-sm text-gray-600\">Our classic beef, served with hot assorted buns and cheeses for a customizable sandwich bar.<\/p>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <strong class=\"text-lg text-gray-900\">Famous Chicken Strips<\/strong>\r\n <p class=\"text-sm text-gray-600\">Served by the tray with a variety of dipping sauces\u2014a guaranteed crowd-pleaser.<\/p>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <strong class=\"text-lg text-gray-900\">Cheesy Comfort Sides<\/strong>\r\n <p class=\"text-sm text-gray-600\">Our beloved Cheesy Hashbrown Casserole and our customizable Baked Potato Bar.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ee7f0f elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"2ee7f0f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18f6bfb elementor-widget elementor-widget-text-editor\" data-id=\"18f6bfb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Beef-a-Roo offers a wide variety of catering options. All of our selections can be customized to accommodate the size of your party. We prefer a 24 hour notice. Please schedule your delivery at least 15 minutes prior to the time you would like your meal served. Delivery available 7 days a week.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d08313 elementor-widget elementor-widget-text-editor\" data-id=\"6d08313\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>All condiments, napkins, and utensils will be provided.<br \/>Delivery fee for deliveries 10+ miles or under $100.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7afc666 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"7afc666\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-120d20e elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"120d20e\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb7a4b2 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"fb7a4b2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6196070 e-con-full e-flex e-con e-child\" data-id=\"6196070\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-806e953 elementor-widget elementor-widget-heading\" data-id=\"806e953\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd6c79 elementor-widget elementor-widget-text-editor\" data-id=\"fcd6c79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cf8f52 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"3cf8f52\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">VIEW MENU<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13b2f51 e-con-full e-flex e-con e-child\" data-id=\"13b2f51\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ac1aa6f elementor-widget elementor-widget-heading\" data-id=\"ac1aa6f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Add Your Heading Text Here<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9d23d elementor-widget elementor-widget-text-editor\" data-id=\"2f9d23d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fef099d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"fef099d\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ORDER TODAY - ROCKFORD, IL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8d11b elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2f8d11b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ORDER TODAY - ALL OTHER LOCATIONS<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3021f36 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3021f36\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a70da72 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"a70da72\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5643cea elementor-widget elementor-widget-text-editor\" data-id=\"5643cea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>All condiments, napkins, and utensils will be provided.<br>Delivery fee for deliveries 10+ miles or under $100.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b063a96 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b063a96\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59e52a2 e-con-full elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"59e52a2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-584f70e elementor-widget elementor-widget-html\" data-id=\"584f70e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Beef-a-Roo Catering Hero Block<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n \/* CRITICAL RESET: Ensures the hero section spans the full width and height of the viewport *\/\r\n html, body {\r\n height: 100%;\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden; \/* Prevents horizontal scrolling due to whitespace-nowrap overflow *\/\r\n }\r\n \r\n \/* Custom styles to match the Beef-a-Roo theme *\/\r\n :root {\r\n \/* This green matches the accent color in the screenshot *\/\r\n --color-beefaroo-green: #8ac34a; \r\n --font-family-inter: 'Inter', sans-serif;\r\n }\r\n\r\n body {\r\n font-family: var(--font-family-inter);\r\n }\r\n \r\n \/* Custom underline effect for the main headline, adjusted for white text *\/\r\n .headline-underline {\r\n position: relative;\r\n }\r\n \r\n \/* Ensures the underline is centered under the headline text *\/\r\n .headline-underline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px; \r\n height: 3px;\r\n background-color: var(--color-beefaroo-green); \/* Green underline contrast *\/\r\n border-radius: 9999px;\r\n }\r\n\r\n \/* Styling for the main content block *\/\r\n .content-block {\r\n max-width: 800px; \/* Increased width for hero text *\/\r\n \/* FIX: Use flexbox to center non-wrapping elements *\/\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center; \/* Centers items horizontally *\/\r\n }\r\n <\/style>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n 'beefaroo-green': '#8ac34a',\r\n },\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n\r\n<body>\r\n \r\n <section \r\n class=\"relative flex items-center justify-center h-[400px] md:h-[400px] bg-cover bg-center\" \r\n style=\"background-image: url('https:\/\/beefaroo.com\/wp-content\/uploads\/2025\/11\/BAR-Header-1.jpg');\">\r\n \r\n \r\n <div class=\"absolute inset-0 bg-gray-900 opacity-60\"><\/div>\r\n\r\n <div class=\"content-block mx-auto relative z-10 p-4\">\r\n\r\n \r\n <h2 class=\"text-xl md:text-4xl lg:text-5xl font-extrabold uppercase tracking-wide !text-white headline-underline pb-6 text-center\">\r\n LEGENDARY TASTE<br>SIMPLE CATERING\r\n <\/h2>\r\n\r\n \r\n <p class=\"mt-8 text-lg !text-gray-100 leading-snug font-medium max-w-4xl mx-auto text-center\">\r\n Beef-a-Roo offers a wide variety of catering options. All of our selections can be customized to accommodate the size of your party.\r\n <\/p>\r\n\r\n \r\n\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LEGENDARY TASTESIMPLE CATERING Beef-A-Roo offers a wide variety of catering options. All of our selections can be customized to\u00a0 accommodate the size of your party! LEGENDARY TASTESIMPLE CATERING Beef-A-Roo offers a wide variety of catering options. All of our selections can be customized to accommodate the size of your party! Menu & Order Section OUR […]<\/p>\n","protected":false},"author":2848,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1907","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/pages\/1907","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/users\/2848"}],"replies":[{"embeddable":true,"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/comments?post=1907"}],"version-history":[{"count":74,"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/pages\/1907\/revisions"}],"predecessor-version":[{"id":2050,"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/pages\/1907\/revisions\/2050"}],"wp:attachment":[{"href":"https:\/\/beefaroo.com\/wp-json\/wp\/v2\/media?parent=1907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}