

<!DOCTYPE html>
<html lang="en" class="scroll-smooth antialiased">

<head>
    <title>Theatre, Music, Arts and Dance events calendar in Raleigh, Durham andChapel Hill</title>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#ffffff">
    <meta name="description" content="Explore live theatre, music concerts, dance shows, and art exhibitions in the Raleigh-Durham-Chapel Hill area. Find events happening today, this week, or month in the Triangle, NC - your ultimate guide to cultural happenings!">
    <meta name="application-name" content="Triangle Arts and Entertainment">
    <meta name="publisher" content="Triangle Arts and Entertainment">

    <link rel="icon" type="image/png" href="/assets/favicons/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="/assets/favicons/favicon.svg" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />

    <link rel="stylesheet" href="/assets/app-css.css">

    <style>
        [data-scroll-disabled="on"]::-webkit-scrollbar,
        [data-scroll-disabled="on"] body::-webkit-scrollbar {
            display: none;
        }

        [data-scroll-disabled="on"],
        [data-scroll-disabled="on"] body {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
    </style>

    <style>
        :root {
            --wf-font-loaded: 'yes';
        }
    </style>
    <style>
        .line-clamp-2[data-astro-cid-sr5jw2gs] {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

        .line-clamp-3[data-astro-cid-sr5jw2gs] {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden
        }
    </style>

    <style>
        [data-astro-transition-scope="astro-absbhrhp-1"] {
            view-transition-name: astro-absbhrhp-1;
        }

        @layer astro {
            ::view-transition-old(astro-absbhrhp-1) {
                animation: none;
                opacity: 0;
                mix-blend-mode: normal;
            }

            ::view-transition-new(astro-absbhrhp-1) {
                animation: none;
                mix-blend-mode: normal;
            }

            ::view-transition-group(astro-absbhrhp-1) {
                animation: none
            }
        }

        [data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-absbhrhp-1"],
        [data-astro-transition-fallback="old"][data-astro-transition-scope="astro-absbhrhp-1"] {
            animation: none;
            mix-blend-mode: normal;
        }

        [data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-absbhrhp-1"],
        [data-astro-transition-fallback="new"][data-astro-transition-scope="astro-absbhrhp-1"] {
            animation: none;
            mix-blend-mode: normal;
        }
    </style>
</head>

<body class="flex flex-col min-h-screen font-mono">
    <div class="mx-auto flex min-h-screen w-full max-w-screen-2xl flex-col">
        <header class="flex items-center h-18 z-50 sm:sticky top-4 mx-4 md:mx-auto md:max-w-6xl rounded-full border border-transparent transition-[background-color,backdrop-filter,border-color,box-shadow] duration-300 ease-out data-[scroll=true]:bg-background/80 data-[scroll=true]:backdrop-blur-xl data-[scroll=true]:backdrop-saturate-150 data-[scroll=true]:border-foreground/10 data-[scroll=true]:shadow-lg data-[scroll=true]:shadow-black/5 data-[scroll=true]:supports-[backdrop-filter]:bg-background/70" id="main-header" data-astro-transition-scope="astro-absbhrhp-1" data-astro-transition-persist="astro-absbhrhp-2">
    <div class="relative w-full md:px-6"> <!-- Mobile Layout -->
        <div class="flex h-18 items-center justify-between md:hidden"> <!-- Left: Mobile nav button + Logo -->
            <div class="flex items-center gap-1"> <!-- Zero-hydration mobile navigation: SSR + tiny inline script for toggle -->
                <div class="md:hidden" id="wf-mobile-nav-root">
                    <button id="mobile-nav-toggle" class="mr-2 inline-flex h-8 items-center justify-center rounded-md border bg-background px-2 text-sm font-medium text-foreground shadow-sm transition-colors hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2" aria-controls="mobile-nav-panel" aria-expanded="false" aria-label="Toggle navigation menu" type="button"> <span class="sr-only">Toggle Menu</span> <!-- Simple hamburger -->
                        <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <line x1="3" y1="6" x2="21" y2="6"></line>
                            <line x1="3" y1="12" x2="21" y2="12"></line>
                            <line x1="3" y1="18" x2="21" y2="18"></line>
                        </svg>
                    </button>
                </div> <!-- Off-canvas panel -->
                <div id="mobile-nav-panel" class="invisible fixed inset-y-0 left-0 z-50 flex w-72 max-w-full -translate-x-full flex-col border-r bg-background transition-[transform,box-shadow,visibility] duration-300 ease-out data-[open]:visible data-[open]:translate-x-0 data-[open]:shadow-xl" hidden>
                    <div class="flex h-14 items-center justify-between border-b px-4">

                        <button id="mobile-nav-close" class="rounded-md p-2 hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-ring" aria-label="Close navigation" type="button">
                            <svg class="size-5" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none">
                                <line x1="18" y1="6" x2="6" y2="18"></line>
                                <line x1="6" y1="6" x2="18" y2="18"></line>
                            </svg> </button>
                    </div>
                    <div class="flex-1 space-y-8 overflow-y-auto px-6 py-6">
                        <nav class="flex flex-col space-y-4">
                            <a href="/" class="flex items-center text-base font-medium text-muted-foreground transition-colors hover:text-foreground"> Events Calendar </a>
                            <a href="/auditions" class="flex items-center text-base font-medium text-muted-foreground transition-colors hover:text-foreground"> Auditions </a>
                            <a href="/contact" class="flex items-center text-base font-medium text-muted-foreground transition-colors hover:text-foreground"> Contact </a>
                            <a href="/advertise" class="flex items-center text-base font-medium text-muted-foreground transition-colors hover:text-foreground"> Advertise </a>
                        </nav>

                    </div>
                </div>
                <script>
                    // Use event delegation so handlers persist across ClientRouter swaps
                    (function() {
                        if (typeof window !== 'undefined' && window.__wfMobileNavBound) return;
                        if (typeof window !== 'undefined') window.__wfMobileNavBound = true;
                        const getElems = () => ({
                            toggle: document.getElementById('mobile-nav-toggle'),
                            panel: document.getElementById('mobile-nav-panel'),
                        });

                        const openPanel = () => {
                            const {
                                toggle,
                                panel
                            } = getElems();
                            if (!panel || !toggle) return;
                            panel.hidden = false;
                            panel.setAttribute('data-open', '');
                            toggle.setAttribute('aria-expanded', 'true');
                            document.body.classList.add('overflow-hidden');
                        };

                        const closePanel = () => {
                            const {
                                toggle,
                                panel
                            } = getElems();
                            if (!panel || !toggle) return;
                            panel.removeAttribute('data-open');
                            toggle.setAttribute('aria-expanded', 'false');
                            document.body.classList.remove('overflow-hidden');
                            // Delay hiding for transition end
                            setTimeout(() => {
                                const p = document.getElementById('mobile-nav-panel');
                                if (p && !p.hasAttribute('data-open')) p.hidden = true;
                            }, 250);
                        };

                        // Click delegation for open/close buttons
                        const onClick = (e) => {
                            const target = e.target;
                            if (!(target instanceof Element)) return;
                            const openBtn = target.closest('#mobile-nav-toggle');
                            const closeBtn = target.closest('#mobile-nav-close');
                            if (openBtn) {
                                const {
                                    panel
                                } = getElems();
                                if (panel?.hasAttribute('data-open')) closePanel();
                                else openPanel();
                            } else if (closeBtn) {
                                closePanel();
                            }
                        };
                        document.addEventListener('click', onClick);

                        // Close on ESC
                        window.addEventListener('keydown', (e) => {
                            if (e.key === 'Escape') closePanel();
                        });

                        // Close on route change (Astro ClientRouter view transitions)
                        document.addEventListener('astro:after-swap', closePanel);

                        // Also ensure initial hidden state is correct after swap
                        document.addEventListener('astro:page-load', () => {
                            const {
                                panel
                            } = getElems();
                            if (panel && !panel.hasAttribute('data-open')) panel.hidden = true;
                        });
                    })();
                </script>
                <a href="/" aria-label="Triangle Arts and Entertainment Homepage" class="group flex select-none items-center">
                    <img src="/assets/images/logo_art.png" alt="Triangle art and entertainment" loading="lazy" decoding="async" fetchpriority="auto" width="32" height="32" class="h-8 w-8 transition-transform duration-300 will-change-transform group-hover:[transform:rotateY(-180deg)]"> <span class="ml-2 font-sans text-lg font-bold tracking-tight transition-colors group-hover:text-primary"> Triangle Arts and Entertainment </span> </a>
            </div>

        </div>
        <div class="hidden sm:flex h-18 grid-cols-3 items-center"> <!-- Left section -->
            <div class="flex items-center justify-start gap-4"> <!-- Desktop Logo -->
                <a href="/" class="group flex select-none items-center space-x-3">
                    <img src="/assets/images/logo_art.png" alt="Triangle art and entertainment" loading="lazy" decoding="async" fetchpriority="auto" width="36" height="36" class="dark:shadow-inner-xs size-9 transition-transform duration-700 will-change-transform hover:[transform:rotateY(-180deg)] dark:shadow-white">
                    <span class="heading hidden font-serif font-bold tracking-tight transition-colors group-hover:text-primary sm:inline-block"> Triangle Arts and Entertainment </span> </a>
                <div class="flex"> </div>
            </div> <!-- Center section (Navigation) -->
            <div class="flex items-center justify-center">
                <nav class="hidden items-center md:flex">
                    <div class="flex items-center gap-x-2">
                        <a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&#38;_svg]:pointer-events-none [&#38;_svg]:size-4 [&#38;_svg]:shrink-0 h-9 rounded-full px-4 py-2 font-semibold transition-all duration-200 hover:bg-background/40 hover:text-foreground" href="/"> <span class="relative"> Events Calendar </span> </a>
                        <a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&#38;_svg]:pointer-events-none [&#38;_svg]:size-4 [&#38;_svg]:shrink-0 h-9 rounded-full px-4 py-2 font-semibold transition-all duration-200 hover:bg-background/40 hover:text-foreground" href="/auditions"> <span class="relative"> Auditions </span> </a>
                        <a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&#38;_svg]:pointer-events-none [&#38;_svg]:size-4 [&#38;_svg]:shrink-0 h-9 rounded-full px-4 py-2 font-semibold transition-all duration-200 hover:bg-background/40 hover:text-foreground" href="/contact"> <span class="relative"> Contact </span> </a>
                        <a class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&#38;_svg]:pointer-events-none [&#38;_svg]:size-4 [&#38;_svg]:shrink-0 h-9 rounded-full px-4 py-2 font-semibold transition-all duration-200 hover:bg-background/40 hover:text-foreground" href="/advertise"> <span class="relative"> Advertise </span> </a>
                    </div>
                </nav>
            </div> <!-- Right section -->

        </div>
    </div>
</header>

<script>
    // Minimal scroll state handler that rebinds after client-side navigations.
    (() => {
        if (typeof window === 'undefined') return;

        const applyScrollState = () => {
            const header = document.getElementById('main-header');
            if (!header) return;
            header.setAttribute('data-scroll', window.scrollY > 0 ? 'true' : 'false');
        };

        // Apply state immediately to prevent flicker
        applyScrollState();

        if (window.__wfHeaderScrollInit) return;
        window.__wfHeaderScrollInit = true;

        // Use requestAnimationFrame for smoother updates
        let ticking = false;
        window.addEventListener('scroll', () => {
            if (!ticking) {
                requestAnimationFrame(() => {
                    applyScrollState();
                    ticking = false;
                });
                ticking = true;
            }
        }, {
            passive: true
        });

        // On navigation, reset scroll state immediately before swap
        document.addEventListener('astro:before-swap', () => {
            const header = document.getElementById('main-header');
            if (header) header.setAttribute('data-scroll', 'false');
        });
        document.addEventListener('astro:after-swap', applyScrollState);
        document.addEventListener('astro:page-load', applyScrollState);
    })();
</script>
<div class="pointer-events-none fixed inset-0 -z-10 select-none overflow-hidden">
    <img src="/assets/main-bg.svg" alt="" aria-hidden="true" loading="lazy" decoding="async" class="absolute left-[calc(50%-11rem)] top-[-10rem] h-[21.1875rem] max-w-none -translate-x-1/2 rotate-[30deg] transform-gpu blur-3xl sm:left-[calc(50%-30rem)] sm:top-[-20rem] sm:h-[42.375rem] md:h-[50vh] lg:h-[60vh]">
    <img src="/assets/main-bg2.svg" alt="" aria-hidden="true" loading="lazy" decoding="async" class="absolute left-[calc(80%-11rem)] top-[40vh] h-[15rem] max-w-none -translate-x-1/2 rotate-[120deg] transform-gpu opacity-60 blur-3xl sm:h-[25rem]">
    <img src="/assets/main-bg3.svg" alt="" aria-hidden="true" loading="lazy" decoding="async" class="absolute left-[calc(20%-11rem)] top-[70vh] h-[18rem] max-w-none -translate-x-1/2 rotate-[240deg] transform-gpu opacity-40 blur-3xl sm:h-[30rem]">
    <img src="/assets/main-bg4.svg" alt="" aria-hidden="true" loading="lazy" decoding="async" class="absolute left-[calc(60%-11rem)] top-[100vh] h-[20rem] max-w-none -translate-x-1/2 rotate-[60deg] transform-gpu opacity-50 blur-3xl sm:h-[35rem]">
</div><main class="flex-grow [content-visibility:auto] [contain-intrinsic-size:600px_800px]">
    <section id="hero" class="space-y-12 py-16">
        <div class="container flex flex-col items-center space-y-10 text-center">
            <div class="items-center space-y-6">
                <h1 class="font-bold text-4xl md:text-3xl font-serif tracking-tighter">
                    Theatre, Music, Arts & Dance Events in the Raleigh, Durham & Chapel Hil area
                </h1>
                <p class="max-w-61xl text-balance leading-8 text-xl sm:leading-8">
                    Discover all <strong>live performances, music, dance, and art exhibitions</strong> happening today, this weeek or month across the Triangle, NC.
                </p>
            </div>
        </div>
    </section>
    <section id="browse-addons" class="py-8">
        <div class="container">

            <div class="mb-8 space-y-4 md:space-y-0 md:flex md:items-center md:gap-4 lg:gap-6"> <!-- Search Bar -->
                <div class="relative w-full sm:max-w-md sm:mx-0 md:flex-1 md:max-w-sm lg:max-w-md"> <svg width="1em" height="1em" class="absolute left-3 top-1/2 transform -translate-y-1/2 size-4 text-muted-foreground"="true" data-icon="lucide:search">
                        <symbol id="ai:lucide:search" viewBox="0 0 24 24">
                            <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                                <path d="m21 21l-4.34-4.34" />
                                <circle cx="11" cy="11" r="8" />
                            </g>
                        </symbol>
                        <use href="#ai:lucide:search"></use>
                    </svg>
                    <input type="text" placeholder="Search events..." class="w-full h-10 pl-10 pr-4 py-2 border border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary" id="addon-search">
                </div>
                <div class="flex flex-col sm:flex-row gap-3 sm:gap-2 md:gap-2 lg:gap-3 items-stretch sm:items-center justify-center sm:justify-start md:justify-end md:flex-shrink-0">
                    <select class="px-3 py-2 border border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary/20 focus:border-primary text-sm min-w-0 flex-1 sm:flex-none sm:min-w-[140px] md:min-w-[120px] lg:min-w-[140px] lg:w-auto" id="filter-status">
                        <option value="all">All categories</option>
                        <option value="active">Art</option>
                        <option value="coming-soon">Dance</option>
                        <option value="deprecated">Music</option>
                        <option value="inactive">Theatre</option>
                    </select>

                </div>
            </div>
            <svg width="0" height="0" style="position:absolute; width:0; height:0; overflow:hidden" aria-hidden="true">
                <symbol id="ai:lucide:package" viewBox="0 0 24 24">
                    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                        <path d="M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12" />
                        <path d="M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15" />
                    </g>
                </symbol>
                <symbol id="ai:lucide:clock" viewBox="0 0 24 24">
                    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                        <circle cx="12" cy="12" r="10" />
                        <path d="M12 6v6l4 2" />
                    </g>
                </symbol>
                <symbol id="ai:lucide:external-link" viewBox="0 0 24 24">
                    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
                </symbol>
            </svg>
            <div class="space-y-8" id="events-list" role="list">

                
                    
                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Tomorrow | Tuesday, June 9, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://www.facebook.com/electricshimmybellydance"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/203_gallery_6a1a254dd9c7e-medium.webp"
                                            alt="Beer and Bellydance at Fortnight Brewery June 9"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Beer and Bellydance at Fortnight Brewery June 9                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Fortnight Brewing, Cary                                                                                                                                                    · 1006 SW Maynard Rd, Cary, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience a vibrant fusion of culture and craft at the upcoming Beer and Bellydance event, hosted by Electric Shimmy Bellydance. Join us on Tuesday, June 9, 2026, from 8 to 10 p.m. at Fortnight Brewery in Cary, North Carolina, for an unforgettable evening of rhythmic movement and community connection.

This unique showcase highlights the mesmerizing art of Middle Eastern dance, accompanied by the captivating live melodies of Afrit Temple. Attendees will witness talented local performers and students take the stage, celebrating the intricate tradition of bellydance in a relaxed, social atmosphere. Whether you are a fan of world music or simply looking for a distinctive midweek outing, this event offers a perfect blend of entertainment and artistry.

Admission is free for all guests, making this the ideal opportunity to enjoy exceptional local craft beer while supporting our local arts community. For those interested in showcasing their own talent, please contact shimmygoddess@gmail.com in advance to secure a performance slot and review the essential guidelines. We invite you to join us for a night of rhythm and spirit. Mark your calendars and prepare for an evening where dance and community unite.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    20:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Wednesday, June 10, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://arts.duke.edu/arts-on-east/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 border-b hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/215_gallery_6a26ba64a2275-medium.webp"
                                            alt="Arts on East: Brandon Woody’s UPENDO Live at Duke University"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Arts on East: Brandon Woody’s UPENDO Live at Duke University                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Duke University–East Duke Building                                                                                                                                                    · 1304 Campus Drive, Durham, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience the vibrant soul of Durham at Arts on East, a premier outdoor concert series hosted by Duke Arts. On June 10, join us for an unforgettable evening featuring the transcendent sounds of Brandon Woody and his ensemble, UPENDO. Set against the picturesque backdrop of the Duke University East Campus lawn, this performance promises an immersive blend of jazz and contemporary rhythm that captures the creative spirit of our community.

This series is more than just a concert; it is a cultural celebration. Hosted by the captivating Stormie Daie and curated to highlight Durham local talent, each event features an inviting community market and an array of culinary delights from The Palace International and featured food trucks. Whether you are a long-time resident or a new visitor, the atmosphere is perfectly designed for relaxation and connection.

Pack your favorite blanket or lawn chair and join us at 1304 Campus Drive. The event begins at 7 p.m., with free parking available on campus. If you cannot join us in person, enjoy the broadcast live on WXDU 88.7 FM. Visit arts.duke.edu/arts-on-east to learn more and secure your spot under the stars for this spectacular summer evening.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    19:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    
                        

                        <a href="https://waverlycary.com/whats-happening/events/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/216_gallery_6a26ba684ae71-medium.webp"
                                            alt="Waverly Place Summer and Sunset Music Series"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Waverly Place Summer and Sunset Music Series                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Waverly Place, Cary                                                                                                                                                    · 302 Colonades Way, Cary, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience the vibrant pulse of the season at the Waverly Place Music Series in Cary, North Carolina. Nestled at 302 Colonades Way, this premier outdoor venue invites you to unwind under the open sky while enjoying an electrifying lineup of high-energy performances. Whether you are a fan of soulful melodies or upbeat rhythms, our curated selection of bands promises an unforgettable sonic journey for music lovers of all ages.

The excitement unfolds every Wednesday throughout the month of June and returns for the Sunset Music Series throughout September. Each event runs from 5:30 p.m. to 8:30 p.m., offering the perfect midweek escape to socialize with friends and neighbors. While admission to these concerts is entirely free, guests may enhance their evening by purchasing a variety of refreshing beer and wine options available on-site. Please note that for the safety and comfort of all attendees, outside alcohol and coolers are strictly prohibited.

Join us at Waverly Place to celebrate the magic of live music in a beautiful outdoor setting. Visit our official website to view the complete event schedule and plan your visit today. We look forward to welcoming you to the Triangle’s favorite summer destination.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    17:30:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Thursday, June 11, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://americantobacco.co/events/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/214_gallery_6a26ba60a02df-medium.webp"
                                            alt="Live at ATC Summer Concert Series"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Live at ATC Summer Concert Series                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    American Tobacco Campus                                                                                                                                                    · 318 Blackwell St, Durham, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience the rhythm of the season at Live at ATC, the premier summer music series returning to the heart of the American Tobacco Campus. Nestled along the scenic riverfront in Durham, this concert series transforms our historic industrial landscape into a vibrant open air venue. From the soulful melodies of jazz to the high energy of bluegrass and rock, our curated lineup showcases the very best of local musical talent.

These performances are free and open to the public, offering the perfect opportunity to enjoy summer evenings with family and friends. Guests are encouraged to bring lawn chairs or blankets to relax in our lush interior campus space. Enhance your experience by grabbing delicious food and handcrafted beverages from any of our acclaimed onsite restaurants before the music begins.

Join us for an unforgettable season of community and creativity. Whether you are a dedicated music lover or looking for a relaxing way to spend your Thursday or Friday evening, these shows promise a unique atmosphere you cannot find anywhere else in the Triangle. Visit americantobacco.co/events to view the full artist schedule and start planning your visit to 318 Blackwell Street today.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    18:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Saturday, June 13, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://www.dprplaymore.org/318/Summer-Concert-Series"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 border-b hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/115_gallery_69d7adb068e0f-medium.webp"
                                            alt="Durham Summer Concerts in the Park
"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Durham Summer Concerts in the Park
                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Get ready to groove under the summer sky! Durham Parks and Recreation invites you to our Summer Concerts in the Park series, a vibrant celebration of music, community, and the great outdoors. From June through August 2026, twice a month, experience the magic of live music from 6 to 8 p.m. in various Durham parks.

These free, family-friendly concerts are the perfect way to spend a summer evening. Picture yourself relaxing on a blanket or lawn chair, surrounded by friends and family, enjoying the sounds of talented local artists. A rotating selection of delicious food trucks will also be on site, offering a taste of Durham&apos;s culinary scene.

The artist lineup and park locations are coming soon, promising a diverse range of musical genres and beautiful settings throughout the city. Stay tuned for the big reveal! Don&apos;t miss out on these unforgettable summer nights. Check back for the complete schedule and get ready to mark your calendars for Durham Parks and Recreation&apos;s Summer Concerts in the Park!
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    18:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    
                        

                        <a href="https://www.theplantnc.com/event-details/get-down-the-plant-8"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/213_gallery_6a26ba5aa7d93-medium.webp"
                                            alt="Get Down at The Plant Music and Dance Festival"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Get Down at The Plant Music and Dance Festival                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    The Plant, Pittsboro                                                                                                                                                    · 213 Lorax Lane, Pittsboro, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience a vibrant celebration of rhythm and community at Get Down at The Plant. Join us on Saturday, June 13, 2026, at 220 Lorax Lane in Pittsboro, North Carolina, for an unforgettable day dedicated to the power of live performance. From 12 p.m. to 7 p.m., guests will enjoy an eclectic lineup of live musical acts showcasing the best local talent in the Triangle region. This event is entirely free and designed to offer a perfect outdoor experience for music lovers of all ages.

As the sun sets, the energy transitions into our highly anticipated International Dance Night from 7 p.m. to 9 p.m. This immersive experience invites you to move to a global soundscape featuring Cumbia, Salsa, Bachata, Reggaeton, and African beats. Whether you are an experienced dancer or simply looking to enjoy the atmosphere, this evening provides a unique opportunity to connect with the community through movement and melody.

Admission is complimentary, making this the ideal weekend outing. We invite you to gather your friends, embrace the rhythm, and join us for a day of celebration. Visit our website today to plan your visit and prepare for a spectacular day of music and dance.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    12:00:00                                                </div>
                                            
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Tuesday, June 16, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://capitalsquares.org/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/195_gallery_6a10fcea6688b-medium.webp"
                                            alt="Join the Capital Squares Square Dance Party in Raleigh on June 16"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Join the Capital Squares Square Dance Party in Raleigh on June 16                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    St. James United Methodist Church, Raleigh                                                                                                                                                    · 3808 St. James Church Road, Raleigh, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience the joy of community and movement at the Capital Squares Dance Party on Tuesday, June 16, 2026. Held at the welcoming St. James United Methodist Church in Raleigh, this event invites individuals of all backgrounds to enjoy an evening of lively music and spirited dance. Whether you are a seasoned dancer or a complete beginner, this gathering promises an inclusive atmosphere where laughter is encouraged and every step is part of the fun.

You do not need a partner or prior experience to participate. An expert caller will be on hand to guide attendees through each movement, ensuring everyone feels comfortable and confident on the dance floor. This is an exceptional opportunity to meet new friends, enjoy physical activity, and embrace a classic American tradition in a supportive environment.

Admission is priced at 10 dollars for adults and 5 dollars for students, while children ages 10 to 15 may attend for free. Join us from 7:00 p.m. to 9:00 p.m. to discover the excitement of square dancing. Secure your spot today by visiting our website to register and prepare for a memorable evening of rhythm and camaraderie.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    19:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    $5.00-$10.00                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Thursday, June 18, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://ncsymphony.org/events/patriotic-pops-celebrating-america-250-in-chapel-hill/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 border-b hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/182_gallery_6a071535ea136-medium.webp"
                                            alt="North Carolina Symphony Patriotic Pops at Southern Village"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    North Carolina Symphony Patriotic Pops at Southern Village                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Southern Village, Chapel Hill                                                                                                                                                    · 400 Market Street, Chapel Hill, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience an unforgettable evening of musical brilliance under the stars as the North Carolina Symphony takes the stage at the Southern Village Green. On Thursday, June 18, 2026, join us from 8 to 10 p.m. for a spectacular Patriotic Pops concert designed to commemorate the America 250 celebration.

Led by conductor Sophie Mok, the symphony will perform a stirring selection of classic patriotic favorites, featuring the talented vocalist Taylor Troyer. This unique outdoor performance offers a rare opportunity to enjoy world class orchestral artistry in an intimate and relaxed setting. Whether you are a devoted fan of symphonic music or simply looking for an inspiring community event, this performance promises to be a highlight of the summer.

Admission is entirely free, making this the perfect outing for families and friends. We encourage you to arrive early to secure an excellent spot on the lawn. Please feel free to bring blankets and low chairs to ensure your comfort. Guests are welcome to bring coolers, though we kindly ask that you refrain from bringing glass containers. We look forward to welcoming you to Southern Village for an evening of melody, community, and national pride.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    20:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    
                        

                        <a href="https://www.garnernc.gov/departments/parks-recreation-and-cultural-resources/facilities/garner-recreation-center"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/205_gallery_6a1a255692f50-medium.webp"
                                            alt="Groovin in Garner featuring Jim Quick and Coastline"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Groovin in Garner featuring Jim Quick and Coastline                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Garner Recreation Center                                                                                                                                                    · 215 W Main Street, Garner, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Get ready to kick off your summer weekend on a high note at Groovin in Garner. Join us on June 18 for an unforgettable evening of music and community on the lush lawn of the Garner Recreation Center at 215 W Main Street. From 6:30 p.m. to 9:30 p.m., the stage will come alive with the infectious sounds of Jim Quick and Coastline. With over 25 years of experience, this powerhouse band brings their signature Swamp Soul—a dynamic blend of Soul, Blues, R&amp;B, and Americana—that captures the authentic spirit of the American South.

This free community concert offers the perfect atmosphere for relaxation and fun. Guests can savor a variety of delicious offerings from local food trucks or enjoy a meal from one of the exceptional restaurants in Downtown Garner. For those looking to toast to the evening, beer, wine, and cocktails will be available for purchase at designated stations. Please note that outside alcohol and coolers are not permitted.

Gather your friends, bring your lawn chairs, and prepare for a night of soulful melodies under the stars. Visit our website for more details on parking and our full summer lineup. We look forward to seeing you there.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    18:30:00                                                </div>
                                            
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Friday, June 19, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://hub.rtp.org/juneteenth/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/194_gallery_6a10fce5dcba4-medium.webp"
                                            alt="Juneteenth Community Celebration at The Hub RTP"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Juneteenth Community Celebration at The Hub RTP                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Hub RTP                                                                                                                                                    · 3150 Elion Drive, Durham, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Join us for an unforgettable evening of reflection, community, and celebration at the annual Juneteenth event in Research Triangle Park. On Friday, June 19, 2026, from 5 to 9 p.m., The Hub RTP will transform into a vibrant space honoring history and cultural heritage. This inclusive, multi-generational gathering offers the perfect opportunity for families and friends to come together in the heart of Durham.

Prepare for an evening filled with music, dance, and festive energy. Whether you are looking to enjoy live performances or simply soak in the atmosphere, this event is designed to celebrate freedom and unity. To ensure your comfort, please bring a lawn chair or blanket to settle in and enjoy the festivities. Additionally, as we anticipate a lively and interactive experience, we encourage attendees to wear splash-friendly clothing if they wish to participate in the water-related activities.

This free event is a premier destination for those looking to engage with the local community. Mark your calendars and prepare to be part of a meaningful tradition. In the event of inclement weather, the celebration will move to June 26, 2026. We look forward to seeing you there to honor this significant day together.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    17:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Saturday, June 20, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://www.garnerjuneteenth.com/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 border-b hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/156_gallery_69f1fe7ea258f-medium.webp"
                                            alt="Garner Juneteenth Celebration Honoring Black Landowners"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Garner Juneteenth Celebration Honoring Black Landowners                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Garner Performing Arts Center                                                                                                                                                    · 742 W. Garner Road, Garner, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Join us for a meaningful commemoration of freedom and heritage at the Garner Juneteenth Celebration. This special event takes place on Saturday, June 20, 2026, from 11 a.m. to 12:15 p.m. at the Garner Performing Arts Center, located at 742 W Garner Road. Admission is free, making this an accessible opportunity for the entire community to gather and reflect.

This year, the program honors the essential contributions of Black landowners in Garner. Through a compelling blend of storytelling, local choir performances, and expressive dance, we will bring the past into the present. The presentation features intimate interview clips, allowing the voices of residents and their ancestors to paint a vivid picture of local history. We are also honored to feature special remarks from Deborah Ross and Buddy Gupton.

This celebration is more than just a performance; it is a vital tribute to the resilience and legacy of our community members. We invite you to be part of this powerful experience that educates, inspires, and unites us all. Mark your calendar and join us at the Garner Performing Arts Center to celebrate this significant milestone in our collective history.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    11:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    
                        

                        <a href="https://dixpark.org/event/capital-city-juneteenth-celebration"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/202_gallery_6a1a254621488-medium.webp"
                                            alt="Capital City Juneteenth Celebration at Dix Park"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Capital City Juneteenth Celebration at Dix Park                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Harvey Hill at Dix Park                                                                                                                                                    · 693 Palmer Drive, Raleigh, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Join us for the Capital City Juneteenth Celebration, a landmark community event dedicated to honoring the legacy of freedom and the vibrant heritage of African American culture. On Saturday, June 20, 2026, from 2:00 p.m. to 6:30 p.m., the scenic Harvey Hill at Dix Park in Raleigh will transform into a lively hub of unity, education, and artistic expression.

This signature event offers an unforgettable experience for all ages. Guests can immerse themselves in a curated selection of live entertainment, engage with talented local vendors, and enjoy a variety of delicious food options. Families are encouraged to participate in dedicated children’s activities designed to celebrate history and community spirit. Whether you are coming to learn, connect, or simply enjoy the festive atmosphere, this gathering serves as a powerful reminder of our collective progress and shared future.

Admission is entirely free, making this the perfect opportunity to bring your lawn chairs and blankets for an afternoon of reflection and celebration. Presented by the Capital City Juneteenth Committee, the City of Raleigh, and the Dix Park Conservancy, this event is not to be missed. Visit the official Facebook event page today to stay updated and mark your calendars for this essential local celebration.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    14:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Friday, June 26, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://downtowncarypark.com/things-to-do/calendar/w_discover-dance-bharatanatyam-session"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/210_gallery_6a26ba4e4de7d-medium.webp"
                                            alt="Discover Dance AfroBeats at Downtown Cary Park"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Discover Dance AfroBeats at Downtown Cary Park                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Downtown Cary Park                                                                                                                                                    · 321 South Academy Street, Cary, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience the vibrant energy of rhythm and movement at the next installment of Discover Dance. On Friday, June 26, from 7:30 to 9:30 p.m., Downtown Cary Park will transform into a celebration of culture and music with an immersive Afrobeats dance session at the Great Lawn Pavilion.

Led by DJ Sunny Sistuki, an artist originally from Kenya, this free event offers a unique opportunity to explore the rich heritage of Pan-African rhythms. Whether you are a seasoned dancer or a complete beginner, expert instructors will be on hand to teach you the signature moves of West, East, and Southern African styles. This is more than just a dance class; it is a lively exploration of music and community that bridges traditional sounds with modern flair.

Beyond the dance floor, the park serves as a hub for the Cary Art Loop, where you can discover local artistic creations and imaginative crafts. With local food trucks and retailers on-site, the atmosphere promises to be a festive, family-friendly evening under the stars. Bring your friends and family for an unforgettable night of connection and creativity. We look forward to seeing you there.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    19:30:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Saturday, June 27, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://raleighnc.gov/parks-and-recreation/events/foundations-art-expression-latta"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/204_gallery_6a1a2552c8203-medium.webp"
                                            alt="Foundations Art and Expression at Latta University Historic Park"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Foundations Art and Expression at Latta University Historic Park                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Latta University Historic Park, Raleigh                                                                                                                                                    · 1001 Parker Street, Raleigh, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience a vibrant convergence of history and creativity at Foundations: Art and Expression at Latta. This annual cultural celebration invites the community to the picturesque grounds of Latta University Historic Park in Raleigh on Saturday, June 27, 2026, from 4:00 p.m. to 8:00 p.m. Set against a backdrop where the echoes of the past meet the ingenuity of the present, this event serves as a dynamic tribute to African American heritage and artistic innovation.

Attendees will enjoy an immersive atmosphere featuring live performances, curated visual art displays, and a marketplace showcasing talented local vendors. Whether you are seeking inspiration from local creators, looking to support neighborhood businesses, or hoping to connect with fellow community members, this gathering offers something for everyone. This free event provides a unique opportunity to honor history while celebrating the creative pulse of the region in a beautiful, historic setting.

We invite you to join us for an evening of culture, connection, and celebration. Mark your calendars for this unmissable gathering at 1001 Parker Street and prepare to be inspired by the spirit of our community. We look forward to seeing you there.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    16:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Wednesday, July 1, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://www.fuquay-varina.org/840/Independence-Day-Celebration"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/157_gallery_69f1fe8463827-medium.webp"
                                            alt="Fuquay Varina Independence Day Celebration July 1"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Fuquay Varina Independence Day Celebration July 1                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    South Park Fuquay-Varina                                                                                                                                                    · 900 S Main St, Fuquay-Varina, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Celebrate the spirit of community and patriotism at the annual Fuquay Varina Independence Day Celebration. Join your neighbors on Wednesday July 1 2026 at South Park for an evening filled with family friendly entertainment and festive cheer. The festivities begin at 6 p.m. with the refreshing splash pad open until 8:30 p.m. to help everyone beat the summer heat.

Music enthusiasts will enjoy live performances starting at 6:30 p.m. providing the perfect soundtrack for a relaxing evening under the stars. Guests are encouraged to bring blankets or lawn chairs to settle in for a night of local food from our diverse array of food trucks. While outside coolers are permitted please note that this is an alcohol free event.

The evening will culminate in a spectacular fireworks display at approximately 9:15 p.m. painting the night sky in vibrant colors. This is the premier way to kick off your holiday celebrations in the Triangle. We invite you to gather your friends and family for an unforgettable night of music food and fireworks. For the latest updates and weather information please monitor the official Facebook event page. We look forward to seeing you there.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    18:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Saturday, July 4, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://events.dncr.nc.gov/event/july-4th-capitol"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 border-b hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/158_gallery_69f1fe8891e76-medium.webp"
                                            alt="Capitol 250 North Carolina Freedom Fest"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Capitol 250 North Carolina Freedom Fest                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    North Carolina State Capitol, Raleigh                                                                                                                                                    · 1 East Edenton Street, Raleigh, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Celebrate the spirit of independence and the historic milestone of Americas Semiquincentennial at Capitol 250: North Carolina Freedom Fest. Join us on Saturday, July 4, 2026, from 10 a.m. to 4 p.m. at the North Carolina State Capitol in Raleigh for a momentous public gathering dedicated to honoring our nations journey and shared future.

This landmark event offers a unique opportunity to experience our states rich heritage in the heart of the capital city. Guests of all ages are invited to enjoy a day filled with commemorative activities, live musical performances, and engaging educational experiences designed to capture the excitement of this rare 250th anniversary celebration. Set against the iconic backdrop of the State Capitol at 1 East Edenton Street, this free event promises a vibrant atmosphere of unity and community pride.

Whether you are looking to create lasting memories with family or reflect on the significance of our democracy, this festival is the premier destination for your Independence Day celebration. Mark your calendars for this unforgettable occasion. We look forward to welcoming you to the Capitol grounds as we celebrate 250 years of history together. Visit our official website for further event updates and additional programming announcements.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    10:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    
                        

                        <a href="https://www.america250.nc.gov/capitol-250-north-carolina-freedom-fest"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/196_gallery_6a10fcf0be05c-medium.webp"
                                            alt="Capitol 250 North Carolina Freedom Fest"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Capitol 250 North Carolina Freedom Fest                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    North Carolina State Capitol, Raleigh                                                                                                                                                    · 1 East Edenton Street, Raleigh, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Celebrate the birth of our nation in the heart of downtown Raleigh at Capitol 250: North Carolina Freedom Fest. On Saturday, July 4, 2026, the historic North Carolina State Capitol invites families and citizens to commemorate Independence Day and the momentous occasion of America’s Semiquincentennial. Join us from 10 a.m. to 4 p.m. at 1 East Edenton Street for a day dedicated to patriotism, history, and community spirit.

This free, signature event serves as the perfect centerpiece for your Independence Day itinerary. Sandwiched between the morning parade hosted by the North Carolina Department of Labor and the evening fireworks display at Dix Park, our festival offers an immersive experience featuring live musical performances and interactive exhibits that honor our state and national heritage.

Whether you are looking to deepen your appreciation for American history or simply seeking a festive environment to share with family and friends, this celebration provides a unique atmosphere of unity and excitement. We invite you to be part of this landmark commemoration. Mark your calendars and join us at the Capitol grounds to make lasting memories this July 4. Visit our official website for further information and directions to ensure you do not miss this historic celebration.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    10:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Friday, July 10, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://www.oakcitymusic.com/salsaatthepark"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/212_gallery_6a26ba56e5183-medium.webp"
                                            alt="Salsa at the Park Knightdale"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Salsa at the Park Knightdale                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                        dance                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    Knightdale Station Park                                                                                                                                                    · 810 N First Ave, Knightdale, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Experience the vibrant rhythms of the tropics right here in Knightdale. Oak City Music Collective invites you to Salsa at the Park, a premier outdoor concert and dance series held at the picturesque Knightdale Station Park. Taking place on the second Friday of each month from July through October 2026, this event offers an unforgettable fusion of live music, community connection, and rhythmic excitement.

The evening begins at 6:00 p.m. with a beginner-friendly dance lesson, perfect for those looking to master the basics or refine their footwork in a supportive environment. Following the lesson, a professional salsa orchestra takes the stage from 6:30 p.m. to 8:30 p.m., providing the high-energy soundtrack needed to dance the night away. Beyond the music, attendees can explore a diverse vendor market and enjoy delicious offerings from local food trucks.

This event is free to the public and welcomes guests of all ages to celebrate the rich culture of the Triangle dance community. Whether you are a seasoned dancer or a first-time spectator, join us at 810 N First Avenue for an evening of melody and movement. We look forward to seeing you on the dance floor.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    18:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    

                            <div class="border-b pb-2 top-0 bg-background z-10">
                                <h2 class="text-lg font-semibold text-foreground">
                                    Thursday, October 1, 2026                                </h2>
                            </div>

                        
                        

                        <a href="https://raleighwideopen.com/"
                            target="_blank"
                            rel="nofollow noopener noreferrer"
                            class="block">

                            <div class="addon-card flex items-start gap-3 pb-2 mb-4 hover:bg-gray-50 transition-colors">


                                                                    <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                        <img src="/assets/images/events/178_gallery_6a07152225b92-medium.webp"
                                            alt="Raleigh Wide Open Music Festival Lineup Announced"
                                            loading="lazy"
                                            class="w-12 h-12 sm:w-24 sm:h-24 object-cover" />
                                    </div>
                                

                                <div class="flex-1 flex flex-col min-w-0">


                                    <div class="flex flex-col sm:flex-row justify-between flex-wrap sm:flex-nowrap items-start gap-3">


                                        <div class="flex-1 min-w-0">


                                            <div class="flex flex-wrap items-center gap-2">
                                                <h3 style="line-height: normal;" class="text-base font-semibold text-foreground group-hover:text-primary transition-colors">
                                                    Raleigh Wide Open Music Festival Lineup Announced                                                </h3>

                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                        music                                                    </span>
                                                                                            </div>


                                            <p class="text-sm text-muted-foreground items-center gap-2 mt-0.5">
                                                                                                    <svg class="w-3 h-3 inline-block text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z" />
                                                    </svg>
                                                    The Corner, NC State Centennial Campus                                                                                                                                                    · 941 Main Campus Drive, Raleigh, NC                                                                                            </p>


                                                                                            <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                    Raleigh Wide Open returns this October for an electrifying three day celebration of music, culture, and community. Presented by PNC Bank and produced by PineCone, this premier festival invites you to experience the vibrant heart of downtown Raleigh. The festivities ignite on Thursday, October 1, 2026, with a lively kickoff party at The Corner at NC State Centennial Campus, setting the stage for a weekend of unforgettable performances.

On October 2 and 3, the celebration moves to the iconic Fayetteville Street, transforming the thoroughfare into an immersive outdoor venue. Guests can explore multiple stages featuring a diverse musical lineup, browse unique offerings from talented local art vendors, and savor culinary delights from an array of food trucks. With dedicated beer gardens and engaging family activities, there is something for everyone to enjoy at this inclusive event.

Do not miss this opportunity to connect with the local arts scene in a dynamic, open air environment. Mark your calendars for this spectacular showcase of regional talent. Visit our official website to view the full lineup and plan your weekend in the city. We look forward to welcoming you to Raleigh Wide Open for an exceptional musical experience.
                                                </p>
                                            
                                        </div>


                                        <div class="flex flex-row sm:flex-col sm:items-end gap-2 shrink-0 whitespace-nowrap">
                                                                                            <div class="flex items-center gap-1 text-foreground font-medium text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1C5.92 1 1 5.92 1 12s4.92 11 11 11 11-4.92 11-11S18.08 1 12 1zm0 20c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9zm-.5-9V6h1v6.59l5.29 3.3-.5.86L11.5 12z" />
                                                    </svg>
                                                    00:00:00                                                </div>
                                            
                                                                                            <div class="flex items-center gap-1 text-muted-foreground text-sm">
                                                    <svg class="w-3 h-3 text-muted-foreground" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 2.18l6 2.67v5.15c0 4.48-2.98 8.9-6 10.14-3.02-1.24-6-5.66-6-10.14V5.85l6-2.67z" />
                                                    </svg>
                                                    FREE                                                </div>
                                                                                    </div>

                                    </div>
                                </div>
                            </div>
                        </a>



                    
                
            </div>






        </div>
    </section>
    <section class="py-16 bg-muted/30 border-2">
        <div class="container text-center">
            <h2 class="text-2xl font-bold mb-4">
                Explore Arts, Music, Dance & Performance Venues Across the Triangle
            </h2>

            <p class="text-muted-foreground mb-8 mx-auto">
                Discover theaters, concert halls, galleries, and performance spaces throughout Raleigh, Durham, Cary, and Chapel Hill.
            </p>

        </div>
        <section class="pt-8">
            <div class="container">
                <div class="space-y-12">

                    
                        <section class="mb-12 space-y-8">

                            <!-- CITY HEADER -->
                            <div class="border-b pb-2 top-0 z-10">
                                <h3 class="text-lg font-semibold text-foreground">
                                    Raleigh                                </h3>
                            </div>


                            <div class="grid gap-3 sm:grid-cols-2">

                                
                                    <a href="https://www.martinmariettacenter.com" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/martin-marietta-center.webp"
                                                    alt="Martin Marietta Center for the Performing Arts"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Martin Marietta Center for the Performing Arts                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-cornflowerblue">
                                                                        Concerts                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            2 E South St, Raleigh, NC 27601                                                                                                                            · Downtown Performing Arts District                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Large-scale concerts, comedy tours, and national performances in downtown Raleigh.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://www.redhatamphitheater.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/red-hat-amphitheatre.webp"
                                                    alt="Red Hat Amphitheater"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Red Hat Amphitheater                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkturquoise">
                                                                        Outdoor                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            500 South McDowell St, Raleigh, NC 27601                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Outdoor concerts and festivals featuring major touring artists.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://ncartmuseum.org/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/north-carolina-museum-of-art.jpg"
                                                    alt="North Carolina Museum of Art"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                North Carolina Museum of Art                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-cadetblue">
                                                                        Art                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-lightsteelblue">
                                                                        Film                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            2110 Blue Ridge Rd, Raleigh, NC 27607                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Art museum with outdoor performances, films, and amphitheater concerts.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://raleighlittletheatre.org/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/raleigh-little-theatre.jpg"
                                                    alt="Raleigh Little Theatre"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Raleigh Little Theatre                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            301 Pogue St, Raleigh, NC 27607                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Community theater known for Shakespeare in the Park and local productions.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://thepourhousemusichall.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/pour-house-raleigh-music-venue.webp"
                                                    alt="The Pour House Music Hall &amp; Record Shop"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                The Pour House Music Hall &amp; Record Shop                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            224 S Blount St, Raleigh, NC 27601                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Beloved indie music venue supporting touring and local artists.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                            </div>

                        </section>

                    
                        <section class="mb-12 space-y-8">

                            <!-- CITY HEADER -->
                            <div class="border-b pb-2 top-0 z-10">
                                <h3 class="text-lg font-semibold text-foreground">
                                    Durham                                </h3>
                            </div>


                            <div class="grid gap-3 sm:grid-cols-2">

                                
                                    <a href="http://www.dpacnc.com/home" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/dpac.jpg"
                                                    alt="Durham Performing Arts Center"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Durham Performing Arts Center                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-coral">
                                                                        Broadway                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            123 William V Bill Bell Wy, Durham, NC 27701                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Premier Broadway touring venue and large-scale performances.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="http://www.carolinatheatre.org/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/carolina-theatre.jpg"
                                                    alt="The Carolina Theatre"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                The Carolina Theatre                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-lightsteelblue">
                                                                        Film                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-muted">
                                                                        Comedy                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            309 W Morgan St, Durham, NC 27701                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Historic venue hosting film festivals, concerts, and comedy shows.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://motorcomusic.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/motorco.jpg"
                                                    alt="Motorco Music Hall"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Motorco Music Hall                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            723 Rigsbee Ave, Durham, NC 27701                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Alternative concerts, dance nights, and indie performances.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://downtowndurham.com/venue/psi-theatre-at-durham-arts-council/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/psi-theatre.jpg"
                                                    alt="PSI Theater in Durham, NC (ballet)"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                PSI Theater in Durham, NC (ballet)                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                                        Dance                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            120 Morris St, Durham, NC 27701                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Experimental theater, dance, and community arts performances.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://americantobaccocampus.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/american-tobacco.jpg"
                                                    alt="American Tobacco Campus"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                American Tobacco Campus                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkturquoise">
                                                                        Outdoor                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-khaki">
                                                                        Community                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            300 Blackwell St #104, Durham, NC 27701                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Outdoor performances, cultural gatherings, and seasonal events.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                            </div>

                        </section>

                    
                        <section class="mb-12 space-y-8">

                            <!-- CITY HEADER -->
                            <div class="border-b pb-2 top-0 z-10">
                                <h3 class="text-lg font-semibold text-foreground">
                                    Chapel Hill &amp; Carrboro                                </h3>
                            </div>


                            <div class="grid gap-3 sm:grid-cols-2">

                                
                                    <a href="https://carolinaperformingarts.org" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/memorial-hall.jpg"
                                                    alt="Memorial Hall"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Memorial Hall                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkolivegreen">
                                                                        Classical                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkseagreen">
                                                                        Dance                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            140 E Cameron Ave, Chapel Hill, NC 27514                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Historic theater hosting music, dance &amp; other live performances on a classic proscenium arch stage.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="http://www.playmakersrep.org/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/playmakers.jpg"
                                                    alt="PlayMakers Repertory Company"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                PlayMakers Repertory Company                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            120 Country Club Rd, Chapel Hill, NC 27514                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Intimate campus venue producing a bold lineup of contemporary &amp; reinvented classic plays &amp; musicals.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="http://www.catscradle.com" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/cats-cradle.jpg"
                                                    alt="Cat’s Cradle"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Cat’s Cradle                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            300 E Main St, Carrboro, NC 27510                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Legendary indie music venue launching iconic artists with an emphasis on local talent                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="http://www.ackland.org/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/ackland.jpeg"
                                                    alt="Ackland Art Museum"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Ackland Art Museum                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-cadetblue">
                                                                        Art                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            101 S Columbia St, Chapel Hill, NC 27599                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Art exhibitions, lectures, cultural programming and free admission. Affiliated with UNC-Chapel Hill.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                            </div>

                        </section>

                    
                        <section class="mb-12 space-y-8">

                            <!-- CITY HEADER -->
                            <div class="border-b pb-2 top-0 z-10">
                                <h3 class="text-lg font-semibold text-foreground">
                                    Cary &amp; Apex                                </h3>
                            </div>


                            <div class="grid gap-3 sm:grid-cols-2">

                                
                                    <a href="https://www.carync.gov/recreation-enjoyment/facilities/cary-arts-center" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/cary-arts-center.jpeg"
                                                    alt="Cary Arts Center"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Cary Arts Center                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-cadetblue">
                                                                        Art                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            101 Dry Ave, Cary, NC 27511                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Theater productions, exhibitions, and arts education programs.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="http://boothamphitheatre.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/koka-booth.jpeg"
                                                    alt="Koka Booth Amphitheatre"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Koka Booth Amphitheatre                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkturquoise">
                                                                        Outdoor                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            8003 Regency Pkwy, Cary, NC 27518                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Outdoor symphony concerts, festivals, and movies under the stars.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="http://www.apexnc.org/halle" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/halle-center.jpg"
                                                    alt="Halle Cultural Arts Center"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Halle Cultural Arts Center                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            237 N Salem St, Apex, NC 27502                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Community theater and arts programming in historic Apex.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://downtowncarypark.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/downtown-cary-park.webp"
                                                    alt="Downtown Cary Park"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Downtown Cary Park                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-khaki">
                                                                        Community                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkturquoise">
                                                                        Outdoor                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            327 S Academy St, Cary, NC 27511                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Cary Town park with public events, centerpiece fountain, gardens, benches and playground                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                            </div>

                        </section>

                    
                        <section class="mb-12 space-y-8">

                            <!-- CITY HEADER -->
                            <div class="border-b pb-2 top-0 z-10">
                                <h3 class="text-lg font-semibold text-foreground">
                                    Holly Springs · Garner · Clayton · Wake Forest                                </h3>
                            </div>


                            <div class="grid gap-3 sm:grid-cols-2">

                                
                                    <a href="https://www.hollyspringsnc.gov/323" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/holly-springs-cultural.jpg"
                                                    alt="Holly Springs Cultural Center"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Holly Springs Cultural Center                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-khaki">
                                                                        Community                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            300 W Ballentine St, Holly Springs, NC 27540                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Holly Springs, NC local theater productions, concerts, and community arts events.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="http://garnerperformingartscenter.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/garner-center.jpg"
                                                    alt="Garner Performing Arts Center"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                Garner Performing Arts Center                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-darkkhaki">
                                                                        Theatre                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            742 W Garner Rd, Garner, NC 27529                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Sizable auditorium inside a former high school featuring a lineup of plays, musicals &amp; concerts.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://theclaytoncenter.com/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/clayton-center.jpg"
                                                    alt="The Clayton Center"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                The Clayton Center                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-coral">
                                                                        Broadway                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            111 E Second St, Clayton, NC 27520                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Broadway-style touring productions in Clayton NC                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                                    <a href="https://www.wakeforestrencen.org/" target="_blank" rel="nofollow noopener noreferrer" class="block">
                                        <div class="addon-card flex items-start gap-3 pb-2 mb-4 border-b hover:bg-gray-50 transition-colors">

                                            <div class="flex-shrink-0 mt-1 rounded-md overflow-hidden">
                                                <img
                                                    src="/assets/images/venues/renaissance-centre.jpg"
                                                    alt="The Wake Forest Renaissance Centre For the Arts"
                                                    loading="lazy"
                                                    class="w-12 h-12 sm:w-24 sm:h-24 object-cover">
                                            </div>


                                            <div class="flex-1 flex flex-col min-w-0">

                                                <div class="flex flex-col sm:flex-row justify-between items-start gap-3">


                                                    <div class="flex-1 min-w-0">


                                                        <div class="flex flex-wrap items-center gap-2">
                                                            <h3 class="text-base font-semibold text-foreground transition-colors">
                                                                The Wake Forest Renaissance Centre For the Arts                                                            </h3>

                                                                                                                                                                                                                                                                    <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-lightsteelblue">
                                                                        Film                                                                    </span>
                                                                                                                                                                                                        <span class="px-2 py-0.5 text-xs font-medium rounded-full bg-accent">
                                                                        Music                                                                    </span>
                                                                                                                                                                                    </div>


                                                        <p class="text-sm text-muted-foreground mt-0.5">
                                                            <svg class="w-3 h-3 inline-block" fill="currentColor" viewBox="0 0 24 24">
                                                                <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" />
                                                            </svg>
                                                            405 Brooks St, Wake Forest, NC 27587                                                                                                                    </p>


                                                                                                                    <p class="mt-1 text-sm text-muted-foreground line-clamp-2">
                                                                Film screenings, concerts, lectures, and performances.                                                            </p>
                                                        
                                                    </div>

                                                </div>

                                            </div>
                                        </div>
                                    </a>


                                
                            </div>

                        </section>

                    


                </div>
            </div>
        </section>

    </section>

    <section class="py-16 md:py-24">
        <div class="container">
            <!-- Dark rounded section -->
            <div class="rounded-[2rem] bg-[hsl(150,25%,12%)] px-8 py-16 dark:bg-[hsla(150,25%,12%,0.7)] md:rounded-[3rem] md:px-16 md:py-20">

                <!-- Headline -->
                <div class="mb-16 text-center">
                    <h2 class="font-serif text-4xl font-bold text-[hsl(40,30%,95%)] md:text-5xl lg:text-6xl">
                        Theatre, Music, Arts & Dance<br><span class="italic">across the Triangle</span>
                    </h2>

                    <p class="mx-auto mt-6 max-w-5xl text-lg text-[hsl(40,20%,75%)]">
                        Discover live performances, concerts, dance shows, and art exhibitions happening today, this week, or throughout the month across Raleigh, Durham, and Chapel Hill. If you're trying to plan a night out or just looking for something interesting to do nearby, this is a good place to start.
                        <br><br>
                        We focus mostly on theatre, live music, dance, and visual arts. That means everything from small local productions and gallery openings to bigger performances and shows around the area. The goal is simple, just make it easier to find the good stuff without digging through a bunch of clutter.
                        <br><br>
                        That said, there's obviously a lot more going on around the Triangle beyond arts, music, dance, and theatre. If you're looking for things like festivals, food events, family-friendly stuff, outdoor activities, seasonal events, or even just something to do on the weekend, check out
                        <a href="https://raleighparent.com/events/" target="_blank" rel="noopener" class="underline hover:text-[hsl(40,30%,95%)]">RaleighParent events</a>.
                        <br><br>
                        It's honestly one of the more complete event lists around here. You'll find a mix of everything, from big community events to smaller local things that are easy to miss otherwise. It's especially useful if you've got kids, or just want more options beyond performances and exhibits.
                        <br><br>
                        Between this and that, you should be able to get a pretty solid view of what's happening around the Triangle, whether you're in the mood for a show, something outdoors, or just trying to figure out last-minute plans.
                    </p>
                </div>

                <!-- Stats Grid -->
                <div class="mx-auto grid max-w-4xl gap-8 md:grid-cols-3">

                    <div class="text-center">
                        <div class="mb-4 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-[hsla(40,30%,95%,0.1)]">
                            <svg width="1em" height="1em" class="h-7 w-7 text-[hsl(40,30%,95%)]" data-icon="lucide:hard-drive">
                                <use href="#ai:lucide:hard-drive"></use>
                            </svg>
                        </div>
                        <div class="mb-2 font-serif text-5xl font-bold text-[hsl(40,30%,95%)] md:text-6xl">100%</div>
                        <div class="mb-1 text-lg font-semibold text-[hsl(40,30%,95%)]">Local</div>
                        <p class="text-sm text-[hsl(40,20%,75%)]">Focused on Triangle arts and culture</p>
                    </div>

                    <div class="text-center">
                        <div class="mb-4 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-[hsla(40,30%,95%,0.1)]">
                            <svg width="1em" height="1em" class="h-7 w-7 text-[hsl(40,30%,95%)]" data-icon="lucide:github">
                                <use href="#ai:lucide:github"></use>
                            </svg>
                        </div>
                        <div class="mb-2 font-serif text-5xl font-bold text-[hsl(40,30%,95%)] md:text-6xl">Curated</div>
                        <div class="mb-1 text-lg font-semibold text-[hsl(40,30%,95%)]">Good Stuff Only</div>
                        <p class="text-sm text-[hsl(40,20%,75%)]">Handpicked events worth your time</p>
                    </div>

                    <div class="text-center">
                        <div class="mb-4 inline-flex h-14 w-14 items-center justify-center rounded-2xl bg-[hsla(40,30%,95%,0.1)]">
                            <svg width="1em" height="1em" class="h-7 w-7 text-[hsl(40,30%,95%)]" data-icon="lucide:layers">
                                <use href="#ai:lucide:layers"></use>
                            </svg>
                        </div>
                        <div class="mb-2 font-serif text-5xl font-bold text-[hsl(40,30%,95%)] md:text-6xl">∞</div>
                        <div class="mb-1 text-lg font-semibold text-[hsl(40,30%,95%)]">Options</div>
                        <p class="text-sm text-[hsl(40,20%,75%)]">Plenty to explore, no matter your vibe</p>
                    </div>

                </div>
            </div>
        </div>
    </section>

</main>
<footer id="footer" aria-label="Footer" class="relative overflow-hidden py-16 md:py-20">
    <div class="container"> <!-- Main footer content -->
        <div class="grid gap-12 md:grid-cols-2 lg:grid-cols-5"> <!-- Brand column -->
            <div class="lg:col-span-2"> <a href="/" class="mb-4 inline-block font-serif text-2xl font-bold">
                    Triangle Arts and Entertainment
                </a>
                <p class="mb-6 max-w-sm text-sm leading-relaxed text-muted-foreground">
                    Explore theatre performances, live music, dance shows, festivals,
                    and arts events across Raleigh, Durham, Chapel Hill, Cary,
                    and the Triangle region of North Carolina.
                </p>

            </div>
            <div>
                <h3 class="mb-4 font-semibold">Quick links</h3>
                <ul class="space-y-3">
                    <li> <a href="/" class="text-sm text-muted-foreground transition-colors hover:text-foreground"> Events </a> </li>
                    <li> <a href="/auditions" class="text-sm text-muted-foreground transition-colors hover:text-foreground"> Auditions </a> </li>
                    <li> <a href="/contact" class="text-sm text-muted-foreground transition-colors hover:text-foreground"> Contact </a> </li>
                    <li> <a href="/advertise" class="text-sm text-muted-foreground transition-colors hover:text-foreground"> Advertise </a> </li>
                </ul>
            </div> <!-- Resources links -->

            <div>
                <h3 class="mb-4 font-semibold">Legal</h3>
                <ul class="space-y-3">
                    <li> <a href="/privacy-policy-and-terms" class="text-sm text-muted-foreground transition-colors hover:text-foreground"> Privacy Policy and Terms of Use</a> </li>

                </ul>
            </div>
        </div> <!-- Bottom bar -->
        <div class="mt-12 border-t border-foreground/10 pt-8">
            <p class="text-center text-sm text-muted-foreground">
                &copy; 2026 Triangle Arts and Entertainment. All rights reserved.
            </p>
        </div>
    </div>
</footer>
</div>
</body>

<script src="/assets/app-main.js" data-host-url="https://triangleartsandentertainment.org" data-website-id="c4d8880f-b894-4cf1-af9a-a3f7ef6b041c"></script>

</html>