{"id":7,"date":"2026-10-06T21:42:54","date_gmt":"2026-10-06T21:42:54","guid":{"rendered":"https:\/\/360.era-solutions.com\/taste-fun\/?page_id=7"},"modified":"2026-10-06T23:16:20","modified_gmt":"2026-10-06T23:16:20","slug":"home","status":"publish","type":"page","link":"https:\/\/360.era-solutions.com\/taste-fun\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68ef390 e-con e-atomic-element e-div-block-base e-default-div navy-blue \" data-id=\"68ef390\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"68ef390\">\n    \t\t<div class=\"elementor-element elementor-element-57a6fe7 elementor-widget elementor-widget-html\" data-id=\"57a6fe7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wp-hero-cine\" id=\"wpHeroCine\">\r\n\r\n    <!-- Background Slides -->\r\n    <div class=\"wp-hero-cine__media\">\r\n\r\n        <div class=\"wp-hero-cine__slide is-active\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/261043\/pexels-photo-261043.jpeg?auto=compress&cs=tinysrgb&w=1280&fit=crop\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"wp-hero-cine__slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1581384\/pexels-photo-1581384.jpeg?auto=compress&cs=tinysrgb&w=1280&fit=crop\" alt=\"\">\r\n        <\/div>\r\n\r\n        <div class=\"wp-hero-cine__slide\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/2079438\/pexels-photo-2079438.jpeg?auto=compress&cs=tinysrgb&w=1280&fit=crop\" alt=\"\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Dark cinematic overlay -->\r\n    <div class=\"wp-hero-cine__overlay\"><\/div>\r\n\r\n    <!-- Grid -->\r\n    <div class=\"wp-hero-cine__grid\"><\/div>\r\n\r\n\r\n    <!-- Content -->\r\n    <div class=\"wp-hero-cine__container\">\r\n\r\n        <div class=\"wp-hero-cine__content\">\r\n\r\n            <div class=\"wp-hero-cine__eyebrow hero-animate light-gold\">\r\n                <span><\/span>\r\n                <span>STRATEGY \u2022 OPERATIONS \u2022 GROWTH<\/span>\r\n            <\/div>\r\n\r\n            <h1>\r\n\r\n                <span class=\"hero-animate white\">\r\n                    We Build Profitable\r\n                <\/span>\r\n\r\n                <span class=\"hero-animate text-gradient-gold\">\r\n                    Hospitality Businesses\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n            <p class=\"hero-animate\">\r\n                Taste & Fun transforms restaurants, caf\u00e9s, catering businesses, and hospitality ventures into profitable, system-driven operations.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"wp-hero-cine__buttons hero-animate\">\r\n\r\n                <a href=\"\/services\" class=\"hero-btn hero-btn--primary\">\r\n                    Explore Services\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"\/contact\" class=\"hero-btn hero-btn--secondary\">\r\n                    Contact Us\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Slider dots -->\r\n    <div class=\"wp-hero-cine__dots\">\r\n\r\n        <button class=\"hero-dot is-active\" aria-label=\"Slide 1\"><\/button>\r\n        <button class=\"hero-dot\" aria-label=\"Slide 2\"><\/button>\r\n        <button class=\"hero-dot\" aria-label=\"Slide 3\"><\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- Scroll hint -->\r\n    <div class=\"wp-hero-cine__scroll\">\r\n        <span>SCROLL<\/span>\r\n        <i><\/i>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n    \/* =========================\r\n   HERO\r\n========================= *\/\r\n\r\n    .wp-hero-cine {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 90vh;\r\n        overflow: hidden;\r\n        background: #111;\r\n        isolation: isolate;\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   BACKGROUND\r\n========================= *\/\r\n\r\n    .wp-hero-cine__media {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -5;\r\n    }\r\n\r\n    .wp-hero-cine__slide {\r\n        position: absolute;\r\n        inset: 0;\r\n        opacity: 0;\r\n        transform: scale(1.06);\r\n        transition:\r\n            opacity 1.2s ease,\r\n            transform 6s ease;\r\n    }\r\n\r\n    .wp-hero-cine__slide.is-active {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n\r\n    .wp-hero-cine__slide img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   CINEMATIC OVERLAY\r\n========================= *\/\r\n\r\n    .wp-hero-cine__overlay {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -4;\r\n\r\n        background:\r\n            linear-gradient(90deg,\r\n                rgba(0, 0, 0, .82) 0%,\r\n                rgba(0, 0, 0, .55) 45%,\r\n                rgba(0, 0, 0, .25) 100%),\r\n            linear-gradient(0deg,\r\n                rgba(0, 0, 0, .65) 0%,\r\n                transparent 50%);\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   GRID\r\n========================= *\/\r\n\r\n    .wp-hero-cine__grid {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: -3;\r\n        pointer-events: none;\r\n\r\n        background-image:\r\n            linear-gradient(rgba(255, 255, 255, .045) 1px,\r\n                transparent 1px),\r\n            linear-gradient(90deg,\r\n                rgba(255, 255, 255, .045) 1px,\r\n                transparent 1px);\r\n\r\n        background-size: 80px 80px;\r\n\r\n        mask-image: linear-gradient(90deg,\r\n                black,\r\n                transparent 85%);\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   CONTAINER\r\n========================= *\/\r\n\r\n    .wp-hero-cine__container {\r\n        width: min(1200px, 90%);\r\n        margin: auto;\r\n\r\n        min-height: 90vh;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   CONTENT\r\n========================= *\/\r\n\r\n    .wp-hero-cine__content {\r\n        max-width: 900px;\r\n        padding: 100px 0;\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   EYEBROW\r\n========================= *\/\r\n\r\n    .wp-hero-cine__eyebrow {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n\r\n        margin-bottom: 28px;\r\n\r\n\r\n        font-size: 13px;\r\n        font-weight: 600;\r\n\r\n        letter-spacing: .26em;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .wp-hero-cine__eyebrow>span:first-child {\r\n        width: 45px;\r\n        height: 1px;\r\n        background: #e6c875;\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   HEADING\r\n========================= *\/\r\n\r\n    .wp-hero-cine h1 {\r\n        margin: 0 0 28px;\r\n\r\n        font-size: clamp(48px, 7vw, 96px);\r\n        line-height: 1.04;\r\n\r\n        font-weight: 700;\r\n        letter-spacing: -.03em;\r\n    }\r\n\r\n    .wp-hero-cine h1 span {\r\n        display: block;\r\n    }\r\n\r\n    .hero-gold {\r\n        background: linear-gradient(90deg,\r\n                #d9b85c,\r\n                #f4df9b,\r\n                #c9a84e);\r\n\r\n        -webkit-background-clip: text;\r\n        background-clip: text;\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   DESCRIPTION\r\n========================= *\/\r\n\r\n    .wp-hero-cine__content p {\r\n        max-width: 650px;\r\n\r\n        margin: 0 0 40px;\r\n\r\n        color: rgba(247, 243, 234, .88);\r\n\r\n        font-size: clamp(17px, 2vw, 21px);\r\n        line-height: 1.5rem;\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   BUTTONS\r\n========================= *\/\r\n\r\n    .wp-hero-cine__buttons {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 16px;\r\n    }\r\n\r\n    .hero-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n\r\n        padding: 15px 25px;\r\n\r\n        text-decoration: none !important;\r\n\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n\r\n        transition:\r\n            transform .3s ease,\r\n            background .3s ease,\r\n            color .3s ease;\r\n    }\r\n\r\n    .hero-btn:hover {\r\n        transform: translateY(-2px);\r\n    }\r\n\r\n\r\n    \/* Primary *\/\r\n\r\n    .hero-btn--primary {\r\n        background: #d6b65d;\r\n        color: #111 !important;\r\n    }\r\n\r\n    .hero-btn--primary:hover {\r\n        background: #efd47e;\r\n    }\r\n\r\n\r\n    \/* Secondary *\/\r\n\r\n    .hero-btn--secondary {\r\n        border: 1px solid rgba(255, 255, 255, .55);\r\n        background: rgba(255, 255, 255, .04);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .hero-btn--secondary:hover {\r\n        background: rgba(255, 255, 255, .12);\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   TEXT ANIMATION\r\n========================= *\/\r\n\r\n    .hero-animate {\r\n        opacity: 0;\r\n        transform: translateY(25px);\r\n\r\n        animation: heroReveal .9s ease forwards;\r\n    }\r\n\r\n    .wp-hero-cine__eyebrow {\r\n        animation-delay: .15s;\r\n    }\r\n\r\n    .wp-hero-cine h1 span:first-child {\r\n        animation-delay: .32s;\r\n    }\r\n\r\n    .wp-hero-cine h1 span:nth-child(2) {\r\n        animation-delay: .48s;\r\n    }\r\n\r\n    .wp-hero-cine p {\r\n        animation-delay: .66s;\r\n    }\r\n\r\n    .wp-hero-cine__buttons {\r\n        animation-delay: .82s;\r\n    }\r\n\r\n    @keyframes heroReveal {\r\n\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   DOTS\r\n========================= *\/\r\n\r\n    .wp-hero-cine__dots {\r\n        position: absolute;\r\n\r\n        right: 5%;\r\n        bottom: 45px;\r\n\r\n        display: flex;\r\n        gap: 10px;\r\n    }\r\n\r\n    .hero-dot {\r\n        width: 8px;\r\n        height: 8px;\r\n\r\n        padding: 0;\r\n\r\n        border: 0;\r\n        border-radius: 50%;\r\n\r\n        background: rgba(255, 255, 255, .35);\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            transform .3s ease,\r\n            background .3s ease;\r\n    }\r\n\r\n    .hero-dot.is-active {\r\n        background: #e0c46d;\r\n        transform: scale(1.5);\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   SCROLL\r\n========================= *\/\r\n\r\n    .wp-hero-cine__scroll {\r\n        position: absolute;\r\n\r\n        left: 5%;\r\n        bottom: 40px;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 14px;\r\n\r\n        color: rgba(255, 255, 255, .6);\r\n\r\n        font-size: 10px;\r\n        letter-spacing: .25em;\r\n    }\r\n\r\n    .wp-hero-cine__scroll i {\r\n        display: block;\r\n\r\n        width: 45px;\r\n        height: 1px;\r\n\r\n        background: rgba(255, 255, 255, .5);\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n    @media (max-width: 767px) {\r\n\r\n        .wp-hero-cine {\r\n            min-height: 80vh;\r\n        }\r\n\r\n        .wp-hero-cine__container {\r\n            min-height: 80vh;\r\n            width: 88%;\r\n        }\r\n\r\n        .wp-hero-cine__content {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .wp-hero-cine h1 {\r\n            font-size: clamp(42px, 12vw, 65px);\r\n        }\r\n\r\n        .wp-hero-cine__content p {\r\n            font-size: 16px;\r\n        }\r\n\r\n        .wp-hero-cine__dots {\r\n            right: 6%;\r\n            bottom: 25px;\r\n        }\r\n\r\n        .wp-hero-cine__scroll {\r\n            display: none;\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================\r\n   REDUCED MOTION\r\n========================= *\/\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n\r\n        .wp-hero-cine__slide {\r\n            transition: none;\r\n        }\r\n\r\n        .hero-animate {\r\n            animation: none;\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n\r\n    }\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n    (function () {\r\n\r\n        const hero = document.getElementById(\"wpHeroCine\");\r\n\r\n        if (!hero) return;\r\n\r\n        const slides = hero.querySelectorAll(\".wp-hero-cine__slide\");\r\n        const dots = hero.querySelectorAll(\".hero-dot\");\r\n\r\n        if (slides.length <= 1) return;\r\n\r\n        let active = 0;\r\n        let timer = null;\r\n        let paused = false;\r\n\r\n\r\n        function showSlide(index) {\r\n\r\n            active = index;\r\n\r\n            slides.forEach((slide, i) => {\r\n                slide.classList.toggle(\r\n                    \"is-active\",\r\n                    i === active\r\n                );\r\n            });\r\n\r\n            dots.forEach((dot, i) => {\r\n                dot.classList.toggle(\r\n                    \"is-active\",\r\n                    i === active\r\n                );\r\n            });\r\n\r\n        }\r\n\r\n\r\n        function nextSlide() {\r\n\r\n            if (paused) return;\r\n\r\n            showSlide(\r\n                (active + 1) % slides.length\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function startSlider() {\r\n\r\n            clearInterval(timer);\r\n\r\n            timer = setInterval(\r\n                nextSlide,\r\n                5500\r\n            );\r\n\r\n        }\r\n\r\n\r\n        function pauseSlider() {\r\n\r\n            paused = true;\r\n\r\n        }\r\n\r\n\r\n        function resumeSlider() {\r\n\r\n            paused = false;\r\n\r\n        }\r\n\r\n\r\n        \/* Dot navigation *\/\r\n\r\n        dots.forEach((dot, index) => {\r\n\r\n            dot.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    showSlide(index);\r\n\r\n                    startSlider();\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n\r\n        \/* Pause when mouse enters *\/\r\n\r\n        hero.addEventListener(\r\n            \"mouseenter\",\r\n            pauseSlider\r\n        );\r\n\r\n        hero.addEventListener(\r\n            \"mouseleave\",\r\n            resumeSlider\r\n        );\r\n\r\n\r\n        \/* Pause when keyboard focuses hero *\/\r\n\r\n        hero.addEventListener(\r\n            \"focusin\",\r\n            pauseSlider\r\n        );\r\n\r\n        hero.addEventListener(\r\n            \"focusout\",\r\n            resumeSlider\r\n        );\r\n\r\n\r\n        \/* Respect reduced motion *\/\r\n\r\n        const reduceMotion =\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches;\r\n\r\n\r\n        if (!reduceMotion) {\r\n            startSlider();\r\n        }\r\n\r\n\r\n    })();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STRATEGY \u2022 OPERATIONS \u2022 GROWTH We Build Profitable Hospitality Businesses Taste &#038; Fun transforms restaurants, caf\u00e9s, catering businesses, and hospitality [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":67,"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/pages\/7\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/360.era-solutions.com\/taste-fun\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}