{"id":130,"date":"2026-03-24T17:12:53","date_gmt":"2026-03-24T17:12:53","guid":{"rendered":"https:\/\/radiolanarkshiremtd.duckdns.org\/?page_id=130"},"modified":"2026-03-25T23:03:23","modified_gmt":"2026-03-25T23:03:23","slug":"home","status":"publish","type":"page","link":"https:\/\/radiolanarkshiremtd.duckdns.org\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"-mt-0.5 -mb-0.5 w-full bg-slate-950 px-4 py-5 text-slate-100 md:px-8 xl:px-12 2xl:px-16\">\n  <main class=\"mx-auto max-w-[1680px] space-y-8 xl:space-y-10\" data-purpose=\"radio-lanarkshire-homepage\">\n\n    <section class=\"relative overflow-hidden rounded-[2rem] border border-slate-800 bg-[#1b263b] shadow-2xl\" data-purpose=\"home-hero\">\n      <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(239,68,68,0.20),transparent_28%),radial-gradient(circle_at_bottom_right,rgba(168,85,247,0.16),transparent_34%)]\"><\/div>\n      <div class=\"absolute inset-0 opacity-20\">\n        <div class=\"absolute -left-20 top-10 h-48 w-48 rounded-full bg-red-500 blur-3xl\"><\/div>\n        <div class=\"absolute right-0 top-0 h-56 w-56 rounded-full bg-purple-600 blur-3xl\"><\/div>\n        <div class=\"absolute bottom-0 left-1\/3 h-40 w-40 rounded-full bg-red-400 blur-3xl\"><\/div>\n      <\/div>\n\n      <div class=\"relative grid grid-cols-1 gap-8 p-6 md:p-8 xl:grid-cols-12 xl:items-center xl:gap-10 xl:p-10 2xl:p-12\">\n        <div class=\"xl:col-span-7\">\n          <div class=\"mb-5 flex flex-wrap items-center gap-3\">\n            <span class=\"inline-flex items-center rounded-full border border-red-500\/30 bg-red-500\/10 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.22em] text-red-400\">\n              Radio Lanarkshire\n            <\/span>\n            <span class=\"inline-flex items-center rounded-full border border-slate-700 bg-slate-900\/50 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.22em] text-slate-400\">\n              Lanarkshire \u2022 24\/7 Radio \u2022 Music \u2022 Live Shows\n            <\/span>\n          <\/div>\n\n          <h1 class=\"max-w-4xl text-4xl font-black leading-tight text-white md:text-5xl xl:text-6xl 2xl:text-7xl\">\n            Lanarkshire radio with big music, strong personalities, and a station sound that stays with you.\n          <\/h1>\n\n          <p class=\"mt-6 max-w-3xl text-base leading-8 text-slate-300 xl:text-lg\">\n            Welcome to Radio Lanarkshire \u2014 a 24\/7 station built around live shows, fresh energy, presenter personality, and a strong connection to Lanarkshire. Listen live, explore the team, catch the latest station stories, and stay close to everything happening on and off air.\n          <\/p>\n\n          <div class=\"mt-8 flex flex-wrap gap-4\">\n            <a href=\"\/index.php\/livelisten\/\"\n   class=\"inline-flex items-center justify-center rounded-xl px-7 py-3.5 text-sm font-bold text-white shadow-lg shadow-red-900\/30 transition-all active:scale-95\"\n   style=\"background: linear-gradient(to right, #dc2626, #7c3aed);\"\n   onmouseover=\"this.style.background='linear-gradient(to right, #ef4444, #8b5cf6)'\"\n   onmouseout=\"this.style.background='linear-gradient(to right, #dc2626, #7c3aed)'\">\n  Launch Live Listener\n<\/a>\n            <a href=\"\/index.php\/social\/\" class=\"inline-flex items-center justify-center rounded-xl border border-slate-600 bg-slate-900 px-7 py-3.5 text-sm font-bold text-slate-100 shadow-lg shadow-slate-950\/30 transition hover:border-slate-500 hover:bg-slate-800\">\n              Explore Social\n            <\/a>\n          <\/div>\n\n          <div class=\"mt-8 grid grid-cols-2 gap-3 md:grid-cols-4\">\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/40 p-4 shadow-lg shadow-slate-950\/20\">\n              <p class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-slate-500\">Live Shows<\/p>\n              <p class=\"mt-2 text-2xl font-bold text-white\">Daily<\/p>\n            <\/div>\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/40 p-4 shadow-lg shadow-slate-950\/20\">\n              <p class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-slate-500\">Presenters<\/p>\n              <p class=\"mt-2 text-2xl font-bold text-white\">4<\/p>\n            <\/div>\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/40 p-4 shadow-lg shadow-slate-950\/20\">\n              <p class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-slate-500\">Station Stories<\/p>\n              <p class=\"mt-2 text-2xl font-bold text-white\">5<\/p>\n            <\/div>\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/40 p-4 shadow-lg shadow-slate-950\/20\">\n              <p class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-slate-500\">Available<\/p>\n              <p class=\"mt-2 text-2xl font-bold text-white\">24\/7<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"xl:col-span-5\">\n          <div class=\"overflow-hidden rounded-[1.75rem] border border-slate-700 bg-slate-950\/40 shadow-2xl shadow-slate-950\/40 backdrop-blur\">\n            <div class=\"relative h-[360px] md:h-[420px] xl:h-[520px]\">\n              <img decoding=\"async\"\n                class=\"absolute inset-0 h-full w-full object-cover\"\n                src=\"https:\/\/i.postimg.cc\/5yDV0H9M\/Image.jpg\"\n              \/>\n              <div class=\"absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950\/20 to-transparent\"><\/div>\n\n              <div class=\"absolute left-4 top-4\">\n                <span class=\"inline-flex items-center gap-2 rounded-full bg-red-600 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.18em] text-white shadow-lg shadow-red-900\/30\">\n                  On Air Every Day\n                <\/span>\n              <\/div>\n\n              <div class=\"absolute bottom-4 left-4 right-4 rounded-2xl border border-slate-700 bg-slate-950\/75 p-5 backdrop-blur\">\n                <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-red-400\">Station Focus<\/p>\n                <h3 class=\"mt-2 text-2xl font-bold text-white\">Big music, local character, real radio presence.<\/h3>\n                <p class=\"mt-3 text-sm leading-7 text-slate-300\">\n                  Radio Lanarkshire is built to sound alive at every hour \u2014 with recognisable voices, memorable shows, and a clear identity listeners can come back to.\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"grid grid-cols-1 gap-6 xl:grid-cols-12\" data-purpose=\"homepage-intro-row\">\n      <div class=\"rounded-[1.75rem] border border-slate-800 bg-[#1b263b] p-7 shadow-xl shadow-slate-950\/20 xl:col-span-8 xl:p-8 2xl:p-10\">\n        <div class=\"max-w-4xl\">\n          <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-red-400\">The Station Experience<\/p>\n          <h2 class=\"mt-3 text-3xl font-bold text-white md:text-4xl\">A stronger home for listening, discovery, and station personality<\/h2>\n          <p class=\"mt-4 text-sm leading-8 text-slate-400 md:text-base\">\n            A great radio home page should do more than welcome people in. It should instantly tell visitors what the station sounds like, who is behind the mic, where to listen, and what else is happening around the brand. Radio Lanarkshire should feel clear, current, and full of energy from the very first section.\n          <\/p>\n        <\/div>\n\n        <div class=\"mt-8 grid grid-cols-1 gap-4 md:grid-cols-2 2xl:grid-cols-4\">\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <div class=\"flex h-12 w-12 items-center justify-center rounded-2xl bg-red-500\/10 text-red-400\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19V6l12-2v13M9 19a2 2 0 11-4 0 2 2 0 014 0zm12-2a2 2 0 11-4 0 2 2 0 014 0z\" \/><\/svg>\n            <\/div>\n            <h3 class=\"mt-4 text-lg font-bold text-white\">Music with impact<\/h3>\n            <p class=\"mt-3 text-sm leading-7 text-slate-400\">A station sound built around strong selection, familiar favourites, and the kind of energy that keeps people listening.<\/p>\n          <\/div>\n\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <div class=\"flex h-12 w-12 items-center justify-center rounded-2xl bg-purple-500\/10 text-purple-400\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14m-6 5h6a2 2 0 002-2V7a2 2 0 00-2-2H9a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\n            <\/div>\n            <h3 class=\"mt-4 text-lg font-bold text-white\">Presenters with presence<\/h3>\n            <p class=\"mt-3 text-sm leading-7 text-slate-400\">Kieran King, Liam O&#8217;Hara, Praise Oguns, and Genis Kumar Joshi give the station a recognisable voice across the week.<\/p>\n          <\/div>\n\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <div class=\"flex h-12 w-12 items-center justify-center rounded-2xl bg-red-500\/10 text-red-400\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.657 16.657L13.414 12.414a2 2 0 10-2.828 2.828l4.243 4.243a8 8 0 111.414-1.414z\" \/><\/svg>\n            <\/div>\n            <h3 class=\"mt-4 text-lg font-bold text-white\">Built for discovery<\/h3>\n            <p class=\"mt-3 text-sm leading-7 text-slate-400\">From listening live to reading the latest stories, every part of the station should feel easy to find and worth exploring.<\/p>\n          <\/div>\n\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <div class=\"flex h-12 w-12 items-center justify-center rounded-2xl bg-purple-500\/10 text-purple-400\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 10h18M7 15h1m4 0h5M6 19h12a2 2 0 002-2V7a2 2 0 00-2-2H6a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\n            <\/div>\n            <h3 class=\"mt-4 text-lg font-bold text-white\">A premium station look<\/h3>\n            <p class=\"mt-3 text-sm leading-7 text-slate-400\">Dark, polished, and modern styling that makes the brand feel confident and properly on-air.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <aside class=\"rounded-[1.75rem] border border-slate-800 bg-gradient-to-br from-[#1b263b] to-[#0f172a] p-7 shadow-2xl xl:col-span-4 xl:p-8 2xl:p-10\">\n        <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-purple-400\">Quick Snapshot<\/p>\n        <h2 class=\"mt-3 text-3xl font-bold text-white\">What listeners step into<\/h2>\n        <p class=\"mt-4 text-sm leading-8 text-slate-400\">\n          Radio Lanarkshire is more than a play button. It is a full station experience with live listening, presenter identity, social content, and story-led updates.\n        <\/p>\n\n        <div class=\"mt-8 space-y-4\">\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <p class=\"text-sm font-bold text-white\">Live experience<\/p>\n            <p class=\"mt-2 text-sm leading-7 text-slate-400\">A clear route into the station stream with a page that feels immediate and on-air.<\/p>\n          <\/div>\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <p class=\"text-sm font-bold text-white\">Presenter identity<\/p>\n            <p class=\"mt-2 text-sm leading-7 text-slate-400\">Shows feel stronger when the people behind them feel visible, distinct, and memorable.<\/p>\n          <\/div>\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <p class=\"text-sm font-bold text-white\">Station stories<\/p>\n            <p class=\"mt-2 text-sm leading-7 text-slate-400\">Go beyond short updates with fuller features, highlights, and behind-the-scenes reading.<\/p>\n          <\/div>\n          <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n            <p class=\"text-sm font-bold text-white\">Direct contact<\/p>\n            <p class=\"mt-2 text-sm leading-7 text-slate-400\">Make it easy for listeners to send requests, messages, and enquiries to the station.<\/p>\n          <\/div>\n        <\/div>\n      <\/aside>\n    <\/section>\n\n    <section class=\"overflow-hidden rounded-[2rem] border border-slate-800 bg-[#1b263b] shadow-2xl\" data-purpose=\"homepage-live-listener-section\">\n      <div class=\"grid grid-cols-1 xl:grid-cols-12\">\n        <div class=\"relative min-h-[340px] xl:col-span-5\">\n          <img decoding=\"async\"\n            class=\"absolute inset-0 h-full w-full object-cover\"\n            src=\"https:\/\/i.postimg.cc\/5yDV0H9M\/Image.jpg\"\n          \/>\n          <div class=\"absolute inset-0 bg-gradient-to-r from-slate-950\/80 via-slate-950\/30 to-transparent xl:bg-gradient-to-t xl:from-slate-950\/80 xl:via-slate-950\/20 xl:to-transparent\"><\/div>\n          <div class=\"absolute left-6 top-6\">\n            <span class=\"inline-flex items-center rounded-full bg-red-600 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.18em] text-white shadow-lg shadow-red-900\/30\">\n              Live Listener\n            <\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"p-7 xl:col-span-7 xl:p-10 2xl:p-12\">\n          <div class=\"max-w-4xl\">\n            <h2 class=\"text-3xl font-bold text-white md:text-4xl\">Step straight into the live station experience<\/h2>\n            <p class=\"mt-4 text-sm leading-8 text-slate-400 md:text-base\">\n              The Live Listener page is where Radio Lanarkshire feels most immediate. It should be the place people head when they want the station as it is right now \u2014 live, active, and ready to play without friction.\n            <\/p>\n          <\/div>\n\n          <div class=\"mt-8 grid grid-cols-1 gap-4 md:grid-cols-3\">\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <p class=\"text-sm font-bold text-white\">Listen instantly<\/p>\n              <p class=\"mt-2 text-sm leading-7 text-slate-400\">A fast, simple route into the stream with no confusion about where to start.<\/p>\n            <\/div>\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <p class=\"text-sm font-bold text-white\">Feel the station live<\/p>\n              <p class=\"mt-2 text-sm leading-7 text-slate-400\">A page that reflects the energy of the broadcast rather than feeling static or disconnected.<\/p>\n            <\/div>\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <p class=\"text-sm font-bold text-white\">Stay close to the action<\/p>\n              <p class=\"mt-2 text-sm leading-7 text-slate-400\">Make the live page the natural next step for anyone arriving on the site.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mt-8 flex flex-wrap gap-4\">\n            <a href=\"\/index.php\/livelisten\/\"\n   class=\"inline-flex items-center justify-center rounded-xl px-7 py-3.5 text-sm font-bold text-white shadow-lg shadow-red-900\/30 transition-all active:scale-95\"\n   style=\"background: linear-gradient(to right, #dc2626, #7c3aed);\"\n   onmouseover=\"this.style.background='linear-gradient(to right, #ef4444, #8b5cf6)'\"\n   onmouseout=\"this.style.background='linear-gradient(to right, #dc2626, #7c3aed)'\">\n  Open Live Listener\n<\/a>\n\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"overflow-hidden rounded-[2rem] border border-slate-800 bg-[#1b263b] shadow-2xl\" data-purpose=\"homepage-social-section\">\n      <div class=\"grid grid-cols-1 xl:grid-cols-12\">\n        <div class=\"p-7 xl:col-span-7 xl:p-10 2xl:p-12\">\n          <div class=\"max-w-4xl\">\n            <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-purple-400\">Social Page<\/p>\n            <h2 class=\"mt-3 text-3xl font-bold text-white md:text-4xl\">Follow the station beyond the player<\/h2>\n            <p class=\"mt-4 text-sm leading-8 text-slate-400 md:text-base\">\n              A strong social page keeps the station visible between shows. It gives Radio Lanarkshire space for story previews, presenter features, station updates, and the kind of content that makes the brand feel active every day, not just when the stream is open.\n            <\/p>\n          <\/div>\n\n          <div class=\"mt-8 grid grid-cols-1 gap-4 md:grid-cols-2\">\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <div class=\"flex items-center gap-3\">\n                <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-purple-500\/10 text-purple-400\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 8h10M7 12h6m-6 4h10M5 4h14a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2z\" \/><\/svg>\n                <\/div>\n                <p class=\"text-base font-bold text-white\">Featured stories<\/p>\n              <\/div>\n              <p class=\"mt-3 text-sm leading-7 text-slate-400\">Highlight presenter moments, station features, and the stories people will want to click into.<\/p>\n            <\/div>\n\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <div class=\"flex items-center gap-3\">\n                <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-red-500\/10 text-red-400\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 8h2a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2v-8a2 2 0 012-2h2m10 0V6a2 2 0 00-2-2H9a2 2 0 00-2 2v2m10 0H7\" \/><\/svg>\n                <\/div>\n                <p class=\"text-base font-bold text-white\">Platform pathways<\/p>\n              <\/div>\n              <p class=\"mt-3 text-sm leading-7 text-slate-400\">Make it easy for visitors to jump from the website to the station\u2019s social channels and updates.<\/p>\n            <\/div>\n\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <div class=\"flex items-center gap-3\">\n                <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-purple-500\/10 text-purple-400\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-4l-3 3-3-3z\" \/><\/svg>\n                <\/div>\n                <p class=\"text-base font-bold text-white\">Station updates<\/p>\n              <\/div>\n              <p class=\"mt-3 text-sm leading-7 text-slate-400\">Keep listeners in the loop with fresh content, announcements, and moments from across the week.<\/p>\n            <\/div>\n\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <div class=\"flex items-center gap-3\">\n                <div class=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-red-500\/10 text-red-400\">\n                  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.8\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.868v4.264a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.27-3.812A7.61 7.61 0 013 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" \/><\/svg>\n                <\/div>\n                <p class=\"text-base font-bold text-white\">Story-led content<\/p>\n              <\/div>\n              <p class=\"mt-3 text-sm leading-7 text-slate-400\">Use visuals, headlines, and quick summaries to pull visitors into the full Storys page.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mt-8\">\n            <a href=\"\/index.php\/social\/\" class=\"inline-flex items-center justify-center rounded-xl border border-slate-600 bg-slate-900 px-7 py-3.5 text-sm font-bold text-slate-100 shadow-lg shadow-slate-950\/30 transition hover:border-slate-500 hover:bg-slate-800\">\n              Visit the Social Page\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"relative min-h-[340px] xl:col-span-5\">\n          <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(168,85,247,0.18),transparent_40%),radial-gradient(circle_at_bottom_right,rgba(239,68,68,0.12),transparent_40%)]\"><\/div>\n          <div class=\"relative flex h-full items-center justify-center p-8\">\n            <div class=\"grid w-full max-w-lg gap-4\">\n              <div class=\"rounded-2xl border border-slate-700 bg-slate-950\/50 p-5 shadow-xl shadow-slate-950\/20\">\n                <p class=\"text-sm font-bold text-white\">Featured station post<\/p>\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">Preview presenter features, latest station moments, and the stories giving the brand a stronger voice online.<\/p>\n              <\/div>\n              <div class=\"grid grid-cols-2 gap-4\">\n                <div class=\"rounded-2xl border border-slate-700 bg-slate-950\/40 p-5\">\n                  <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-purple-400\">Storys<\/p>\n                  <p class=\"mt-3 text-2xl font-bold text-white\">05<\/p>\n                <\/div>\n                <div class=\"rounded-2xl border border-slate-700 bg-slate-950\/40 p-5\">\n                  <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-red-400\">Updates<\/p>\n                  <p class=\"mt-3 text-2xl font-bold text-white\">Weekly<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"rounded-2xl border border-slate-700 bg-slate-950\/40 p-5\">\n                <p class=\"text-sm font-bold text-white\">Designed to feel connected<\/p>\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">The Social page should work as an active bridge between the station, its stories, and its audience.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"grid grid-cols-1 gap-6 xl:grid-cols-2\" data-purpose=\"homepage-contact-login-row\">\n      <div class=\"overflow-hidden rounded-[2rem] border border-slate-800 bg-[#1b263b] shadow-2xl\">\n        <div class=\"relative\">\n          <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_top_left,rgba(239,68,68,0.14),transparent_35%)]\"><\/div>\n          <div class=\"relative p-7 xl:p-10 2xl:p-12\">\n            <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-red-400\">Contact Us<\/p>\n            <h2 class=\"mt-3 text-3xl font-bold text-white md:text-4xl\">Open the door for direct station contact<\/h2>\n            <p class=\"mt-4 max-w-3xl text-sm leading-8 text-slate-400 md:text-base\">\n              The Contact page should feel clear, useful, and ready for real listener interaction. Whether someone wants to send a song request, ask a question, or contact the station directly, this should be the place where that happens quickly and cleanly.\n            <\/p>\n\n            <div class=\"mt-8 grid grid-cols-1 gap-4 md:grid-cols-2\">\n              <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n                <p class=\"text-base font-bold text-white\">Song requests<\/p>\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">Give listeners a simple way to send in tracks and messages for the station.<\/p>\n              <\/div>\n              <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n                <p class=\"text-base font-bold text-white\">General enquiries<\/p>\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">Create a professional route for station questions, opportunities, and wider communication.<\/p>\n              <\/div>\n              <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n                <p class=\"text-base font-bold text-white\">Listener shoutouts<\/p>\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">Make it easy for the audience to send messages that can connect back into the live station feel.<\/p>\n              <\/div>\n              <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n                <p class=\"text-base font-bold text-white\">Clean form flow<\/p>\n                <p class=\"mt-2 text-sm leading-7 text-slate-400\">Simple, modern, easy-to-use fields that keep the process quick and welcoming.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"mt-8\">\n              <a href=\"\/index.php\/contact-us\/\"\n   class=\"inline-flex items-center justify-center rounded-xl px-7 py-3.5 text-sm font-bold text-white shadow-lg shadow-red-900\/30 transition-all active:scale-95\"\n   style=\"background: linear-gradient(to right, #dc2626, #7c3aed);\"\n   onmouseover=\"this.style.background='linear-gradient(to right, #ef4444, #8b5cf6)'\"\n   onmouseout=\"this.style.background='linear-gradient(to right, #dc2626, #7c3aed)'\">\n  Go to Contact Us\n<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"overflow-hidden rounded-[2rem] border border-slate-800 bg-gradient-to-br from-[#1b263b] to-[#0f172a] shadow-2xl\">\n        <div class=\"relative p-7 xl:p-10 2xl:p-12\">\n          <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-purple-400\">Log In<\/p>\n          <h2 class=\"mt-3 text-3xl font-bold text-white md:text-4xl\">Give account access its own clean destination<\/h2>\n          <p class=\"mt-4 max-w-3xl text-sm leading-8 text-slate-400 md:text-base\">\n            Login should feel deliberate, polished, and fully part of the station. A dedicated sign-in page gives members and station users a clear route in while keeping the wider website tidy and easy to navigate.\n          <\/p>\n\n          <div class=\"mt-8 grid grid-cols-1 gap-4 md:grid-cols-2\">\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <p class=\"text-base font-bold text-white\">Simple access<\/p>\n              <p class=\"mt-2 text-sm leading-7 text-slate-400\">Straightforward sign-in without clutter, confusion, or unnecessary distractions.<\/p>\n            <\/div>\n            <div class=\"rounded-2xl border border-slate-800 bg-slate-950\/30 p-5\">\n              <p class=\"text-base font-bold text-white\">Visual consistency<\/p>\n              <p class=\"mt-2 text-sm leading-7 text-slate-400\">The same dark, sleek look as the rest of the station so everything feels connected.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"mt-8 rounded-[1.5rem] border border-slate-700 bg-slate-950\/40 p-6 shadow-xl shadow-slate-950\/20\">\n            <p class=\"text-sm font-bold text-white\">Designed to feel deliberate<\/p>\n            <p class=\"mt-3 text-sm leading-7 text-slate-400\">\n              The login page should feel like part of the Radio Lanarkshire experience, not a generic box placed on the side of the site.\n            <\/p>\n          <\/div>\n\n          <div class=\"mt-8 flex justify-center gap-4\">\n            <a href=\"\/index.php\/login\/\" class=\"inline-flex items-center justify-center rounded-xl border border-slate-600 bg-slate-900 px-7 py-3.5 text-sm font-bold text-slate-100 shadow-lg shadow-slate-950\/30 transition hover:border-slate-500 hover:bg-slate-800\">\n              Open Sign In\n            <\/a>\n<a href=\"\/index.php\/register\/\" class=\"inline-flex items-center justify-center rounded-xl border border-slate-600 bg-slate-900 px-7 py-3.5 text-sm font-bold text-slate-100 shadow-lg shadow-slate-950\/30 transition hover:border-slate-500 hover:bg-slate-800\">\n              Open Sign UP\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"rounded-[2rem] border border-slate-800 bg-[#1b263b] p-7 shadow-2xl md:p-8 xl:p-10 2xl:p-12\" data-purpose=\"homepage-final-cta\">\n      <div class=\"grid grid-cols-1 gap-8 xl:grid-cols-12 xl:items-center\">\n        <div class=\"xl:col-span-8\">\n          <p class=\"text-[10px] font-bold uppercase tracking-[0.22em] text-red-400\">Station Storys<\/p>\n          <h2 class=\"mt-3 text-3xl font-bold text-white md:text-4xl xl:text-5xl\">Go deeper into the people, moments, and stories behind Radio Lanarkshire.<\/h2>\n          <p class=\"mt-4 max-w-4xl text-sm leading-8 text-slate-400 md:text-base\">\n            From presenter features to station highlights and full behind-the-scenes stories, the Storys page gives listeners a closer look at what makes Radio Lanarkshire more than just something you hear.\n          <\/p>\n        <\/div>\n\n        <div class=\"flex flex-col gap-4 xl:col-span-4 xl:items-end\">\n          <a href=\"\/index.php\/storys\/\" class=\"inline-flex w-full items-center justify-center rounded-xl border border-slate-600 bg-slate-900 px-6 py-3.5 text-sm font-bold text-slate-100 shadow-lg shadow-slate-950\/30 transition hover:border-slate-500 hover:bg-slate-800 xl:w-auto\">\n            Radio Lanarkshire Storys\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n  <\/main>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Radio Lanarkshire Lanarkshire \u2022 24\/7 Radio \u2022 Music \u2022 Live Shows Lanarkshire radio with big music, strong personalities, and a station sound that stays with you. Welcome to Radio Lanarkshire \u2014 a 24\/7 station built around live shows, fresh energy, presenter personality, and a strong connection to Lanarkshire. Listen live, explore the team, catch the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"2-0","meta":{"footnotes":""},"class_list":["post-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":24,"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/radiolanarkshiremtd.duckdns.org\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}