{"id":766,"date":"2021-01-02T06:59:21","date_gmt":"2021-01-02T06:59:21","guid":{"rendered":"https:\/\/themelooks.net\/demo\/foodbook\/?page_id=766"},"modified":"2025-12-21T02:18:44","modified_gmt":"2025-12-20T21:18:44","slug":"home","status":"publish","type":"page","link":"https:\/\/staging.choakasfood.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"766\" class=\"elementor elementor-766\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1116ff e-con-full banner-section e-flex e-con e-parent\" data-id=\"f1116ff\" data-element_type=\"container\" id=\"hslider\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e05569d e-con-full e-flex e-con e-child\" data-id=\"e05569d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-918a784 elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"918a784\" data-element_type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-54a9da1 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-b8806e6 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9803bb e-con-full banner-section-lg e-flex e-con e-parent\" data-id=\"b9803bb\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7723e6f e-con-full e-flex e-con e-child\" data-id=\"7723e6f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77c5957 elementor-pagination-position-outside elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-widget elementor-widget-slides\" data-id=\"77c5957\" data-element_type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper\">\n\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-38392d5 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-c73fe11 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\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<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f13221 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4f13221\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0c6830\" data-id=\"e0c6830\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa1bd6c v elementor-widget elementor-widget-shortcode\" data-id=\"fa1bd6c\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n:root{\n  --catCircleSize:60px;      \/* half of 120px *\/\n  --catCircleBorder:3px;     \/* slimmer border *\/\n  --catItemGap:8px;          \/* tighter default gap *\/\n  --catItemGapSticky:6px;    \/* even tighter when sticky *\/\n  --catTitleFS:12px;         \/* slightly smaller title *\/\n  --stickyBG:#c00;\n  --stickyShadow:0 10px 24px rgba(0,0,0,.35);\n  --brandRed:#c00;\n  --stickOffset:0px; \/* will be set by JS to adminbar+header height *\/\n}\n\/* WP admin bar default offsets *\/\nbody.admin-bar { --stickOffset:32px; }\n@media (max-width:782px){ body.admin-bar { --stickOffset:46px; } }\n\n.swiper-category-container{\n  position:sticky; position:-webkit-sticky;\n  top:var(--stickOffset);\n  z-index:1002;\n  padding:10px 0; \/* shorter *\/\n  background-color:var(--stickyBG);\n  transition:padding .18s ease, background-color .18s ease, box-shadow .18s ease;\n}\n.swiper-category-container.is-stuck{ padding:6px 0; box-shadow:var(--stickyShadow); }\n\n\/* Fixed fallback (JS toggles) *\/\n.swiper-category-container.is-fixed{\n  position:fixed !important;\n  top:var(--stickOffset);\n  left:0; right:0;\n  z-index:1002;\n}\n\n\/* Spacer *\/\n#home-cat-carousel-spacer{ height:0; transition:height .18s ease; }\n\n.swiper-category{ --swiper-theme-color:#fff; }\n.swiper-category .swiper-wrapper{ align-items:center; }\n\n\/* We\u2019ll still set a margin for non-Swiper browsers, but Swiper gap is controlled in JS *\/\n.swiper-category .swiper-slide{ text-align:center; width:auto; margin-right:var(--catItemGap); }\n.swiper-category-container.is-stuck .swiper-slide{ margin-right:var(--catItemGapSticky); }\n\n.swiper-category .category-image-circle{\n  width:var(--catCircleSize); height:var(--catCircleSize);\n  border-radius:50%; overflow:hidden; margin:0 auto 6px;\n  border:var(--catCircleBorder) solid #fff;\n  transition:transform .18s ease, border-color .18s ease;\n  will-change:transform;\n}\n\/* IMPORTANT: do NOT shrink circles on sticky anymore *\/\n\/* (we removed the old rule that changed width\/height on .is-stuck) *\/\n\n.swiper-category .jump-btn{\n  display:block; width:100%; height:100%; cursor:pointer; border:0; padding:0; background:transparent;\n}\n.swiper-category .jump-btn:focus-visible{ outline:2px solid var(--brandRed); outline-offset:2px; }\n.swiper-category .category-image-circle:hover{ border-color:var(--brandRed); transform:translateY(-2px); }\n\n.swiper-category .category-title{ line-height:1.2; }\n.swiper-category .category-title .jump-link{\n  color:#fff; text-decoration:none; font-weight:700; font-size:var(--catTitleFS);\n  display:inline-block; margin-top:3px; transition:color .18s ease, transform .18s ease;\n}\n.swiper-category .category-title .jump-link:hover{ color:var(--brandRed); transform:translateY(-1px); }\n\/* keep same title size when sticky (remove if you want it even smaller) *\/\n\/* .swiper-category-container.is-stuck .category-title .jump-link{ font-size:11px; } *\/\n<\/style>\n\n\n    <div class=\"swiper-category-container\" id=\"home-cat-carousel\">\n        <div class=\"swiper swiper-category\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-bbq -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-bbq\"\n                                aria-label=\"Go to Choakas BBQ section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/10\/1708954301-ChoakasBeefBihariboti.webp\"\n                                     alt=\"Choakas BBQ\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-bbq\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-bbq\">\n                               Choakas BBQ                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-broast -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-broast\"\n                                aria-label=\"Go to Choakas Broast section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/10\/1708953212-ChoakasSpicyBroastchest.webp\"\n                                     alt=\"Choakas Broast\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-broast\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-broast\">\n                               Choakas Broast                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-burgers -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-burgers\"\n                                aria-label=\"Go to Choakas Burgers section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/10\/1708953329-CheeseBurgerChicken.webp\"\n                                     alt=\"Choakas Burgers\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-burgers\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-burgers\">\n                               Choakas Burgers                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-chinese -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-chinese\"\n                                aria-label=\"Go to Choakas Chinese section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1679654311-logo.webp\"\n                                     alt=\"Choakas Chinese\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-chinese\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-chinese\">\n                               Choakas Chinese                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-deals -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-deals\"\n                                aria-label=\"Go to Choakas Deals section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1708517305-Crispy20Deal.webp\"\n                                     alt=\"Choakas Deals\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-deals\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-deals\">\n                               Choakas Deals                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-family-deals -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-family-deals\"\n                                aria-label=\"Go to Choakas Family Deals section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1708517165-Royal20Deal.webp\"\n                                     alt=\"Choakas Family Deals\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-family-deals\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-family-deals\">\n                               Choakas Family Deals                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-fries -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-fries\"\n                                aria-label=\"Go to Choakas Fries section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1681117318-Mayo20Fries.webp\"\n                                     alt=\"Choakas Fries\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-fries\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-fries\">\n                               Choakas Fries                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-pizza-non-spicy-flavours -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-pizza-non-spicy-flavours\"\n                                aria-label=\"Go to Choakas Pizza - Non Spicy Flavours section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/10\/1681115973-Afghani20Feast.webp\"\n                                     alt=\"Choakas Pizza - Non Spicy Flavours\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-pizza-non-spicy-flavours\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-pizza-non-spicy-flavours\">\n                               Choakas Pizza - Non Spicy Flavours                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-pizza-spicy-flavours -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-pizza-spicy-flavours\"\n                                aria-label=\"Go to Choakas Pizza - Spicy Flavours section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/10\/1708955244-CreamyGrill.webp\"\n                                     alt=\"Choakas Pizza - Spicy Flavours\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-pizza-spicy-flavours\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-pizza-spicy-flavours\">\n                               Choakas Pizza - Spicy Flavours                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-premium-pizza -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-premium-pizza\"\n                                aria-label=\"Go to Choakas Premium Pizza section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1681116003-Choakas20Delight.webp\"\n                                     alt=\"Choakas Premium Pizza\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-premium-pizza\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-premium-pizza\">\n                               Choakas Premium Pizza                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-rolls -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-rolls\"\n                                aria-label=\"Go to Choakas Rolls section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/10\/1708526106-Malai20Rollchicken.webp\"\n                                     alt=\"Choakas Rolls\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-rolls\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-rolls\">\n                               Choakas Rolls                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-sandwich -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-sandwich\"\n                                aria-label=\"Go to Choakas Sandwich section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/10\/1708955034-BeefExclusiveClubSandwich.webp\"\n                                     alt=\"Choakas Sandwich\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-sandwich\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-sandwich\">\n                               Choakas Sandwich                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakas-soup -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakas-soup\"\n                                aria-label=\"Go to Choakas Soup section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1679654311-logo.webp\"\n                                     alt=\"Choakas Soup\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakas-soup\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakas-soup\">\n                               Choakas Soup                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakes-noodles -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakes-noodles\"\n                                aria-label=\"Go to Choakes Noodles section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1679654311-logo.webp\"\n                                     alt=\"Choakes Noodles\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakes-noodles\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakes-noodles\">\n                               Choakes Noodles                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-choakes-rice -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-choakes-rice\"\n                                aria-label=\"Go to Choakes Rice section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1679654311-logo.webp\"\n                                     alt=\"Choakes Rice\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-choakes-rice\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-choakes-rice\">\n                               Choakes Rice                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-pastas-lasagna -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-pastas-lasagna\"\n                                aria-label=\"Go to Pastas &amp; Lasagna section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1708525283-Creamy20Pasta.webp\"\n                                     alt=\"Pastas &amp; Lasagna\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-pastas-lasagna\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-pastas-lasagna\">\n                               Pastas &amp; Lasagna                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-premium-burgers -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-premium-burgers\"\n                                aria-label=\"Go to Premium Burgers section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1708516095-Crispy20Chicken.webp\"\n                                     alt=\"Premium Burgers\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-premium-burgers\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-premium-burgers\">\n                               Premium Burgers                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-side-order -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-side-order\"\n                                aria-label=\"Go to Side Order section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1681117015-Cole20Slaw.webp\"\n                                     alt=\"Side Order\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-side-order\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-side-order\">\n                               Side Order                            <\/a>\n                        <\/div>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <div class=\"category-image-circle\">\n                            <!-- Use a button; JS will smooth-scroll to #cat-winter-deals -->\n                            <button\n                                class=\"jump-btn\"\n                                type=\"button\"\n                                data-target=\"#cat-winter-deals\"\n                                aria-label=\"Go to Winter Deals section\"\n                            >\n                                <img decoding=\"async\" src=\"https:\/\/staging.choakasfood.com\/wp-content\/uploads\/2025\/11\/1679654311-logo.webp\"\n                                     alt=\"Winter Deals\"\n                                     loading=\"lazy\">\n                            <\/button>\n                        <\/div>\n                        <div class=\"category-title\">\n                            <a href=\"#cat-winter-deals\"\n                               class=\"jump-link\"\n                               data-target=\"#cat-winter-deals\">\n                               Winter Deals                            <\/a>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<div id=\"home-cat-carousel-spacer\" aria-hidden=\"true\"><\/div>\n    <script>\njQuery(function($){\n  \/\/ Init Swiper with smaller gaps\n  const catSwiper = new Swiper('.swiper-category', {\n    slidesPerView: 10,\n    spaceBetween: 2, \/\/ reduced from 20\n    loop: true,\n    autoplay:{ delay:2500, disableOnInteraction:false },\n    breakpoints:{\n      1280:{ slidesPerView:10, spaceBetween:2 },\n      1024:{ slidesPerView:10, spaceBetween:2 },\n      768: { slidesPerView:4, spaceBetween:2 },\n      580: { slidesPerView:3, spaceBetween:2 },\n      0:   { slidesPerView:2, spaceBetween:2 } \/\/ extra-tight on very small screens\n    }\n  });\n\n  const $bar = $('#home-cat-carousel');\n  const $spacer = $('#home-cat-carousel-spacer');\n  if (!$bar.length) return;\n\n  let barTop = 0, barWidth = 0, barLeft = 0;\n  let isStuck = false;\n\n  function adminBarH(){ const $a = $('#wpadminbar'); return $a.length ? $a.outerHeight() : 0; }\n  function fixedHeaderH(){\n    let h = 0;\n    ['.ch-header','.site-header','.header','#header','.masthead'].forEach(sel=>{\n      const $el = $(sel);\n      if($el.length){\n        const pos = $el.css('position');\n        const top = $el.offset()?.top ?? 0;\n        if((pos==='fixed'||pos==='sticky') && top <= $(window).scrollTop()+1){\n          h = Math.max(h, $el.outerHeight());\n        }\n      }\n    });\n    return h;\n  }\n  function setOffsetVar(){\n    const off = adminBarH() + fixedHeaderH();\n    document.documentElement.style.setProperty('--stickOffset', off+'px');\n    return off;\n  }\n\n  function recalc(){\n    \/\/ Measure before becoming fixed\n    $bar.removeClass('is-fixed').attr('style','');\n    const rect = $bar[0].getBoundingClientRect();\n    const scrollY = window.pageYOffset || document.documentElement.scrollTop;\n    barTop = scrollY + rect.top;\n    barWidth = rect.width;\n    barLeft = rect.left + (window.pageXOffset || document.documentElement.scrollLeft);\n    setOffsetVar();\n    onScroll();\n  }\n\n  \/\/ Dynamically adjust Swiper spacing (helps make circles tighter when stuck)\n  function setSwiperGap(px){\n    if (!catSwiper || !catSwiper.params) return;\n    catSwiper.params.spaceBetween = px;\n    \/\/ also update current breakpoint config so update() sticks\n    if (catSwiper.currentBreakpoint) {\n      const bp = catSwiper.currentBreakpoint;\n      const bpCfg = catSwiper.params.breakpoints && catSwiper.params.breakpoints[bp];\n      if (bpCfg) bpCfg.spaceBetween = px;\n    }\n    catSwiper.update();\n  }\n\n  function fix(){\n    const offset = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--stickOffset')) || 0;\n    $bar.addClass('is-stuck is-fixed').css({\n      position:'fixed', top: offset, left: barLeft, width: barWidth, right:'auto'\n    });\n    $spacer.height($bar.outerHeight());\n    if (!isStuck) { setSwiperGap(6); isStuck = true; } \/\/ tighter gap when sticky\n  }\n  function unfix(){\n    $bar.removeClass('is-fixed is-stuck').attr('style','');\n    $spacer.height(0);\n    if (isStuck) { setSwiperGap(2); isStuck = false; } \/\/ restore default gap\n  }\n\n  function onScroll(){\n    const y = window.pageYOffset || document.documentElement.scrollTop;\n    const offset = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--stickOffset')) || 0;\n    if (y + offset >= barTop) { fix(); } else { unfix(); }\n  }\n\n  $(window).on('scroll', onScroll);\n  $(window).on('resize orientationchange', recalc);\n\n  \/\/ Initial passes (layout may shift after fonts\/images)\n  setTimeout(recalc, 0);\n  setTimeout(recalc, 250);\n  setTimeout(recalc, 1000);\n\n  \/\/ Smooth jump with correct offset (bar + admin bar + fixed header)\n  function smoothJumpTo(sel){\n    const $t = $(sel); if(!$t.length) return;\n    const extra = ($bar.hasClass('is-fixed') ? $bar.outerHeight() : 0) + adminBarH() + fixedHeaderH();\n    const top = Math.max($t.offset().top - extra - 10, 0);\n    window.scrollTo({ top, behavior:'smooth' });\n  }\n  $(document).on('click', '.jump-btn, .jump-link', function(e){\n    e.preventDefault();\n    const target = $(this).data('target') || $(this).attr('href');\n    if (target && target.startsWith('#')) smoothJumpTo(target);\n  });\n});\n<\/script>\n\n    \n    <\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f9cbdd0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1f9cbdd0\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3365e6\" data-id=\"3365e6\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5862e3b0 elementor-widget elementor-widget-shortcode\" data-id=\"5862e3b0\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"popular-grid-section\">\n            <h2>Popular Items<\/h2>\n            <p style=\"margin:10px 0 18px;\">Please choose <strong>Delivery<\/strong> or <strong>Pickup<\/strong> to see items for your area\/branch.<\/p>\n            <button type=\"button\" class=\"order-now-button fb-open-modal\">Choose Branch\/Area<\/button>\n        <\/div>\n        <\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-40aa5bf elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"40aa5bf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ee1720\" data-id=\"2ee1720\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e0bd4ad elementor-widget elementor-widget-shortcode\" data-id=\"e0bd4ad\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <section class=\"menu-wrapper-red\">\n            <div class=\"menu-inner\">\n                <h2 class=\"menu-title\">OUR MENU<\/h2>\n                <p class=\"menu-prompt\">Please choose <strong>Delivery<\/strong> or <strong>Pickup<\/strong> to view items available for your area\/branch.<\/p>\n                <button type=\"button\" class=\"order-now-button fb-open-modal\">Choose Branch\/Area<\/button>\n            <\/div>\n        <\/section>\n        <\/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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-builder.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-766","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/pages\/766","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/comments?post=766"}],"version-history":[{"count":475,"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/pages\/766\/revisions"}],"predecessor-version":[{"id":2615,"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/pages\/766\/revisions\/2615"}],"wp:attachment":[{"href":"https:\/\/staging.choakasfood.com\/index.php\/wp-json\/wp\/v2\/media?parent=766"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}