{"id":158,"date":"2025-12-03T09:42:08","date_gmt":"2025-12-03T09:42:08","guid":{"rendered":"https:\/\/music.kenneyzproductions.com\/?page_id=158"},"modified":"2026-01-08T10:21:25","modified_gmt":"2026-01-08T10:21:25","slug":"services","status":"publish","type":"page","link":"https:\/\/music.kenneyzproductions.com\/index.php\/services\/","title":{"rendered":"services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"158\" class=\"elementor elementor-158\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a01dbe3 e-con-full e-flex e-con e-parent\" data-id=\"a01dbe3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ec6c29 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0ec6c29\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Add a Google Font link for 'Montserrat' if not already in the head *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@100..900&display=swap');\r\n\r\n    \/* ---------- GLOBAL RESET (kept for completeness) ---------- *\/\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Montserrat', sans-serif;\r\n    }\r\n\r\n    \/* ---------- SECTION STYLING ---------- *\/\r\n    .solemix-section {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    min-height: 600px;\r\n    background: url('https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/1600x900.jpg') center\/cover no-repeat;\r\n    background-attachment: fixed; \/* \u2b50 MAKE BG SCROLL WITH PAGE *\/\r\n    color: #fff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* Mobile fallback \u2013 fixed attachment is disabled on iOS *\/\r\n@media (max-width: 768px) {\r\n    .solemix-section {\r\n        background-attachment: scroll;\r\n    }\r\n}\r\n\r\n\r\n    \/* Color Overlay to darken the image (matching the look of the original image) *\/\r\n    .solemix-section::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        \/* Subtle dark overlay *\/\r\n        background: rgba(0, 0, 0, 0.4); \r\n        z-index: 1;\r\n    }\r\n\r\n    \/* ---------- MAIN CONTENT STYLING (The Text Block) ---------- *\/\r\n    .solemix-content-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 60px 5%;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        align-items: flex-end; \/* Push content to the bottom of the wrapper *\/\r\n    }\r\n\r\n    .solemix-content {\r\n        max-width: 450px;\r\n        color: #fff;\r\n        margin-bottom: 80px; \r\n        margin-left: 0;\r\n    }\r\n\r\n    .solemix-content h1 {\r\n        font-size: 1.8rem;\r\n        font-weight: 800;\r\n        color: #fff;\r\n        line-height: 1.3;\r\n        margin-bottom: 15px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .solemix-content p {\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n        color: #e0e0e0;\r\n        color: #fff;\r\n        margin-bottom: 25px;\r\n        font-weight: 300;\r\n    }\r\n\r\n    .solemix-content .btn {\r\n        display: inline-block;\r\n        \/* Deep red color for the button *\/\r\n        background: #C21F3F; \r\n        color: #fff;\r\n        padding: 10px 20px;\r\n        border-radius: 3px;\r\n        text-decoration: none;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        font-size: 0.9rem;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .solemix-content .btn:hover {\r\n        background: #A81A34;\r\n    }\r\n\r\n    \/* ---------- ICONS ROW WITH BG BAR (FORCED TO THE BOTTOM) ---------- *\/\r\n    .solemix-icons-wrapper {\r\n        position: absolute;\r\n        bottom: 0; \/* Force to the bottom *\/\r\n        width: 100%;\r\n        \/* Solid black background for the bar *\/\r\n        background: rgba(10, 0, 21, 0.30); \r\n        padding: 25px 5%;\r\n        z-index: 2;\r\n    }\r\n\r\n    .solemix-icons {\r\n        display: flex;\r\n        justify-content: space-around;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .solemix-icon {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        gap: 10px;\r\n        text-align: center;\r\n        max-width: 120px;\r\n        flex-basis: 20%;\r\n    }\r\n\r\n    .solemix-icon img {\r\n        width: 30px; \r\n        height: 30px;\r\n        object-fit: contain;\r\n    }\r\n\r\n    .solemix-icon span {\r\n        font-size: 0.8rem;\r\n        color: #fff;\r\n        font-weight: 500;\r\n    }\r\n\r\n\r\n    \/* ---------- RESPONSIVE ---------- *\/\r\n    @media(max-width: 768px) {\r\n        .solemix-section {\r\n            height: auto;\r\n            min-height: auto;\r\n        }\r\n        .solemix-content {\r\n            margin-bottom: 20px;\r\n            padding-top: 45px;\r\n        }\r\n        .solemix-icons-wrapper {\r\n            position: relative;\r\n        }\r\n        .solemix-content-wrapper {\r\n            align-items: flex-start;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"solemix-section\">\r\n    <div class=\"solemix-content-wrapper\"> \r\n        <div class=\"solemix-content\">\r\n            <h1>WHERE CREATORS BECOME<br>THOUGHT-LEADERS<\/h1>\r\n            <p>Our studio gives you the tools, guidance and top-tier production quality you need to create content that stands out and positions you as the expert. At Kenneyz Music, we transform your insights into powerful content people trust, follow and share.<\/p>\r\n            <a href=\"#services\" class=\"btn\">Take a closer look<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08fc5ba e-con-full e-flex e-con e-parent\" data-id=\"08fc5ba\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e873d8f elementor-widget elementor-widget-menu-anchor\" data-id=\"e873d8f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"services\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a18469 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0a18469\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  Elementor HTML Block Content\r\n-->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<style>\r\n  :root {\r\n    --primary-red: #9e0000;\r\n    --dark-bg: #100000;\r\n  }\r\n\r\n  .service-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 320px;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .card-image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n  }\r\n\r\n  .card-image-overlay::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(135deg, rgba(82, 0, 0, 0.55) 0%, rgba(130, 0, 0, 0.45) 100%);\r\n    opacity: 1;\r\n    z-index: 10;\r\n  }\r\n\r\n  .service-card-bg {\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .card-content {\r\n    position: relative;\r\n    z-index: 20;\r\n  }\r\n\r\n  .arrow-link {\r\n    background-color: var(--primary-red);\r\n    box-shadow: 0 0 15px rgba(158, 0, 0, 0.5);\r\n    transition: background-color 0.3s, transform 0.3s;\r\n  }\r\n  .arrow-link:hover {\r\n    background-color: #d10000;\r\n    transform: translateX(5px);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"font-sans\" style=\"background-color: var(--dark-bg); width:95%; margin:auto;\">\r\n <div class=\"w-full px-4 sm:px-6 lg:px-8 py-12 lg:py-20\">\r\n\r\n    <div class=\"mb-12 lg:mb-16\">\r\n      <h2 class=\"text-4xl sm:text-5xl font-extrabold text-white uppercase tracking-wider mb-4\">\r\n        OUR SERVICES\r\n      <\/h2>\r\n      <p class=\"text-gray-300 max-w-3xl text-lg leading-relaxed\">\r\n        Kenneyz Music delivers a full suite of premium audio and video services built for brands, creators, and industry professionals who want their content to stand out. Our Team of enginnners With Over 25+ years in the field of music production and recordings.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div id=\"services-grid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8\"><\/div>\r\n\r\n    <script>\r\n      const servicesData = [\r\n        { \r\n          title: \"IMMERSIVE AUDIO\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/immersive-audio-2\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Kenneyz-Music-Studio-11-09-24_page-0008-scaled.jpg\",\r\n          description: \"Step beyond ordinary audio. Immersive Audio surrounds listeners with a lifelike, multidimensional soundscape that elevates music, film, and branded content into a fuller, more powerful experience.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/immersive-audio.png\",\r\n        },\r\n        { \r\n          title: \"FINAL MIX\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/final-mix-2\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/filip-barna-SlIu4D_rTPo-unsplash-scaled.jpg\",\r\n          description: \"Achieving broadcast-quality loudness and clarity across all platforms. We finalize your project with precision mixing and mastering, ensuring optimal translation for streaming, cinema, and radio.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Final-Mix.png\",\r\n        },\r\n        { \r\n          title: \"SOUND DESIGN\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/sound-design-2\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/1800x1000.jpg\",\r\n          description: \"Crafting bespoke sonic elements and foley effects that define your narrative. From subtle textures to explosive impacts, we create the signature sound of your brand or film.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Sound-Design.png\",\r\n        },\r\n        { \r\n          title: \"MUSIC PRODUCTION\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/music-production-2\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Kenneyz-Music-Studio-11-09-24_page-0014-scaled.jpg\",\r\n          description: \"Bring your musical vision to life with a production process designed around you and the sound you want to create. From arrangement to final tracking, we guide your project every step of the way.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Music-Production.png\",\r\n        },\r\n        { \r\n          title: \"AUDIO EDITING\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/audio-editing\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Kenneyz-Music-Studio-11-09-24_page-0007-scaled.jpg\",\r\n          description: \"Detailed cleanup, restoration, and synchronization of audio tracks. We meticulously edit dialogue, music, and sound effects to ensure seamless flow and professional polish for any medium.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Audio-Edit.png\",\r\n        },\r\n        { \r\n          title: \"VOICE OVERS\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/voice-overs\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Kenneyz-Music-Studio-11-09-24_page-0015-scaled.jpg\",\r\n          description: \"Perfect for commercials, documentaries, and e-learning. Our dedicated, sound-isolated booth and professional-grade mics ensure crystal-clear, broadcast-ready vocal capture.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Voice-over.png\",\r\n        },\r\n        { \r\n          title: \"PODCASTS\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/podcasts\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Kenneyz-Music-Studio-11-09-24_page-0010-scaled.jpg\",\r\n          description: \"Engage your audience effectively with high-quality podcasts. We offer a premium recording environment for individuals or small groups, along with full editing, mixing, and mastering services.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Podcast.png\",\r\n        },\r\n        { \r\n          title: \"REMOTE ACCESS\",\r\n          link: \"https:\/\/music.kenneyzproductions.com\/index.php\/remote-access-2\/\",\r\n          bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Kenneyz-Music-Studio-11-09-24_page-0009-scaled.jpg\",\r\n          description: \"Collaborate from anywhere in the world. Our remote access tools allow you to monitor mixing and recording sessions live, providing instant feedback and ensuring creative control, no matter the distance.\",\r\n          icon: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/Remote-Access.png\",\r\n        },\r\n        {\r\n  title: \"JAMMING FACILITY\",\r\n  link: \"#\",\r\n  bg: \"https:\/\/music.kenneyzproductions.com\/wp-content\/uploads\/2025\/12\/1600x900.jpg\",\r\n  description: \"A full-scale acoustically treated jam room designed for band rehearsals, live performance recordings, and musical arrangements. Features balanced acoustic treatment for accurate frequency response, sound isolation to eliminate external noise, and optional backline setup including drums, amps, and monitoring systems.\",\r\n  icon: \"https:\/\/via.placeholder.com\/64?text=\ud83c\udfb8\"\r\n}\r\n        \r\n      ];\r\n      \r\n      function renderServiceCards() {\r\n        const grid = document.getElementById('services-grid');\r\n\r\n        servicesData.forEach(service => {\r\n          const card = document.createElement('div');\r\n          card.className = 'service-card service-card-bg rounded-xl shadow-2xl';\r\n          card.style.backgroundImage = `url('${service.bg}')`;\r\n\r\n          card.innerHTML = `\r\n            <div class=\"card-image-overlay\"><\/div>\r\n\r\n            <div class=\"card-content p-6 sm:p-8 flex flex-col justify-between\">\r\n              <div class=\"mb-4\">\r\n                <div class=\"mb-4 inline-block\">\r\n                    <img decoding=\"async\" src=\"${service.icon}\" class=\"w-10 h-10 object-contain filter brightness-0 invert\">\r\n                <\/div>\r\n\r\n                <h3 class=\"text-xl sm:text-2xl font-bold text-white uppercase tracking-wider mb-3\">\r\n                  ${service.title}\r\n                <\/h3>\r\n\r\n                <p class=\"text-gray-200 text-sm leading-relaxed\">\r\n                  ${service.description}\r\n                <\/p>\r\n              <\/div>\r\n\r\n              <a href=\"${service.link}\" class=\"arrow-link w-10 h-10 rounded-full flex items-center justify-center self-end mt-4\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 text-white\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n              <\/a>\r\n            <\/div>\r\n          `;\r\n          grid.appendChild(card);\r\n        });\r\n      }\r\n\r\n      document.addEventListener('DOMContentLoaded', renderServiceCards);\r\n    <\/script>\r\n\r\n  <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1da1214 e-con-full e-flex e-con e-parent\" data-id=\"1da1214\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71e97db elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"71e97db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"gemini-testimonials-section\">\r\n    <div class=\"gemini-header-container\">\r\n        <h2 class=\"gemini-section-title\">TESTIMONIALS<\/h2>\r\n        <div class=\"gemini-slider-nav\">\r\n            <div class=\"gemini-arrow gemini-prev-arrow\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z\" fill=\"white\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <div class=\"gemini-arrow gemini-next-arrow\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M8.59 16.59L10 18L16 12L10 6L8.59 7.41L13.17 12L8.59 16.59Z\" fill=\"white\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gemini-testimonials-wrapper\">\r\n        <div class=\"gemini-testimonials-track\">\r\n\r\n            <div class=\"gemini-testimonial-card\" data-index=\"0\">\r\n                <div class=\"gemini-quote-icon\">\r\n                    <span class=\"gemini-quote-symbol\">\u201c<\/span>\r\n                    <span class=\"gemini-rating\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n                <\/div>\r\n                <p class=\"gemini-testimonial-text\">Kenneyz Music provided fantastic sound design on our short film for Disney - It is a real pleasure working with Brendon and team, their work is of a high standard, and they were always communicative and accommodating of schedule changes when the need arose.<\/p>\r\n                <h4 class=\"gemini-client-name\">Mike Buckland<\/h4>\r\n                <p class=\"gemini-client-title\">Head of Production <span class=\"gemini-company-name\">Tigerfish<\/span><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"gemini-testimonial-card\" data-index=\"1\">\r\n                <div class=\"gemini-quote-icon\">\r\n                    <span class=\"gemini-quote-symbol\">\u201c<\/span>\r\n                    <span class=\"gemini-rating\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n                <\/div>\r\n                <p class=\"gemini-testimonial-text\">We at Golddunnit Promotions produce movies for Nat Geo Wild, Animal Planet, Netflix etc and we've had nothing but incredible professional sound service from Brendon at Kenneyz Music. Brendon has mixed countless wildlife and travel series for us over the years and it's always been a pleasure dealing with him.<\/p>\r\n                <h4 class=\"gemini-client-name\">Don Percival<\/h4>\r\n                <p class=\"gemini-client-title\">Executive Producer <span class=\"gemini-company-name\">Golddunnit Promotions<\/span><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"gemini-testimonial-card\" data-index=\"2\">\r\n                <div class=\"gemini-quote-icon\">\r\n                    <span class=\"gemini-quote-symbol\">\u201c<\/span>\r\n                    <span class=\"gemini-rating\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n                <\/div>\r\n                <p class=\"gemini-testimonial-text\">Excellent studio with all the trimmings - I shot a series of training videos here, which came out amazingly well. Brendon helped with the set-up and the sound. It's professional and great value for money.<\/p>\r\n                <h4 class=\"gemini-client-name\">Lita Currie<\/h4>\r\n                <p class=\"gemini-client-title\">Business Coach & Graphic Facilitator <span class=\"gemini-company-name\">Stockmen<\/span><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"gemini-testimonial-card\" data-index=\"3\">\r\n                <div class=\"gemini-quote-icon\">\r\n                    <span class=\"gemini-quote-symbol\">\u201c<\/span>\r\n                    <span class=\"gemini-rating\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n                <\/div>\r\n                <p class=\"gemini-testimonial-text\">Brendon's attention to detail on our feature film sound mix was impeccable. He worked tirelessly to meet our deadline and the results speak for themselves. Highly recommended for any professional audio work.<\/p>\r\n                <h4 class=\"gemini-client-name\">Sarah Jenkins<\/h4>\r\n                <p class=\"gemini-client-title\">Independent Filmmaker <span class=\"gemini-company-name\">Indie Cine Prod<\/span><\/p>\r\n            <\/div>\r\n\r\n            <div class=\"gemini-testimonial-card\" data-index=\"4\">\r\n                <div class=\"gemini-quote-icon\">\r\n                    <span class=\"gemini-quote-symbol\">\u201c<\/span>\r\n                    <span class=\"gemini-rating\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n                <\/div>\r\n                <p class=\"gemini-testimonial-text\">Outstanding quality and communication. We needed custom sound effects for our game project, and Kenneyz Music delivered beyond expectations, integrating perfectly with our development schedule. A five-star experience!<\/p>\r\n                <h4 class=\"gemini-client-name\">Alex Vane<\/h4>\r\n                <p class=\"gemini-client-title\">Lead Game Designer <span class=\"gemini-company-name\">Pixel Play<\/span><\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* --- FULL WIDTH & RESPONSIVE CSS --- *\/\r\n\r\n\/* --- Variables and General Styling --- *\/\r\n.gemini-testimonials-section {\r\n    font-family: 'Inter', Arial, sans-serif;\r\n    color: #FFFFFF;\r\n    padding: 60px 0;\r\n    background: #0A0A0E;\r\n    overflow: hidden;\r\n    width: 100%;\r\n}\r\n\r\n\/* --- Header and Navigation --- *\/\r\n.gemini-header-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 0 auto;\r\n    padding: 0 40px 40px 40px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gemini-section-title {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    margin: 0;\r\n    color: #fff;\r\n}\r\n\r\n.gemini-slider-nav {\r\n    display: flex;\r\n}\r\n\r\n.gemini-arrow {\r\n    width: 45px;\r\n    height: 45px;\r\n    border: 1px solid #FFFFFF;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s;\r\n    margin-left: 10px;\r\n    border-radius: 4px;\r\n}\r\n\r\n.gemini-arrow:hover { background-color: #2e2e34; }\r\n\r\n\/* --- Slider\/Track Setup --- *\/\r\n.gemini-testimonials-wrapper {\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    padding: 0 40px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.gemini-testimonials-track {\r\n    display: flex;\r\n    transition: transform 0.5s ease-in-out;\r\n    \/* Remove fixed width for the track to be calculated by JS\/Flexbox for the carousel logic *\/\r\n}\r\n\r\n\/* --- Testimonial Card Styling --- *\/\r\n.gemini-testimonial-card {\r\n    background-color: #17171C;\r\n    padding: 40px;\r\n    \/* Flex grow: 0, Flex shrink: 0, Flex basis: 33.333% - margin *\/\r\n    flex: 0 0 calc(33.333% - 20px); \/* Adjusted margin compensation *\/\r\n    margin-right: 30px; \/* Reduced margin to 30px for better visibility *\/\r\n    min-height: 350px;\r\n    border-radius: 8px;\r\n    box-sizing: border-box; \/* Crucial for calc() *\/\r\n}\r\n\r\n.gemini-testimonial-card:last-child { \r\n    margin-right: 0; \r\n}\r\n\r\n.gemini-quote-icon {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-bottom: 20px;\r\n    align-items: center;\r\n}\r\n\r\n.gemini-quote-symbol {\r\n    font-size: 60px;\r\n    line-height: 1;\r\n    color: #FFFFFF;\r\n    font-family: Georgia, serif;\r\n    font-weight: 900;\r\n}\r\n\r\n.gemini-rating {\r\n    font-size: 20px;\r\n    color: #FFC107;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.gemini-testimonial-text {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: #CCCCCC;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.gemini-client-name {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    margin: 0 0 5px 0;\r\n    color: #fff;\r\n}\r\n\r\n.gemini-client-title {\r\n    font-size: 14px;\r\n    color: #CCCCCC;\r\n    margin: 0;\r\n}\r\n\r\n.gemini-company-name {\r\n    color: #FF6B6B;\r\n    font-weight: 700;\r\n}\r\n\r\n\/* --- Responsive Adjustments --- *\/\r\n\r\n\/* Tablet (2 cards visible) *\/\r\n@media (max-width: 1024px) {\r\n    \/* Track width will be calculated by JS based on 2 slides\/view *\/\r\n    \r\n    .gemini-testimonial-card {\r\n        \/* Flex basis: 50% - margin *\/\r\n        flex: 0 0 calc(50% - 15px); \/* Adjusted margin compensation (margin-right: 30px) *\/\r\n    }\r\n}\r\n\r\n\/* Mobile (1 card visible and swipable) *\/\r\n@media (max-width: 768px) {\r\n    .gemini-header-container {\r\n        justify-content: space-between; \/* Keep original layout or center as needed *\/\r\n        padding: 0 20px 20px;\r\n    }\r\n\r\n    .gemini-testimonials-wrapper { \r\n        padding: 0 20px; \r\n    }\r\n\r\n    .gemini-testimonials-track {\r\n        \/* This will be managed by JS for the carousel, remove the !important from the original *\/\r\n        width: auto;\r\n        display: flex;\r\n        \/* transition property is kept for smooth slide *\/\r\n    }\r\n\r\n    .gemini-testimonial-card {\r\n        \/* Flex basis: 100% - margin *\/\r\n        flex: 0 0 calc(100% - 20px); \/* 100% width with 20px margin-right *\/\r\n        margin-right: 20px;\r\n        margin-bottom: 0; \/* Remove vertical margin *\/\r\n        min-height: auto;\r\n    }\r\n\r\n    \/* Keep the navigation for mobile swiping visual feedback *\/\r\n    \/* .gemini-slider-nav { display: none; } *\/\r\n    .gemini-section-title { font-size: 24px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n    const track = document.querySelector('.gemini-testimonials-track');\r\n    const cards = document.querySelectorAll('.gemini-testimonial-card');\r\n    const prevButton = document.querySelector('.gemini-prev-arrow');\r\n    const nextButton = document.querySelector('.gemini-next-arrow');\r\n    const cardCount = cards.length;\r\n\r\n    let currentIndex = 0;\r\n    let startX = 0;\r\n    let currentTranslate = 0;\r\n    let isDragging = false;\r\n    let cardGap = 30; \/\/ Matches CSS margin-right for desktop\/tablet\r\n    let mobileGap = 20; \/\/ Matches CSS margin-right for mobile\r\n\r\n    \/\/ Determine cards per view and card width\/gap for calculation\r\n    function getSlidesVisible() {\r\n        if (window.innerWidth <= 768) return 1; \/\/ Mobile slider ON, 1 card visible\r\n        if (window.innerWidth <= 1024) return 2; \/\/ Tablet, 2 cards visible\r\n        return 3; \/\/ Desktop, 3 cards visible\r\n    }\r\n\r\n    function getCardWidth() {\r\n        const slidesVisible = getSlidesVisible();\r\n        const wrapperWidth = track.parentElement.offsetWidth;\r\n        let gap = slidesVisible === 1 ? mobileGap : cardGap; \/\/ Use mobile gap or desktop gap\r\n\r\n        \/\/ Calculate the width of one card including its margin-right\r\n        \/\/ (Wrapper Width - Total Gaps) \/ Slides Visible + Margin Right\r\n        const cardWidth = (wrapperWidth - (slidesVisible - 1) * gap) \/ slidesVisible;\r\n        return cardWidth + gap; \/\/ Card content width + its right margin\r\n    }\r\n\r\n    \/\/ Update slider position\r\n    function updateSlider(animate = true) {\r\n        const slidesVisible = getSlidesVisible();\r\n        const maxIndex = cardCount - slidesVisible;\r\n        const currentGap = slidesVisible === 1 ? mobileGap : cardGap;\r\n        \r\n        currentIndex = Math.min(Math.max(0, currentIndex), maxIndex);\r\n\r\n        \/\/ Calculate the total offset required to center the current card\/set\r\n        \/\/ Calculate the percentage of one card + its margin relative to the track's parent wrapper (the viewable area)\r\n        \/\/ Since the track is flex, we use translateX\r\n        if (slidesVisible > 1) {\r\n             \/\/ For desktop\/tablet (2 or 3 visible), we use percentage based on the number of slides\r\n             const movePercent = (100 \/ slidesVisible) * currentIndex;\r\n             track.style.transform = `translateX(-${movePercent}%)`;\r\n        } else {\r\n             \/\/ For mobile (1 visible), we calculate based on the actual card width\/gap in pixels\r\n             const cardWidth = track.children[0].offsetWidth; \/\/ Get the computed card width (100% - 20px margin)\r\n             const totalCardMove = cardWidth + currentGap; \/\/ 100% card + 20px margin\r\n             const movePixels = totalCardMove * currentIndex;\r\n             track.style.transform = `translateX(-${movePixels}px)`;\r\n        }\r\n\r\n        track.style.transition = animate ? 'transform 0.5s ease-in-out' : 'none';\r\n    }\r\n\r\n    \/\/ Button controls\r\n    prevButton.addEventListener('click', () => {\r\n        const slidesVisible = getSlidesVisible();\r\n        const step = slidesVisible > 1 ? 1 : 1; \/\/ On desktop\/tablet, step 1 card, on mobile, step 1 card\r\n        currentIndex = Math.max(0, currentIndex - step);\r\n        updateSlider();\r\n    });\r\n\r\n    nextButton.addEventListener('click', () => {\r\n        const slidesVisible = getSlidesVisible();\r\n        const maxIndex = cardCount - slidesVisible;\r\n        const step = slidesVisible > 1 ? 1 : 1;\r\n        currentIndex = Math.min(maxIndex, currentIndex + step);\r\n        updateSlider();\r\n    });\r\n\r\n    \/\/ ----- TOUCH \/ SWIPE SUPPORT -----\r\n    track.addEventListener('touchstart', (e) => {\r\n        if (getSlidesVisible() < cardCount) { \/\/ Only enable swiping if there are more cards to show\r\n            startX = e.touches[0].clientX;\r\n            isDragging = true;\r\n            track.style.transition = 'none'; \/\/ Disable animation during drag\r\n        }\r\n    });\r\n\r\n    track.addEventListener('touchmove', (e) => {\r\n        if (!isDragging) return;\r\n\r\n        const slidesVisible = getSlidesVisible();\r\n        \/\/ The visible slides logic is important here. If 3 are visible, no swipe. If 1 or 2, swipe.\r\n        if (slidesVisible >= cardCount) return; \r\n\r\n        const diff = e.touches[0].clientX - startX;\r\n        \r\n        \/\/ Get current translated value\r\n        const currentTransform = window.getComputedStyle(track).transform;\r\n        if (currentTransform && currentTransform !== 'none') {\r\n            const matrix = currentTransform.match(\/matrix.*\\((.+)\\)\/)[1].split(', ');\r\n            currentTranslate = parseFloat(matrix[4]); \/\/ The X translation value\r\n        } else {\r\n            currentTranslate = 0;\r\n        }\r\n\r\n        \/\/ Apply a visual drag effect\r\n        track.style.transform = `translateX(${currentTranslate + diff}px)`;\r\n    });\r\n\r\n    track.addEventListener('touchend', (e) => {\r\n        if (!isDragging) return;\r\n        isDragging = false;\r\n\r\n        const slidesVisible = getSlidesVisible();\r\n        const maxIndex = cardCount - slidesVisible;\r\n        const endX = e.changedTouches[0].clientX;\r\n        const diff = endX - startX;\r\n        const sensitivity = 60; \/\/ Swipe threshold\r\n\r\n        track.style.transition = 'transform 0.5s ease-in-out'; \/\/ Re-enable animation\r\n\r\n        if (Math.abs(diff) > sensitivity) {\r\n            if (diff > 0) {\r\n                currentIndex = Math.max(0, currentIndex - 1); \/\/ swipe right \u2192 previous\r\n            } else {\r\n                currentIndex = Math.min(maxIndex, currentIndex + 1); \/\/ swipe left \u2192 next\r\n            }\r\n        }\r\n\r\n        updateSlider(); \/\/ Snap to the calculated index\r\n    });\r\n\r\n    \/\/ Reset on resize\r\n    function handleResize() {\r\n        \/\/ Recalculate track width and reset index for smooth transition between breakpoints\r\n        currentIndex = 0;\r\n        updateSlider(false); \/\/ No animation on resize\r\n    }\r\n\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    \/\/ Initialize slider\r\n    updateSlider();\r\n});\r\n<\/script>\r\n\r\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>WHERE CREATORS BECOMETHOUGHT-LEADERS Our studio gives you the tools, guidance and top-tier production quality you need to create content that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","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":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-158","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/158","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/comments?post=158"}],"version-history":[{"count":112,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"predecessor-version":[{"id":1139,"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/pages\/158\/revisions\/1139"}],"wp:attachment":[{"href":"https:\/\/music.kenneyzproductions.com\/index.php\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}