{"id":29,"date":"2025-11-20T04:39:12","date_gmt":"2025-11-20T04:39:12","guid":{"rendered":"https:\/\/dailydose.ie\/?page_id=29"},"modified":"2025-12-03T07:39:58","modified_gmt":"2025-12-03T07:39:58","slug":"home","status":"publish","type":"page","link":"https:\/\/dailydose.ie\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e994ae e-flex e-con-boxed e-con e-parent\" data-id=\"3e994ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4030df4 elementor-widget elementor-widget-html\" data-id=\"4030df4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Daily Dose | Sandyford<\/title>\r\n    \r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    fontFamily: {\r\n                        sans: ['Inter', 'sans-serif'],\r\n                    },\r\n                    colors: {\r\n                        black: '#000000',\r\n                        white: '#ffffff',\r\n                        'off-white': '#fafafa',\r\n                        'gray-light': '#f5f5f5'\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* CRITICAL OVERRIDE STYLES\r\n           This forces the app to cover the entire WP Theme \r\n        *\/\r\n        \r\n        \/* 1. Hide the WP theme's scrollbar *\/\r\n        body {\r\n            overflow: hidden !important; \r\n        }\r\n\r\n        \/* 2. The Main Overlay Container *\/\r\n        #daily-dose-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100vw;\r\n            height: 100vh;\r\n            background-color: #ffffff;\r\n            z-index: 2147483647; \/* Maximum possible Z-Index to sit on top of everything *\/\r\n            overflow-y: auto; \/* Enable vertical scrolling inside the overlay *\/\r\n            overflow-x: hidden;\r\n            -webkit-overflow-scrolling: touch; \/* Smooth scroll on iOS *\/\r\n            font-family: 'Inter', sans-serif; \/* Force font *\/\r\n        }\r\n\r\n        \/* 3. Smooth Scrolling behavior inside the overlay *\/\r\n        #daily-dose-overlay {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        \/* 4. Custom Scrollbar Styling (Optional, for sleek look) *\/\r\n        #daily-dose-overlay::-webkit-scrollbar {\r\n            width: 8px;\r\n        }\r\n        #daily-dose-overlay::-webkit-scrollbar-track {\r\n            background: #ffffff;\r\n        }\r\n        #daily-dose-overlay::-webkit-scrollbar-thumb {\r\n            background-color: #000000;\r\n            border-radius: 4px;\r\n            border: 2px solid #ffffff;\r\n        }\r\n\r\n        \/* 5. RESET BUTTON STYLES (Fixes weird theme borders) *\/\r\n        #daily-dose-overlay button {\r\n            border: none !important;\r\n            outline: none !important;\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        \/* 6. FORCE TRANSPARENT BACKGROUNDS (Fixes theme hover colors like pink) *\/\r\n        #daily-dose-overlay .bg-transparent,\r\n        #daily-dose-overlay .bg-transparent:hover, \r\n        #daily-dose-overlay .bg-transparent:focus,\r\n        #daily-dose-overlay .bg-transparent:active {\r\n            background-color: transparent !important;\r\n        }\r\n\r\n        \/* 7. STRICT LOGO SIZING (Fixes Elementor huge image issue) *\/\r\n        #daily-dose-logo-nav {\r\n            height: 48px !important;\r\n            width: auto !important;\r\n            max-width: 200px !important;\r\n            object-fit: contain !important;\r\n        }\r\n\r\n        \/* Animation *\/\r\n        .fade-in {\r\n            animation: fadeIn 1.5s ease-out forwards;\r\n            opacity: 0;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"font-sans antialiased text-black bg-white selection:bg-black selection:text-white\">\r\n\r\n    <!-- THE FULLSCREEN OVERLAY WRAPPER -->\r\n    <div id=\"daily-dose-overlay\">\r\n\r\n        <!-- TOP NAVIGATION (Fixed inside the overlay) -->\r\n        <nav class=\"sticky top-0 w-full z-50 bg-white\/95 backdrop-blur-sm border-b border-gray-100 transition-all duration-300\">\r\n            <div class=\"container mx-auto px-6 h-20 flex justify-between items-center\">\r\n                \r\n                <!-- Navbar Image Logo -->\r\n                <!-- Note: Added explicit inline styles and ID to force size in Elementor -->\r\n                <a href=\"#\" onclick=\"smoothScroll('hero')\" class=\"hover:opacity-70 transition-opacity cursor-pointer block h-12\">\r\n                    <img decoding=\"async\" \r\n                        id=\"daily-dose-logo-nav\"\r\n                        src=\"https:\/\/dailydose.ie\/wp-content\/uploads\/2025\/11\/logo-1.png\" \r\n                        alt=\"Daily Dose\" \r\n                        class=\"h-12 w-auto filter invert\"\r\n                        style=\"height: 48px !important; width: auto !important; max-height: 48px !important;\"\r\n                    >\r\n                <\/a>\r\n\r\n                <!-- Desktop Menu -->\r\n                <div class=\"hidden md:flex items-center space-x-10\">\r\n                    <button onclick=\"smoothScroll('about')\" class=\"text-sm text-gray-600 hover:text-black transition-colors bg-transparent\">About<\/button>\r\n                    <button onclick=\"smoothScroll('location')\" class=\"text-sm text-gray-600 hover:text-black transition-colors bg-transparent\">Location<\/button>\r\n                    <button onclick=\"smoothScroll('socials')\" class=\"text-sm text-gray-600 hover:text-black transition-colors bg-transparent\">Socials<\/button>\r\n                    <button onclick=\"smoothScroll('location')\" class=\"bg-black text-white px-5 py-2 text-sm rounded-full hover:bg-gray-800 transition-colors\">Visit Shop<\/button>\r\n                <\/div>\r\n\r\n                <!-- Mobile Menu Button -->\r\n                <button id=\"mobile-toggle\" class=\"md:hidden p-2 text-gray-600 bg-transparent\">\r\n                    <i data-lucide=\"menu\" class=\"w-6 h-6\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Mobile Menu Dropdown -->\r\n            <div id=\"mobile-menu\" class=\"hidden absolute top-full left-0 w-full bg-white border-b border-gray-100 p-6 flex-col space-y-4 md:hidden shadow-lg\">\r\n                <button class=\"block text-lg font-medium text-gray-800 w-full text-left bg-transparent\" onclick=\"smoothScroll('about')\">About<\/button>\r\n                <button class=\"block text-lg font-medium text-gray-800 w-full text-left bg-transparent\" onclick=\"smoothScroll('location')\">Location<\/button>\r\n                <button class=\"block text-lg font-medium text-gray-800 w-full text-left bg-transparent\" onclick=\"smoothScroll('socials')\">Socials<\/button>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <!-- MAIN CONTENT -->\r\n        <main>\r\n            \r\n            <!-- SECTION 1: HERO (Black BG + Centered White Logo) -->\r\n            <section id=\"hero\" class=\"h-screen w-full bg-black flex items-center justify-center px-4 relative\">\r\n                <div class=\"fade-in text-center\">\r\n                    <!-- LOGO IMAGE (White) -->\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/dailydose.ie\/wp-content\/uploads\/2025\/11\/logo-1.png\" \r\n                        alt=\"Daily Dose Logo\" \r\n                        class=\"w-64 md:w-96 max-w-full h-auto mx-auto mb-8\"\r\n                    >\r\n                    <p class=\"text-white\/60 text-sm tracking-widest uppercase font-medium mt-4\">Sandyford, Dublin<\/p>\r\n                <\/div>\r\n                \r\n                <!-- Scroll Indicator -->\r\n                <button onclick=\"smoothScroll('about')\" class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 text-white\/40 hover:text-white transition-colors animate-bounce cursor-pointer bg-transparent\">\r\n                    <i data-lucide=\"chevron-down\" class=\"w-8 h-8\"><\/i>\r\n                <\/button>\r\n            <\/section>\r\n\r\n            <!-- SECTION 2: ABOUT -->\r\n            <section id=\"about\" class=\"py-24 px-6 md:px-12 bg-white\">\r\n                <div class=\"container mx-auto max-w-3xl text-center\">\r\n                    <h2 class=\"text-sm font-semibold text-gray-400 uppercase tracking-widest mb-8\">Who We Are<\/h2>\r\n                    \r\n                    <h3 class=\"text-3xl md:text-4xl font-light leading-tight mb-10 text-gray-900\">\r\n                        Welcome to <span class=\"font-medium\">Daily Dose<\/span>.\r\n                    <\/h3>\r\n                    \r\n                    <div class=\"space-y-6 text-lg text-gray-600 leading-relaxed font-light\">\r\n                        <p>\r\n                            We are a small, locally owned supplement shop based in <span class=\"text-black font-normal\">Sandyford, Dublin<\/span>. We\u2019re dedicated to providing great value on high-quality sports supplements to support your training, performance, and overall wellbeing.\r\n                        <\/p>\r\n                        <p>\r\n                            At Daily Dose, we\u2019re committed to keeping things simple, supportive, and affordable \u2014 just what you need to fuel your fitness journey.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- SECTION 3: LOCATION -->\r\n            <section id=\"location\" class=\"w-full h-[600px] flex flex-col md:flex-row bg-gray-light\">\r\n                <!-- Text Side -->\r\n                <div class=\"w-full md:w-1\/3 p-12 md:p-16 flex flex-col justify-center bg-white border-r border-gray-100\">\r\n                    <h2 class=\"text-3xl font-light mb-8\">Visit Us<\/h2>\r\n                    \r\n                    <div class=\"space-y-8\">\r\n                        <div>\r\n                            <h4 class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Address<\/h4>\r\n                            <p class=\"text-gray-800\">Sandyford Business Park,<br>Dublin 18, Ireland<\/p>\r\n                        <\/div>\r\n                        \r\n                        <div>\r\n                            <h4 class=\"text-xs font-bold text-gray-400 uppercase tracking-wider mb-2\">Hours<\/h4>\r\n                            <div class=\"text-gray-800 space-y-1\">\r\n                                <div class=\"flex justify-between max-w-[200px]\"><span>Mon - Fri<\/span> <span>10am - 8pm<\/span><\/div>\r\n                                <div class=\"flex justify-between max-w-[200px]\"><span>Sat<\/span> <span>10am - 6pm<\/span><\/div>\r\n                                <div class=\"flex justify-between max-w-[200px] text-gray-400\"><span>Sun<\/span> <span>Closed<\/span><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"pt-4\">\r\n                            <a href=\"https:\/\/maps.google.com\" target=\"_blank\" class=\"inline-flex items-center gap-2 text-sm font-medium border-b border-black pb-1 hover:text-gray-600 hover:border-gray-600 transition-colors\">\r\n                                Get Directions <i data-lucide=\"arrow-right\" class=\"w-4 h-4\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Map Side -->\r\n                <div class=\"w-full md:w-2\/3 relative\">\r\n                    <iframe \r\n                        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d9536.85237279313!2d-6.22384728867332!3d53.27823521360565!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4867090823c14a27%3A0xecc3c6059d675681!2sSandyford%2C%20Dublin%2C%20Ireland!5e0!3m2!1sen!2sus!4v1716300000000!5m2!1sen!2sus\" \r\n                        width=\"100%\" \r\n                        height=\"100%\" \r\n                        style=\"border:0;\" \r\n                        allowfullscreen=\"\" \r\n                        loading=\"lazy\" \r\n                        referrerpolicy=\"no-referrer-when-downgrade\"\r\n                        class=\"w-full h-full grayscale opacity-80 hover:opacity-100 transition-opacity duration-500\">\r\n                    <\/iframe>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- SECTION 4: SOCIALS -->\r\n            <section id=\"socials\" class=\"py-24 px-6 md:px-12 bg-white\">\r\n                <div class=\"container mx-auto max-w-6xl text-center mb-16\">\r\n                    <h2 class=\"text-3xl font-light mb-2\">@DailyDose_Dub<\/h2>\r\n                    <a href=\"https:\/\/instagram.com\" target=\"_blank\" class=\"text-sm text-gray-500 hover:text-black transition-colors\">\r\n                        Follow us on Instagram\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-1 container mx-auto max-w-5xl\">\r\n                    <!-- Grid Item 1 -->\r\n                    <div class=\"aspect-square bg-gray-100 overflow-hidden relative group\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1571019614242-c5c5dee9f50b?q=80&w=600&auto=format&fit=crop\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-700\" alt=\"Insta Post\">\r\n                    <\/div>\r\n                    <!-- Grid Item 2 -->\r\n                    <div class=\"aspect-square bg-gray-100 overflow-hidden relative group\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517836357463-d25dfeac3438?q=80&w=600&auto=format&fit=crop\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-700\" alt=\"Insta Post\">\r\n                    <\/div>\r\n                    <!-- Grid Item 3 -->\r\n                    <div class=\"aspect-square bg-gray-100 overflow-hidden relative group\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581009146145-b5ef050c2e1e?q=80&w=600&auto=format&fit=crop\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-700\" alt=\"Insta Post\">\r\n                    <\/div>\r\n                    <!-- Grid Item 4 -->\r\n                    <div class=\"aspect-square bg-gray-100 overflow-hidden relative group\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1599058945522-28d584b6f0ff?q=80&w=600&auto=format&fit=crop\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-700\" alt=\"Insta Post\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- FOOTER -->\r\n            <footer class=\"bg-white border-t border-gray-100 py-12 px-6\">\r\n                <div class=\"container mx-auto flex flex-col md:flex-row justify-between items-center text-center md:text-left gap-4\">\r\n                    <div>\r\n                        <h2 class=\"text-lg font-bold tracking-tight\">DAILY DOSE<\/h2>\r\n                        <p class=\"text-xs text-gray-400 mt-1\">Sandyford, Dublin<\/p>\r\n                    <\/div>\r\n                    <div class=\"text-xs text-gray-400\">\r\n                        &copy; 2024 Daily Dose. All Rights Reserved.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/footer>\r\n\r\n        <\/main> <!-- END OF MAIN CONTENT -->\r\n        \r\n    <\/div> <!-- END OF FULLSCREEN OVERLAY -->\r\n\r\n    <script>\r\n        lucide.createIcons();\r\n\r\n        \/\/ Mobile Menu Toggle logic\r\n        function toggleMobileMenu() {\r\n            const menu = document.getElementById('mobile-menu');\r\n            menu.classList.toggle('hidden');\r\n            menu.classList.toggle('flex');\r\n        }\r\n\r\n        document.getElementById('mobile-toggle').addEventListener('click', toggleMobileMenu);\r\n\r\n        \/\/ Custom Smooth Scroll Logic for the Overlay\r\n        \/\/ Because the 'window' isn't scrolling (the #daily-dose-overlay div is),\r\n        \/\/ standard anchor links won't work. We need this JS function.\r\n        function smoothScroll(targetId) {\r\n            const container = document.getElementById('daily-dose-overlay');\r\n            const target = document.getElementById(targetId);\r\n            const mobileMenu = document.getElementById('mobile-menu');\r\n\r\n            if (target && container) {\r\n                \/\/ Scroll the container to the target's position\r\n                target.scrollIntoView({ behavior: 'smooth' });\r\n                \r\n                \/\/ Close mobile menu if it's open\r\n                if (!mobileMenu.classList.contains('hidden')) {\r\n                    toggleMobileMenu();\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Daily Dose | Sandyford About Location Socials Visit Shop About Location Socials Sandyford, Dublin Who We Are Welcome to Daily Dose. We are a small, locally owned supplement shop based in Sandyford, Dublin. We\u2019re dedicated to providing great value on high-quality sports supplements to support your training, performance, and overall wellbeing. At Daily Dose, we\u2019re [&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":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dailydose.ie\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dailydose.ie\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dailydose.ie\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dailydose.ie\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dailydose.ie\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":22,"href":"https:\/\/dailydose.ie\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/dailydose.ie\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/dailydose.ie\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}