 <!--Header Section with Logo and Title-->
<header style="width: 100%; height: 100px; background-color: #3B719F; display:flex;">
    <!-- Flex container for logo (aligned to top-left) -->
    <div style="display: flex; align-items: flex-start; padding: 10px">
        <img src="https://drive.google.com/thumbnail?id=1ES_pYcvZGvpxoI7NHIxVlxmgBcVrsWjj" alt="Logo" style="max-width: 150px; height: auto;">
    </div>
    <!-- Flex container for centered text -->
    <div style="display:flex; flex:1; text-align:center; justify-content: center; align-items: center;">
        <h1 style="color: white; font-size: 24px; font-weight: bold; margin: 0;">Business Intelligence</h1>
    </div>
</header>
<!-- Wrapper div to arrange sections horizontally -->
<div style="display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; min-height: 100vh;">
    <!-- Left Section: Grey Box (Quick Links + Office Hours) -->
    <div class="section" style="color:black; font-family: 'DM Serif Display', Arial; width:33%; border:none; background:#BED1E1; padding:0px; height: 141vh;border:1px solid black;">
    <!-- Contact Info -->
    <h3>Contact Us</h3>
    <ul class="links">
        <li><a href="mailto:analytics_req@theorchard.com" style="color: black;">analytics_req@theorchard.com</a></li>
    </ul>
    <!-- Quick Links -->
    <h3>Quick Links</h3>
    <ul class="links">
        <li><a href="https://sites.google.com/theorchard.com/orch-bi/home" style="color: black;">Analytics Team Website</a></li>
        <li><a href="https://docs.google.com/spreadsheets/d/11DFwafpG5sViGoXRQAEoEy4EQSFM1KVZ2ragXIElrrQ" style="color: black;">Looker Reports Catalogue</a></li>
        <li><a href="https://docs.google.com/document/d/1WpZ-UK1lPR8Aoh7T0Oof38kylrgyvgjhc8sTFmkC0DI" style="color: black;">Looker Quick Start Guide</a></li>
        <li><a href="https://theorchard.looker.com/dashboards/2345" style="color: black;">Data Availability</a></li>
        <li><a href="https://theorchard.looker.com/boards/95" style="color: black;">Old Homepage</a></li>
    </ul>
    <!-- Training & Guides -->
    <h3>Training & Guides</h3>
    <ul class="links">
        <li><a href="https://sites.google.com/theorchard.com/orch-bi/home/training#h.y3hdhh9qr3yt" style="color: black;">New Joiner Basic Looker Training</a></li>
        <li><a href="https://sites.google.com/theorchard.com/orch-bi/home/training#h.o2vfav8rjkyw" style="color: black;">Explore Access Training</a></li>
    </ul>
    <!-- Office Hours -->
    <h3>Office Hours</h3>
    <ul class="links">
        <li><a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ0K87tNSXnV5FvshyOxZcWbsVm56p4rQsJdYxAdKOWxvapOnLN1ke7bnQPvMMXvBwFL102b3LD2?gv=true" style="color: black;">Americas</a></li>
        <li><a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ3TGBHwrVUoiBOKtQYsOIEUKZ825D4bIgRCyiCbCh0pjQQMHwbDBqQeMxYYF13qgxWI5kQ8MSdd" style="color: black;">Europe</a></li>
        <li><a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ1QOcP7DXNqgyNXmwHjXswlssMlLOenTaZuvspfAJffwQZWOaz8wHUTymCMeUfXyDDk55YqqrtK" style="color: black;">APAC</a></li>
    </ul>
</div>
    <!-- Right Section: Content -->
    <div class="section" style="background: white; color:black; width:100%; border:1px solid black; padding:10px; min-height:100vh;">
         <!-- Tool directory -->
        <h3 style="margin-bottom:6.0pt;line-height:105%">
            <span lang="EN-US" style="color:#3B719F;font-family: 'DM Serif Display', Arial; line-height:105%;">Reports Catalogue</span>
        </h3>
            <span lang="EN-US">The sheet below houses links to all Looks and Dashboards created by the Analytics team. If you don't find the content you are looking for on the homepage, check out the catalogue to find reports best suited for your needs.</span>
        <ul class="links" style="margin-top:6.0pt;line-height:105%">
                <span lang="EN-US" style="color:#3B719F;background:#3B719F">
                    <!-- Link to Tool Directory -->
                    <li><a href="https://docs.google.com/spreadsheets/d/11DFwafpG5sViGoXRQAEoEy4EQSFM1KVZ2ragXIElrrQ" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Looker Reports Catalogue</a></li>
                </span>
        </ul>
        <!-- New Content -->
        <h3 style="margin-bottom:6.0pt;line-height:105%">
            <span lang="EN-US" style="color:#3B719F;font-family: 'DM Serif Display', Arial; line-height:105%;">What's New!</span>
        </h3>
            <span lang="EN-US">Check out new analysis and insights generated by the Analytics team, as well as all of the newsletters we have previously shared.</span>
        <ul class="links" style="margin-top:6.0pt;line-height:105%">
                <span lang="EN-US" style="color:#3B719F;background:#3B719F">
                    <!-- Link to Analysis -->
                    <li><a href="https://sites.google.com/theorchard.com/orch-bi/home/analysis" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Analysis & Insights</a></li>
                    <li><a href="https://sites.google.com/theorchard.com/orch-bi/home/newsletters" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Newsletters Archive</a></li>
                </span>
        </ul>
        <!-- Useful Content -->
        <h3 style="margin-bottom:6.0pt;line-height:105%">
            <span lang="EN-US" style="color:#3B719F;font-family: 'DM Serif Display', Arial; line-height:105%;">Revenue Reports</span>
        </h3>
            <span lang="EN-US">Check out the below for some of the most commonly used revenue reports.</span>
        <ul class="links" style="margin-top:6.0pt;line-height:105%">
                <span lang="EN-US" style="color:#3B719F;background:#3B719F">
                  <!-- Link to Content -->
                    <li><a href="https://theorchard.looker.com/looks/19536" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Label Revenue broken by month</a></li>
                    <li><a href="https://theorchard.looker.com/looks/14082" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Workstation Statement Detail</a></li>
                    <li><a href="https://theorchard.looker.com/looks/19212" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Release level Revenue</a></li>
                    <li><a href="https://theorchard.looker.com/looks/18343" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Track level Revenue</a></li>
                </span>
        </ul>
        <!-- Territory Content -->
        <h3 style="margin-bottom:6.0pt;line-height:105%">
            <span lang="EN-US" style="color:#3B719F;font-family: 'DM Serif Display', Arial; line-height:105%;">Country Performance</span>
        </h3>
            <span lang="EN-US">These reports can be used to look at metrics like market share or revenue generated in a country to montitor territory performance.</span>
        <ul class="links" style="margin-top:6.0pt;line-height:105%">
                <span lang="EN-US" style="color:#3B719F;background:#3B719F">
                  <!-- Link to Content -->
                    <li><a href="https://theorchard.looker.com/dashboards/1827" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Marketshare Overview</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/1360" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Territory Monthly Snapshot</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/1804" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Revenue & Consumption Report</a></li>
                </span>
        </ul>
        <!-- Label Management -->
        <h3 style="margin-bottom:6.0pt;line-height:105%">
            <span lang="EN-US" style="color:#3B719F;font-family: 'DM Serif Display', Arial; line-height:105%;">Label Performance</span>
        </h3>
            <span lang="EN-US">These reports can be used to get a holistic picture of a label's performance and answering label queries.</span>
        <ul class="links" style="margin-top:6.0pt;line-height:105%">
                <span lang="EN-US" style="color:#3B719F;background:#3B719F">
                  <!-- Link to Content -->
                    <li><a href="https://theorchard.looker.com/looks/19085" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Label Manager Overview Sheet</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/2038" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">label Summary Sheet</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/3058" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Label Streaming Contribution to Change</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/1049" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Label Management Control Panel</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/1772" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Label Overview</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/2947" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Playlist Feedback Tool</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/3294" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Spotify Playlist Categorisation</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/3466" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Audience Segementation[Artist]:Overview</a></li>
                </span>
        </ul>
        <!-- Content Performance -->
        <h3 style="margin-bottom:6.0pt;line-height:105%">
            <span lang="EN-US" style="color:#3B719F;font-family: 'DM Serif Display', Arial; line-height:105%;">Content Performance</span>
        </h3>
            <span lang="EN-US">These reports can be used to monitor content performance on a multitude of granularities such as store performance, placements, trending content or potential fraudulent activity.</span>
        <ul class="links" style="margin-top:6.0pt;line-height:105%">
                <span lang="EN-US" style="color:#3B719F;background:#3B719F">
                  <!-- Link to Content -->
                    <li><a href="https://theorchard.looker.com/dashboards/3263" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Top Content by Revenue</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/1960" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Trending tracks: Spotify</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/19067" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Spotify Chart Placements</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/3114" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Orchard Content Close to Spotify Top 200</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/3000" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Release Compare Tool</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/1906" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Spotify: Track level Potential Fraud</a></li>
                    <li><a href="https://theorchard.looker.com/dashboards/3421" target="_blank" rel="noreferrer" style="font-family: 'Open Sans', Arial; font-weight: 700; text-decoration: underline; vertical-align: baseline; color: #3B719F">Spotify: Fraud Playlist Detection</a></li>
                </span>
        </ul>
    </div>
</div>
