G: Top 58 Jazz Bands in Toronto, ON (with Reviews) | GigSalad
Submitted by Anonymous (not verified) on Tue, 07/01/2025 - 11:00
State:
Processed
Rank:
81
Size:
547173
Raw Content:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The 65 Best Jazz Bands for Hire in Toronto, ON | GigSalad</title>
<meta name="description" content="Jazz up any occasion with a live jazz band! Browse profiles for top-rated jazz bands in Toronto, Ontario and get free quotes for your event.">
<link rel="canonical" href="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Toronto">
<meta property="og:site_name" content="GigSalad">
<meta property="og:title" content="GigSalad - The 65 Best Jazz Bands for Hire in Toronto, ON">
<meta property="og:description" content="Jazz up any occasion with a live jazz band! Browse profiles for top-rated jazz bands in Toronto, Ontario and get free quotes for your event.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Toronto">
<meta property="og:image" content="https://www.gigsalad.com/images/og-image.png">
<meta name="csrf-token" content="a6ClLTyUvRGHGoegiMdT8yVtvWvQDRozuYDqWS2R">
<link rel="author" href="/humans.txt">
<link rel="alternate" type="application/rss+xml" title="The GigSalad Community Blog" href="https://www.gigsalad.com/blog/feed">
<link rel="icon" href="https://cress.gigsalad.com/images/redesign/seo/favicon.ico" sizes="32x32">
<link rel="icon" href="https://cress.gigsalad.com/images/redesign/seo/favicon.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="https://cress.gigsalad.com/images/redesign/seo/apple-touch-icon.png">
<link rel="manifest" href="/images/redesign/seo/site.webmanifest">
<style>
@font-face {
font-family: "Garnett";
font-weight: 600;
src: url("https://cress.gigsalad.com/build/assets/Garnett-Semibold-5R6jAGpY.woff2") format("woff2");
}
@font-face {
font-family: "Garnett-fallback-arial-bold";
src: local("Arial Bold"), local("Arial-BoldMT");
ascent-override: 99.5%;
descent-override: 31.5%;
line-gap-override: 0%;
size-adjust: 106.62%;
}
@font-face {
font-family: "Garnett-fallback-arial-black";
src: local("Arial Black"), local("Arial-Black");
ascent-override: 116%;
descent-override: 35%;
line-gap-override: 0%;
size-adjust: 92.38%;
}
@font-face {
font-family: "Garnett-fallback-roboto";
src: local("Roboto");
ascent-override: 92.6%;
descent-override: 28.1%;
line-gap-override: 0%;
size-adjust: 115.48%;
}
@font-face {
font-family: "Garnett-fallback-roboto-medium";
src: local("Roboto Medium"), local("Roboto-Medium");
ascent-override: 93.2%;
descent-override: 28.4%;
line-gap-override: 0%;
size-adjust: 114.28%;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("https://cress.gigsalad.com/build/assets/Inter-Regular-B0QUfDW0.woff2") format("woff2");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("https://cress.gigsalad.com/build/assets/Inter-RegularItalic-B_ozvy2G.woff2") format("woff2");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
src: url("https://cress.gigsalad.com/build/assets/Inter-Medium-B0NFony0.woff2") format("woff2");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 500;
src: url("https://cress.gigsalad.com/build/assets/Inter-MediumItalic-DOveuiCA.woff2") format("woff2");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("https://cress.gigsalad.com/build/assets/Inter-SemiBold-_JLwM7Yv.woff2") format("woff2");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 600;
/* font-display: swap; */
src: url("https://cress.gigsalad.com/build/assets/Inter-SemiBoldItalic-C4gNvuGw.woff2") format("woff2");
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("https://cress.gigsalad.com/build/assets/Inter-Bold-CytjP_7U.woff2") format("woff2");
}
@font-face {
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("https://cress.gigsalad.com/build/assets/Inter-BoldItalic-B0T-BnK6.woff2") format("woff2");
}
</style>
<meta name="sentry-trace" content="e683154df259448683a6a4f05a04e753-66e1b6b2fdc04b5f-0"/><meta name="baggage" content="sentry-trace_id=e683154df259448683a6a4f05a04e753,sentry-sample_rate=0.05,sentry-transaction=%2F%7BcategoryParent%7D%2F%7Bcategory%7D%2F%7Bstate%7D%2F%7Bcity%7D%2F%7Bpage%3F%7D,sentry-public_key=dbb44c4c1ed21d6ba5a563c66992d1dd,sentry-release=,sentry-environment=production,sentry-sampled=false,sentry-sample_rand=0.293049"/>
<link rel="stylesheet" href="https://cress.gigsalad.com/css/vendor/bootstrap/bootstrap-datepicker.min.37efb30957ab8474a2304ba91fcef757.css">
<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
<link
href="https://cress.gigsalad.com/css/filament/forms/forms.css?v=3.3.20.0"
rel="stylesheet"
data-navigate-track
/>
<link
href="https://cress.gigsalad.com/css/filament/support/support.css?v=3.3.20.0"
rel="stylesheet"
data-navigate-track
/>
<style>
:root {
--danger-50:255, 244, 237; --danger-100:254, 230, 214; --danger-200:253, 200, 171; --danger-300:250, 150, 100; --danger-400:248, 113, 63; --danger-500:245, 77, 26; --danger-600:230, 51, 16; --danger-700:191, 35, 15; --danger-800:152, 30, 20; --danger-900:122, 28, 20; --danger-950:66, 11, 8; --gray-50:250, 250, 250; --gray-100:244, 244, 245; --gray-200:228, 228, 231; --gray-300:212, 212, 216; --gray-400:161, 161, 170; --gray-500:113, 113, 122; --gray-600:82, 82, 91; --gray-700:63, 63, 70; --gray-800:39, 39, 42; --gray-900:24, 24, 27; --gray-950:9, 9, 11; --info-50:239, 246, 255; --info-100:219, 234, 254; --info-200:191, 219, 254; --info-300:147, 197, 253; --info-400:96, 165, 250; --info-500:59, 130, 246; --info-600:37, 99, 235; --info-700:29, 78, 216; --info-800:30, 64, 175; --info-900:30, 58, 138; --info-950:23, 37, 84; --primary-50:250, 244, 255; --primary-100:241, 226, 253; --primary-200:228, 201, 253; --primary-300:211, 165, 253; --primary-400:199, 137, 251; --primary-500:178, 100, 247; --primary-600:159, 73, 236; --primary-700:139, 38, 217; --primary-800:117, 28, 181; --primary-900:96, 24, 145; --primary-950:78, 2, 124; --success-50:240, 253, 244; --success-100:220, 252, 231; --success-200:187, 247, 208; --success-300:134, 239, 172; --success-400:74, 222, 128; --success-500:34, 197, 94; --success-600:22, 163, 74; --success-700:21, 128, 61; --success-800:22, 101, 52; --success-900:20, 83, 45; --success-950:5, 46, 22; --warning-50:255, 251, 235; --warning-100:254, 243, 199; --warning-200:253, 230, 138; --warning-300:252, 211, 77; --warning-400:251, 191, 36; --warning-500:245, 158, 11; --warning-600:217, 119, 6; --warning-700:180, 83, 9; --warning-800:146, 64, 14; --warning-900:120, 53, 15; --warning-950:69, 26, 3; --primary-contrast-50:255, 255, 255; --primary-contrast-100:255, 255, 255; --primary-contrast-200:255, 255, 255; --primary-contrast-300:255, 255, 255; --primary-contrast-400:241, 226, 253; --primary-contrast-500:250, 244, 255; --primary-contrast-600:255, 255, 255; --primary-contrast-700:255, 255, 255; --primary-contrast-800:255, 255, 255; --primary-contrast-900:255, 255, 255; --primary-contrast-950:255, 255, 255; --facebook-50:243, 247, 255; --facebook-100:230, 240, 255; --facebook-200:193, 217, 255; --facebook-300:156, 194, 255; --facebook-400:82, 148, 255; --facebook-500:8, 102, 255; --facebook-600:7, 92, 230; --facebook-700:6, 77, 191; --facebook-800:5, 61, 153; --facebook-900:4, 50, 125; --facebook-950:2, 31, 77; }
</style>
<link rel="preload" as="style" href="https://cress.gigsalad.com/build/assets/app-jAPF2l1Z.css" /><link rel="stylesheet" href="https://cress.gigsalad.com/build/assets/app-jAPF2l1Z.css" data-navigate-track="reload" />
<script>window.GS = window.GS || {};GS.user = {"id":null,"email":null,"promokit_id":null,"event_planner_id":null,"admin_id":null};</script><script>window.GS = window.GS || {};GS.HERE_API_KEY = "n2irKpKvLuz4zLiP8SzrZWhkWRLJIA697Hk2iaELrIo";GS.HERE_API_URL_AUTOSUGGEST = "https:\/\/autosuggest.search.hereapi.com\/v1\/autosuggest";GS.HERE_API_URL_LOOKUP = "https:\/\/lookup.search.hereapi.com\/v1\/lookup";GS.CDN_URL = "https:\/\/cress.gigsalad.com";GS.RECAPTCHA_SITE_KEY_V3 = "6Lc8YmkjAAAAAJBVrWOF0t1bSbJMoxqG6NNOgobm";</script>
<script src="https://cress.gigsalad.com/js/cookies.min.a327500ac1baf7ad735fe15aba704041.js" defer></script>
<link rel="modulepreload" href="https://cress.gigsalad.com/build/assets/app-957Qe9pd.js" /><link rel="modulepreload" href="https://cress.gigsalad.com/build/assets/search-autocomplete-CFJ8Ya1N.js" /><script type="module" src="https://cress.gigsalad.com/build/assets/app-957Qe9pd.js" data-navigate-track="reload"></script><script type="module" src="https://cress.gigsalad.com/build/assets/search-autocomplete-CFJ8Ya1N.js" data-navigate-track="reload"></script> <script src="https://cress.gigsalad.com/js/spin.min.ac2f1a06d654fd7753c6997876bc43c4.js" defer></script><script src="https://cress.gigsalad.com/js/ladda.min.a17d692f5c2f35f9f2c5c14f7f691e79.js" defer></script><script src="https://cress.gigsalad.com/js/moveTo.min.95a52a4a11e6de4e075eb1f414ceff31.js" defer></script><script src="https://cress.gigsalad.com/js/jquery.min.12e87d2f3a4c8b347ab13a0764d420a3.js" defer></script><script src="https://cress.gigsalad.com/js/jquery.autocomplete.min.e9831d5f1e0ffab2f688bc972ad4a5e7.js" defer></script><script src="https://cress.gigsalad.com/js/jquery.autocompleteLocation.min.b90ac51387277964a8880d184aac430c.js" defer></script><script src="https://cress.gigsalad.com/js/vendor/bootstrap/bootstrap-datepicker.min.3.js" defer></script><script src="https://cress.gigsalad.com/js/quote-request-form.min.a92a24a8b9ad8fba0eaa93b7621338da.js" defer></script> <link rel="modulepreload" href="https://cress.gigsalad.com/build/assets/read-more-Bur_V98L.js" /><script type="module" src="https://cress.gigsalad.com/build/assets/read-more-Bur_V98L.js" data-navigate-track="reload"></script> <script src="https://www.googleadservices.com/pagead/conversion_async.js" async ></script><script src="https://cress.gigsalad.com/js/bugsnag.min.35eb1a00eecc6299fa49f2abf8e8d0b1.js" ></script> </head>
<body class="font-sans antialiased flex flex-col min-h-screen">
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({'PageType': "Category - Results"});
</script>
<script>
dataLayer.push({"pageParentCategory":"Bands and Groups"});
dataLayer.push({"pageCategory":"Jazz Band"});
</script>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WQZNFL" height="0" width="0"
style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'//www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', "GTM-WQZNFL");
</script> <script>
(function(){
"use strict";
var e=null,b="4.0.0",
n="35724",
additional="term=value",t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.mountain.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)})()
</script> <script>
!function(w, d) {
if (!w.rdt) {
var p = w.rdt = function() {
p.sendEvent ? p.sendEvent.apply(p, arguments) : p.callQueue.push(arguments)
};
p.callQueue = [];
var t = d.createElement("script");
t.src = "https://www.redditstatic.com/ads/pixel.js", t.async = !0;
var s = d.getElementsByTagName("script")[0];
s.parentNode.insertBefore(t, s)
}
}(window, document);
rdt("init", "a2_gnm9qtp1sgti");
rdt("track", "PageVisit");
</script>
<div data-observer-header-intercept></div>
<header
x-data="{
isPinned: false,
mobileMenu: false,
mobileMenuFavorites: false,
mobileMenuSearch: false,
mobileMenuUser: false
}"
x-init="
const observer = new IntersectionObserver(([entry]) => {
isPinned = !entry.isIntersecting;
});
observer.observe(document.querySelector('[data-observer-header-intercept]'));
// When the mobile search menu is opened, focus the search input
$watch('mobileMenuSearch', value => {
if(value){
$dispatch('search-focus');
}
});
"
class="w-full z-40 top-0 ease duration-500 js-header sticky"
>
<div
:class="{ 'ring-party-purple/10' : isPinned, 'ring-transparent': !isPinned }"
class="grid grid-cols-layout col-content ring-[1px] ring-transparent bg-white backdrop-blur-xl"
>
<nav class="flex justify-between py-xs lg:py-md">
<div class="flex items-center">
<div x-bind:class="{ 'group' : !isPinned }" class="flex items-center relative max-lg:top-[1px] lg:mr-6">
<a href="https://www.gigsalad.com" x-bind:class="{ '-translate-x-full md:translate-x-0 -ml-10 md:-ml-16 lg:ml-0 delay-100' : mobileMenu || mobileMenuFavorites || mobileMenuSearch || mobileMenuUser, 'group-hover:scale-110 group-hover:-rotate-3' : !isPinned, 'hover:scale-110 hover:-rotate-3' : isPinned }" class="inline-flex ease-out duration-300 text-party-purple h-6 lg:h-8 lg:translate-y-px z-20 items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full min-h-3 w-auto" viewBox="0 0 54 56" fill="none"><path fill="currentColor" d="M49.5936 37.8312C51.6913 34.4777 52.923 30.5526 53 26.3607l-.0192-4.268C52.7691 10.4126 43.1658 1 31.3686 1h-2.7328c-.5581 0-1.1162.22865-1.5203.62878l-3.3679 3.23916C20.245 2.42904 15.9726 1 11.3731 1H8.37084c-.55811 0-1.11621.22865-1.52036.62878L1.63509 6.81144C1.23094 7.21157 1 7.76413 1 8.33575V22.3785c0 1.1813.96225 2.134 2.1362 2.134h2.75203c.09623 0 .15396.1334.07698.1905l-4.17616 3.3726C1.28867 28.4757 1 29.1045 1 29.7333v2.6485C1 44.843 11.2191 55.1321 23.7668 54.9987c13.2021 0 22.0356-11.6419 25.8268-17.1675Z"/><path class="fill-white" d="M39.9866 22.3426c0-4.3252-2.194-7.8692-7.7365-8.2503-.5581-.0381-1.0008-.4954-1.0008-1.067V5.89914c0-.62878.5197-1.10513 1.1547-1.06702 9.2184.59067 16.5122 8.25038 16.5122 17.60578h-8.9104c-.0192-.0381-.0192-.0571-.0192-.0953ZM11.35 5.89914v7.22146c0 .5525.4234 1.0098.9623 1.067 4.1376.4763 7.3515 3.9822 7.3515 8.2503h9.3531c0-9.3554-7.2938-17.01511-16.5122-17.60578-.6158-.03811-1.1547.4573-1.1547 1.06702Zm2.2902 19.98756c-1.2895 0-2.2902 1.1432-2.1362 2.4198 1.1932 9.203 9.0644 16.3292 18.6099 16.3292 10.373 0 18.7639-8.4028 18.7639-18.749H13.6402Z"/></svg>
</a>
<a href="https://www.gigsalad.com" class="block text-party-purple h-[18px] lg:h-6 ease duration-500 pl-[3px] lg:pl-[5px]">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full min-h-3 w-auto" viewBox="0 0 198 40" fill="none"><path fill="currentColor" d="M26.7804 8.23457h-4.267c-.63 0-1.1249.49496-1.1249 1.10045 0 .99518-1.2438 1.45328-1.9388.72138-1.7278-1.80603-3.9993-2.76436-7.0521-2.76436C5.73484 7.29204 1 12.0098 1 18.8864c0 6.4448 4.41568 11.1599 11.1596 11.1599 4.3752 0 7.4658-2.043 9.2316-5.7788v1.4559c0 5.3049-2.8879 8.4088-9.1126 8.4088-2.76898 0-5.4054-.774-7.46588-2.0035-.749-.4475-1.68462.079-1.68462.9293l-.00809 2.6248c0 .3555.17578.5556.4705.7504C6.05121 38.1365 9.70705 39 13.3305 39c8.9125 0 14.5721-4.5967 14.5721-12.5342V9.33491c0-.61606-.5057-1.10034-1.1222-1.10034ZM14.4473 25.2391c-4.0534 0-6.66278-2.5932-6.66278-6.3685 0-3.77 2.60938-6.5606 6.78448-6.5606 4.175 0 6.9034 2.7116 6.9034 6.4448 0 3.7331-2.769 6.4843-7.0251 6.4843ZM32.3129 4.02756C32.3129 2.25843 33.957 1 36.1256 1c2.1687 0 3.7749 1.25843 3.7749 3.02756 0 1.76914-1.6062 3.10133-3.7749 3.10133-2.1659 0-3.8127-1.33742-3.8127-3.10133Zm7.0765 6.00774v19.7793c0 .603-.4949 1.1005-1.1222 1.1005h-4.3075c-.6166 0-1.1249-.4844-1.1249-1.1005V10.0353c0-.60026.4949-1.10045 1.1249-1.10045h4.3075c.6165 0 1.1222.48439 1.1222 1.10045Zm29.0874-1.80073h-4.267c-.6274 0-1.1249.49496-1.1249 1.10045 0 .99518-1.2438 1.45328-1.9361.72138-1.7306-1.80603-4.002-2.76436-7.0521-2.76436-6.6628 0-11.4003 4.71776-11.4003 11.59436 0 6.4448 4.4184 11.1599 11.1623 11.1599 4.3752 0 7.4632-2.043 9.2316-5.7788v1.4559c0 5.3049-2.8879 8.4088-9.1127 8.4088-2.7689 0-5.408-.774-7.4685-2.0035-.7463-.4475-1.6819.079-1.6819.9293l-.0108 2.6248c0 .3555.1785.5556.4705.7504C47.7476 38.1365 51.4034 39 55.0269 39c8.9125 0 14.5748-4.5967 14.5748-12.5342V9.33491c0-.61606-.5084-1.10034-1.1249-1.10034ZM56.1463 25.2391c-4.0533 0-6.6627-2.5932-6.6627-6.3685 0-3.77 2.6067-6.5606 6.7818-6.5606 4.175 0 6.9061 2.7116 6.9061 6.4448 0 3.7331-2.7717 6.4843-7.0252 6.4843Zm17.1377.3116c0-.8511.9371-1.3491 1.6858-.9309 2.6631 1.494 5.8463 2.2799 8.9115 2.2799 3.0658 0 4.4968-.9435 4.4968-2.4754 0-.9035-.3616-1.887-2.811-2.5153l-5.1381-1.1788c-5.1386-1.2566-7.0253-3.4189-7.0253-6.5225 0-4.0871 4.0947-6.9155 10.7988-6.9155 3.9209 0 6.9584.96868 9.0977 2.18748.3339.1954.5349.55052.5349.94352v2.3051c0 .8111-.8705 1.3491-1.6065.9814-2.0474-1.0213-4.5887-1.7421-7.4656-1.7421-3.2109 0-4.7366.8637-4.7366 2.2001 0 1.2188 1.0439 1.8072 3.4933 2.3577l4.6574.9814c4.3339.8636 6.9434 2.7506 6.9434 6.72 0 4.4002-3.9336 7.3484-10.7169 7.3484-3.8273 0-7.5598-.9162-10.5979-2.7381-.3334-.1975-.5217-.5631-.5217-.9435v-2.3429Zm49.869-17.31613h-4.349c-.627 0-1.128.48267-1.124 1.11889 0 1.00034-1.244 1.47694-1.937.73984-1.725-1.79026-4.12-2.8012-7.214-2.8012-6.7 0-11.4812 5.0705-11.4812 12.2209 0 6.9555 4.4992 12.0629 11.1192 12.0629 3.255 0 5.781-1.0741 7.576-2.9223.709-.7213 1.937-.2632 1.937.7346v.4317c0 .6161.508 1.1031 1.124 1.1031h4.349c.627 0 1.124-.5002 1.124-1.1031V9.33502c0-.61606-.508-1.10045-1.124-1.10045ZM110.654 26.3527c-4.175 0-6.819-2.9091-6.819-6.9161 0-4.0095 2.525-6.916 6.901-6.916 4.375 0 7.062 2.7907 7.062 6.7976s-2.806 7.0345-7.144 7.0345Zm23.978-23.75669c.616 0 1.123.49803 1.123 1.11371V29.8145c0 .6032-.494 1.1011-1.123 1.1011h-4.267c-.617 0-1.123-.4854-1.123-1.1011V3.69711c0-.60307.496-1.1011 1.123-1.1011h4.267Zm30.533 5.63856h-4.348c-.627 0-1.128.48267-1.125 1.11889 0 1.00034-1.244 1.47694-1.936.73984-1.725-1.79026-4.121-2.8012-7.214-2.8012-6.701 0-11.482 5.0705-11.482 12.2209 0 6.9555 4.5 12.0629 11.119 12.0629 3.256 0 5.782-1.0741 7.577-2.9223.709-.7213 1.936-.2632 1.936.7346v.4317c0 .6161.509 1.1031 1.125 1.1031h4.348c.628 0 1.125-.5002 1.125-1.1031V9.33502c0-.61606-.508-1.10045-1.125-1.10045ZM152.667 26.3527c-4.175 0-6.819-2.9091-6.819-6.9161 0-4.0095 2.525-6.916 6.9-6.916s7.063 2.7907 7.063 6.7976-2.807 7.0345-7.144 7.0345Zm43.208-23.75734h-4.305c-.627 0-1.125.50019-1.125 1.10045v5.64973c0 .99516-1.243 1.45326-1.941.73186-1.752-1.806-4.148-2.79064-7.209-2.79064-6.587 0-11.525 4.99154-11.525 12.18144.006 6.8713 4.381 12.0919 10.957 12.0919 3.391 0 5.971-1.1294 7.793-3.0012.698-.7214 1.925-.2633 1.925.7318v.5108c0 .6161.509 1.1004 1.125 1.1004h4.305c.627 0 1.125-.4976 1.125-1.1004V3.69581c0-.61606-.508-1.10045-1.125-1.10045ZM183.42 26.3448c-4.175 0-6.863-2.9091-6.863-6.916s2.607-6.9135 6.944-6.9135c4.332 0 7.025 2.7907 7.025 6.7976s-2.768 7.0319-7.106 7.0319Z"/></svg>
</a>
</div>
<section wire:snapshot="{"data":{"query":"","placeholder":"Find talent and event services","resultsOpen":false,"isMobileMenuSearch":false},"memo":{"id":"GbJMyjxg1nU2s3b1Np1f","name":"search-autocomplete","path":"Music-Groups\/Jazz-Band\/ON\/Toronto","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"ec2a6a33c0592ebbe076454ae547984e3a9e7eb68b660e2366f9aa60995f4fe7"}" wire:effects="[]" wire:id="GbJMyjxg1nU2s3b1Np1f"
x-data="searchAutocomplete({
resultsOpen: false,
isMobileMenuSearch: false })"
x-init="init()"
wire:key="search-autocomplete"
x-ref="autocompleteSection"
@focus-search="$nextTick(() => $refs.searchInput.focus())"
@keydown.escape.window="closeResults();"
class="relative w-full z-30 flex-shrink-0 rounded-lg focus-within:border-slate-200 mx-auto max-w-md lg:block hidden"
role="search"
data-is-mobile="false"
>
<form x-ref="form" @submit.prevent="submit()" class="relative">
<div
class="relative z-20"
@click.outside="closeResults()"
>
<div
x-data="{
focusMobileSearch() {
// Wait for mobile menu animation to complete
if (this.isProcessing) return;
this.isProcessing = true;
setTimeout(() => {
// Find the root that is marked as mobile
const mobileRoot = document.querySelector('[data-is-mobile=\'true\']');
if (!mobileRoot) {
console.warn('No mobile autocomplete root found');
this.isProcessing = false;
return;
}
// Focus the input inside the mobile root
const inputToFocus = mobileRoot.querySelector('[x-ref=\'searchInput\']');
// console.log('Input in mobile root:', inputToFocus); // Debugging
if (inputToFocus && inputToFocus.offsetParent !== null) {
inputToFocus.focus();
}
this.isProcessing = false;
}, 300); // Matches mobile menu transition
}
}"
@search-focus.window.debounce.300ms="focusMobileSearch()"
class="flex items-center py-0 bg-white h-12 w-full rounded-lg shadow-none hover:shadow-gigsalad focus-within:border-transparent ease-out duration-300 px-sm lg:w-[448px] border"
:class="(true && !expanded && !showResults ? 'hover:focus-within:shadow-gigsalad focus-within:shadow-gigsalad' : 'hover:focus-within:shadow-none focus-within:shadow-none')"
>
<svg @click="$refs.searchInput.focus()" class="size-6 text-purple-800 focus:outline-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"/><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"/></svg>
<input
type="text"
x-ref="searchInput"
x-model="query"
@focus="onFocus()"
@input="onInput()"
@keydown.arrow-down.prevent="selectNext()"
@keydown.arrow-up.prevent="selectPrevious()"
@keydown.enter.prevent="submit()"
@keydown.escape.prevent="closeResults()"
@keydown.tab="closeResults()"
placeholder="Find talent and event services"
class="w-full px-2xs bg-transparent outline-none focus:outline-none focus:ring-0 md:text-sm placeholder-zinc-400 border-0"
autocomplete="off"
role="combobox"
aria-autocomplete="list"
aria-owns="search-results"
:aria-expanded="showResults"
aria-controls="search-results"
required
>
</div>
</div>
<div x-show="expanded || showResults" x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="scale-[0.99]"
x-transition:enter-end="scale-100"
id="search-results"
class="top-0 z-10 w-full rounded-lg bg-white absolute"
>
<div x-show="expanded || showResults" x-cloak x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 -translate-y-2 scale-[0.98]"
x-transition:enter-end="opacity-100 translate-y-0 scale-100"
class="pt-12 rounded-lg px-2xs pb-2xs lg:shadow-gigsalad"
>
<div x-show="results.length > 0" x-cloak class="w-full flex flex-col justify-start items-start">
<ul
x-ref="resultsList"
role="listbox"
aria-live="polite"
class="relative w-full md:max-h-[372px] overflow-y-scroll search-results-list"
>
<template x-for="(result, index) in results" :key="result.id">
<li :id="`result-${index}`" class="w-full" role="option">
<button
type="button"
@click="onClickResult(result)"
@mouseenter="setActiveItem(result.id)"
:class="{
'bg-purple-50 text-party-purple border-purple-100 opacity-100': resultItemActive === result.id,
'border-transparent text-purple-800 opacity-90 hover:text-party-purple': resultItemActive !== result.id
}"
class="flex items-center justify-between px-2 py-2 w-full border ease-out duration-300 group rounded-lg"
>
<span x-html="highlightMatch(result.name || '')" class="text-left"></span>
<span
:class="{
'translate-x-0.5 opacity-100': resultItemActive === result.id,
'opacity-0 translate-x-0': resultItemActive !== result.id
}"
class="w-4 inline-block h-4 ease-out duration-300"
>
<svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"/></svg> </span>
</button>
</li>
</template>
</ul>
</div>
<div
class="hidden"
x-cloak
:class="{ 'hidden': results.length > 0 }"
class="w-full flex items-center justify-center"
>
<nav class="relative pb-0 pt-xs w-full" aria-label="Category navigation">
<h2 class="heading-base font-bold text-party-purple px-2 mb-2">
<a href="https://www.gigsalad.com/services">Browse categories</a>
</h2>
<a href="https://www.gigsalad.com/book-music"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-fuchsia" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,164a28,28,0,1,1-28-28A28,28,0,0,1,208,164ZM52,168a28,28,0,1,0,28,28A28,28,0,0,0,52,168Z" opacity="0.2"/><path d="M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Musical acts</div>
<div class="text-sm text-zinc-500">Bands, DJs, Ensembles, Singers, Soloists, Wedding Musicians, and more</div>
</div>
</a>
<a href="https://www.gigsalad.com/book-entertainers"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-berry-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48v55.77C216,174.6,176.6,232,128,232S40,174.6,40,103.79V48a8,8,0,0,1,10.89-7.47C66,46.41,95.11,55.71,128,55.71s62-9.3,77.11-15.16A8,8,0,0,1,216,48Z" opacity="0.2"/><path d="M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8Zm-9,69c0,32.64-8.66,63.23-24.37,86.13C168.54,211.9,148.79,224,128,224s-40.54-12.1-55.63-34.08C56.66,167,48,136.43,48,103.79V48c15.11,5.87,45.58,15.71,80,15.71S192.9,53.87,208,48v55.81Zm-18,18.87A8,8,0,1,1,178,133.33c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66S184.25,116.28,190,122.66ZM92,128c-5.19,0-11.36,2.34-14,5.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33C103.36,130.34,97.19,128,92,128Zm76.45,45.19a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,162.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Entertainers</div>
<div class="text-sm text-zinc-500">Children’s Entertainers, Comedians, Dancers, Magicians, and more</div>
</div>
</a>
<a href="https://www.gigsalad.com/book-speakers"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-leafy-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M156.5,151,59,222.45a8,8,0,0,1-10.38-.79l-14.3-14.3A8,8,0,0,1,33.55,197L105,99.5l0,0A64,64,0,0,0,156.48,151Z" opacity="0.2"/><path d="M168,16A72.07,72.07,0,0,0,96,88a73.29,73.29,0,0,0,.63,9.42L27.12,192.22A15.93,15.93,0,0,0,28.71,213L43,227.29a15.93,15.93,0,0,0,20.78,1.59l94.81-69.53A73.29,73.29,0,0,0,168,160a72,72,0,1,0,0-144Zm56,72a55.72,55.72,0,0,1-11.16,33.52L134.49,43.16A56,56,0,0,1,224,88ZM54.32,216,40,201.68,102.14,117A72.37,72.37,0,0,0,139,153.86ZM112,88a55.67,55.67,0,0,1,11.16-33.51l78.34,78.34A56,56,0,0,1,112,88Zm-2.35,58.34a8,8,0,0,1,0,11.31l-8,8a8,8,0,1,1-11.31-11.31l8-8A8,8,0,0,1,109.67,146.33Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Speakers</div>
<div class="text-sm text-zinc-500">Athletes, Authors, Business Leaders, Emcees, Politicians, and more</div>
</div>
</a>
<a href="https://www.gigsalad.com/book-services"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-peachy-coral" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,64H176L160,40H96L80,64H48A16,16,0,0,0,32,80V192a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V80A16,16,0,0,0,208,64ZM128,168a36,36,0,1,1,36-36A36,36,0,0,1,128,168Z" opacity="0.2"/><path d="M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8H80a8,8,0,0,0,6.66-3.56L100.28,48h55.43l13.63,20.44A8,8,0,0,0,176,72h32a8,8,0,0,1,8,8ZM128,88a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,88Zm0,72a28,28,0,1,1,28-28A28,28,0,0,1,128,160Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Event services</div>
<div class="text-sm text-zinc-500">Bartenders, Photographers, Rentals, Wedding Services, and more</div>
</div>
</a>
</nav>
</div>
</div>
</div>
</form>
</section>
</div>
<div class="flex items-center gap-2xs lg:gap-0 lg:space-x-xs">
<button x-on:click="mobileMenuSearch=true" class="lg:hidden p-2xs">
<svg class="size-6 text-party-purple" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"/><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"/></svg></button>
<div
x-show="mobileMenuSearch"
x-on:click.outside="mobileMenuSearch=false"
x-ref="mobileMenuSearch"
x-init="
$watch('mobileMenuSearch', value => {
if(value){
document.body.classList.add('overflow-hidden');
} else {
document.body.classList.remove('overflow-hidden');
}
});
"
class="w-screen fixed col-full top-0 left-0 h-dvh lg:hidden flex flex-col items-center justify-start z-20"
x-cloak
>
<div
x-show="mobileMenuSearch"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease-out duration-300"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-100 translate-x-full"
class="border-b h-16 lg:h-24 bg-white grid grid-cols-layout top-0 col-content items-center justify-between z-20"
x-cloak>
<div class="flex items-center justify-between text-party-purple">
<div x-show="mobileMenuSearch"
x-transition:enter="transition ease-out delay-300 duration-300"
x-transition:enter-start="opacity-0 -translate-x-full -ml-3"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0"
class="h-full flex items-center justify-center w-auto pl-3 -translate-x-3">
<a href="https://www.gigsalad.com" class="block text-purple-950 h-6 lg:h-8 lg:translate-y-px">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full min-h-3 w-auto" viewBox="0 0 54 56" fill="none"><path fill="currentColor" d="M49.5936 37.8312C51.6913 34.4777 52.923 30.5526 53 26.3607l-.0192-4.268C52.7691 10.4126 43.1658 1 31.3686 1h-2.7328c-.5581 0-1.1162.22865-1.5203.62878l-3.3679 3.23916C20.245 2.42904 15.9726 1 11.3731 1H8.37084c-.55811 0-1.11621.22865-1.52036.62878L1.63509 6.81144C1.23094 7.21157 1 7.76413 1 8.33575V22.3785c0 1.1813.96225 2.134 2.1362 2.134h2.75203c.09623 0 .15396.1334.07698.1905l-4.17616 3.3726C1.28867 28.4757 1 29.1045 1 29.7333v2.6485C1 44.843 11.2191 55.1321 23.7668 54.9987c13.2021 0 22.0356-11.6419 25.8268-17.1675Z"/><path class="fill-white" d="M39.9866 22.3426c0-4.3252-2.194-7.8692-7.7365-8.2503-.5581-.0381-1.0008-.4954-1.0008-1.067V5.89914c0-.62878.5197-1.10513 1.1547-1.06702 9.2184.59067 16.5122 8.25038 16.5122 17.60578h-8.9104c-.0192-.0381-.0192-.0571-.0192-.0953ZM11.35 5.89914v7.22146c0 .5525.4234 1.0098.9623 1.067 4.1376.4763 7.3515 3.9822 7.3515 8.2503h9.3531c0-9.3554-7.2938-17.01511-16.5122-17.60578-.6158-.03811-1.1547.4573-1.1547 1.06702Zm2.2902 19.98756c-1.2895 0-2.2902 1.1432-2.1362 2.4198 1.1932 9.203 9.0644 16.3292 18.6099 16.3292 10.373 0 18.7639-8.4028 18.7639-18.749H13.6402Z"/></svg>
</a>
</div>
<h6 class="heading-6">Search</h6>
<button x-on:click="mobileMenuSearch=false" class="p-2xs -mr-2xs">
<svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/></svg> </button>
</div>
</div>
<div x-show="mobileMenuSearch"
x-transition:enter="transition ease-in-out duration-200"
x-transition:enter-start="opacity-0 translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease-in-out duration-200"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0 translate-x-full"
class="bg-white z-10 w-full h-full flex-1 overflow-y-scroll select-none"
>
<div class="grid grid-cols-layout pb-xs pt-2xs -mx-3xs">
<section wire:snapshot="{"data":{"query":"","placeholder":"Find talent and event services","resultsOpen":true,"isMobileMenuSearch":true},"memo":{"id":"fJzEN2xVZrEeZ1TE5ACk","name":"search-autocomplete","path":"Music-Groups\/Jazz-Band\/ON\/Toronto","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"2a84e6c5e48f9de21a8ac43bb78dbcc9966c126f9f504152ddfe0c9e5cf47238"}" wire:effects="[]" wire:id="fJzEN2xVZrEeZ1TE5ACk"
x-data="searchAutocomplete({
resultsOpen: true,
isMobileMenuSearch: true })"
x-init="init()"
wire:key="search-autocomplete"
x-ref="autocompleteSection"
@focus-search="$nextTick(() => $refs.searchInput.focus())"
@keydown.escape.window="closeResults();"
class="relative w-full z-30 flex-shrink-0 rounded-lg focus-within:border-slate-200 mx-auto bg-white"
role="search"
data-is-mobile="true"
>
<form x-ref="form" @submit.prevent="submit()" class="relative">
<div
class="relative z-20 pt-1"
@click.outside="closeResults()"
>
<div
x-data="{
focusMobileSearch() {
// Wait for mobile menu animation to complete
if (this.isProcessing) return;
this.isProcessing = true;
setTimeout(() => {
// Find the root that is marked as mobile
const mobileRoot = document.querySelector('[data-is-mobile=\'true\']');
if (!mobileRoot) {
console.warn('No mobile autocomplete root found');
this.isProcessing = false;
return;
}
// Focus the input inside the mobile root
const inputToFocus = mobileRoot.querySelector('[x-ref=\'searchInput\']');
// console.log('Input in mobile root:', inputToFocus); // Debugging
if (inputToFocus && inputToFocus.offsetParent !== null) {
inputToFocus.focus();
}
this.isProcessing = false;
}, 300); // Matches mobile menu transition
}
}"
@search-focus.window.debounce.300ms="focusMobileSearch()"
class="flex items-center py-0 bg-white h-12 w-full rounded-lg shadow-none hover:shadow-gigsalad focus-within:border-transparent ease-out duration-300 px-3xs hover:shadow-none"
:class="(false && !expanded && !showResults ? 'hover:focus-within:shadow-gigsalad focus-within:shadow-gigsalad' : 'hover:focus-within:shadow-none focus-within:shadow-none')"
>
<svg @click="$refs.searchInput.focus()" class="size-6 text-purple-800 focus:outline-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"/><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"/></svg>
<input
type="text"
x-ref="searchInput"
x-model="query"
@focus="onFocus()"
@input="onInput()"
@keydown.arrow-down.prevent="selectNext()"
@keydown.arrow-up.prevent="selectPrevious()"
@keydown.enter.prevent="submit()"
@keydown.escape.prevent="closeResults()"
@keydown.tab="closeResults()"
placeholder="Find talent and event services"
class="w-full px-2xs bg-transparent outline-none focus:outline-none focus:ring-0 md:text-sm placeholder-zinc-400 border-0"
autocomplete="off"
role="combobox"
aria-autocomplete="list"
aria-owns="search-results"
:aria-expanded="showResults"
aria-controls="search-results"
required
>
</div>
</div>
<div x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="scale-[0.99]"
x-transition:enter-end="scale-100"
id="search-results"
class="top-0 z-10 w-full rounded-lg bg-white"
>
<div x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 -translate-y-2 scale-[0.98]"
x-transition:enter-end="opacity-100 translate-y-0 scale-100"
class=""
>
<div x-show="results.length > 0" x-cloak class="w-full flex flex-col justify-start items-start">
<ul
x-ref="resultsList"
role="listbox"
aria-live="polite"
class="relative w-full md:max-h-[372px] overflow-y-scroll search-results-list min-h-[372px]"
>
<template x-for="(result, index) in results" :key="result.id">
<li :id="`result-${index}`" class="w-full" role="option">
<button
type="button"
@click="onClickResult(result)"
@mouseenter="setActiveItem(result.id)"
:class="{
'bg-purple-50 text-party-purple border-purple-100 opacity-100': resultItemActive === result.id,
'border-transparent text-purple-800 opacity-90 hover:text-party-purple': resultItemActive !== result.id
}"
class="flex items-center justify-between px-2 py-2 w-full border ease-out duration-300 group rounded-lg"
>
<span x-html="highlightMatch(result.name || '')" class="text-left"></span>
<span
:class="{
'translate-x-0.5 opacity-100': resultItemActive === result.id,
'opacity-0 translate-x-0': resultItemActive !== result.id
}"
class="w-4 inline-block h-4 ease-out duration-300"
>
<svg class="w-full h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"/></svg> </span>
</button>
</li>
</template>
</ul>
</div>
<div
class=""
:class="{ 'hidden': results.length > 0 }"
class="w-full flex items-center justify-center"
>
<nav class="relative pb-0 pt-xs w-full" aria-label="Category navigation">
<h2 class="heading-base font-bold text-party-purple px-2 mb-2">
<a href="https://www.gigsalad.com/services">Browse categories</a>
</h2>
<a href="https://www.gigsalad.com/book-music"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-fuchsia" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,164a28,28,0,1,1-28-28A28,28,0,0,1,208,164ZM52,168a28,28,0,1,0,28,28A28,28,0,0,0,52,168Z" opacity="0.2"/><path d="M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Musical acts</div>
<div class="text-sm text-zinc-500">Bands, DJs, Ensembles, Singers, Soloists, Wedding Musicians, and more</div>
</div>
</a>
<a href="https://www.gigsalad.com/book-entertainers"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-berry-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48v55.77C216,174.6,176.6,232,128,232S40,174.6,40,103.79V48a8,8,0,0,1,10.89-7.47C66,46.41,95.11,55.71,128,55.71s62-9.3,77.11-15.16A8,8,0,0,1,216,48Z" opacity="0.2"/><path d="M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8Zm-9,69c0,32.64-8.66,63.23-24.37,86.13C168.54,211.9,148.79,224,128,224s-40.54-12.1-55.63-34.08C56.66,167,48,136.43,48,103.79V48c15.11,5.87,45.58,15.71,80,15.71S192.9,53.87,208,48v55.81Zm-18,18.87A8,8,0,1,1,178,133.33c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66S184.25,116.28,190,122.66ZM92,128c-5.19,0-11.36,2.34-14,5.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33C103.36,130.34,97.19,128,92,128Zm76.45,45.19a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,162.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Entertainers</div>
<div class="text-sm text-zinc-500">Children’s Entertainers, Comedians, Dancers, Magicians, and more</div>
</div>
</a>
<a href="https://www.gigsalad.com/book-speakers"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-leafy-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M156.5,151,59,222.45a8,8,0,0,1-10.38-.79l-14.3-14.3A8,8,0,0,1,33.55,197L105,99.5l0,0A64,64,0,0,0,156.48,151Z" opacity="0.2"/><path d="M168,16A72.07,72.07,0,0,0,96,88a73.29,73.29,0,0,0,.63,9.42L27.12,192.22A15.93,15.93,0,0,0,28.71,213L43,227.29a15.93,15.93,0,0,0,20.78,1.59l94.81-69.53A73.29,73.29,0,0,0,168,160a72,72,0,1,0,0-144Zm56,72a55.72,55.72,0,0,1-11.16,33.52L134.49,43.16A56,56,0,0,1,224,88ZM54.32,216,40,201.68,102.14,117A72.37,72.37,0,0,0,139,153.86ZM112,88a55.67,55.67,0,0,1,11.16-33.51l78.34,78.34A56,56,0,0,1,112,88Zm-2.35,58.34a8,8,0,0,1,0,11.31l-8,8a8,8,0,1,1-11.31-11.31l8-8A8,8,0,0,1,109.67,146.33Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Speakers</div>
<div class="text-sm text-zinc-500">Athletes, Authors, Business Leaders, Emcees, Politicians, and more</div>
</div>
</a>
<a href="https://www.gigsalad.com/book-services"
class="flex items-center hover:bg-purple-50 group ease-out duration-200 rounded-lg p-2"
>
<div class="size-16 flex-shrink-0 rounded-lg bg-primary-50 group-hover:bg-white ease-out duration-200 flex items-center justify-center"
aria-hidden="true"
>
<svg class="fill-current size-8 text-peachy-coral" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,64H176L160,40H96L80,64H48A16,16,0,0,0,32,80V192a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V80A16,16,0,0,0,208,64ZM128,168a36,36,0,1,1,36-36A36,36,0,0,1,128,168Z" opacity="0.2"/><path d="M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8H80a8,8,0,0,0,6.66-3.56L100.28,48h55.43l13.63,20.44A8,8,0,0,0,176,72h32a8,8,0,0,1,8,8ZM128,88a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,88Zm0,72a28,28,0,1,1,28-28A28,28,0,0,1,128,160Z"/></svg> </div>
<div class="ml-sm">
<div class="font-bold text-party-purple">Event services</div>
<div class="text-sm text-zinc-500">Bartenders, Photographers, Rentals, Wedding Services, and more</div>
</div>
</a>
</nav>
</div>
</div>
</div>
</form>
</section>
</div>
</div>
</div>
<div x-data="{
favoritesList: {},
promokitsCount: 0,
// Sync Alpine's data with ContactList's promokits
syncFavorites() {
this.favoritesList = { ...ContactList.latest_promokits };
// We want the favorites to show up as most recent first, so reverse the order
this.favoritesList = Object.fromEntries(
Object.entries(this.favoritesList).reverse()
);
this.promokitsCount = ContactList.promokits.length; // Update the count
},
removeFavorite(identifier) {
ContactList.removePromokit(identifier);
},
promokitsEmpty() {
return Object.keys(this.favoritesList).length === 0;
}
}"
x-init="
// Initialize ContactList, then sync with Alpine's data
ContactList.init();
$nextTick(function(){
syncFavorites();
});
ContactList.onUpdate((event) => {
// Adding this timeout as a workaround to ensure the latest data is used
// When a user has more than 5 promokits, contact-list needs to do an ajax call
// We need to wait for that to finish before updating the list
setTimeout(function(){
syncFavorites();
}, 100);
});
// Add listeners for when promokits are added or removed
ContactList.onAddPromokit(() => {
syncFavorites();
});
"
class="order-3"
>
<div class="hidden lg:block">
<div
x-data="{
toggle: function (event) {
$refs.panel.toggle(event)
},
open: function (event) {
$refs.panel.open(event)
},
close: function (event) {
$refs.panel.close(event)
},
}"
class="fi-dropdown"
>
<div
x-on:click="toggle"
class="fi-dropdown-trigger flex cursor-pointer"
>
<div class="relative hidden lg:block">
<button
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 focus:ring-4 focus:!ring-light-fuchsia" type="button" wire:loading.attr="disabled" wire:loading.class="opacity-70" rounded="rounded"
>
<svg class="fi-btn-icon transition duration-75 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,102c0,66-104,122-104,122S24,168,24,102A54,54,0,0,1,78,48c22.59,0,41.94,12.31,50,32,8.06-19.69,27.41-32,50-32A54,54,0,0,1,232,102Z" opacity="0.2"/><path d="M178,40c-20.65,0-38.73,8.88-50,23.89C116.73,48.88,98.65,40,78,40a62.07,62.07,0,0,0-62,62c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,228.66,240,172,240,102A62.07,62.07,0,0,0,178,40ZM128,214.8C109.74,204.16,32,155.69,32,102A46.06,46.06,0,0,1,78,56c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,155.61,146.24,204.15,128,214.8Z"/></svg>
<span
class="fi-btn-label sr-only"
>
Saved List
</span>
</button>
<span
style="--c-50:var(--primary-50);--c-400:var(--primary-400);--c-600:var(--primary-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-primary absolute py-0 h-6 mt-1 right-0 top-0 rounded-full -translate-y-3.5 translate-x-2" x-show="promokitsCount > 0" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform -translate-y-2.5" x-transition:enter-end="opacity-100 transform -translate-y-3.5" x-bind:count="promokitsCount" x-text="promokitsCount" x-cloak="x-cloak"
>
<span class="grid">
<span class="truncate">
</span>
</span>
</span>
</div>
</div>
<div
x-cloak
x-float.placement.bottom-end.flip.offset="{ offset: 8, }"
x-ref="panel"
x-transition:enter-start="opacity-0"
x-transition:leave-end="opacity-0"
class="fi-dropdown-panel absolute z-10 w-screen divide-y divide-gray-100 rounded-lg bg-white shadow-lg ring-1 ring-gray-950/5 transition dark:divide-white/5 dark:bg-gray-900 dark:ring-white/10 !max-w-xs"
style=""
>
<div class="w-full h-full">
<!-- Empty state -->
<template x-if="promokitsEmpty()">
<div class="menu-list-item-group py-md pb-sm text-center space-y-md text-party-purple">
<svg
class="h-full text-party-purple fill-light-fuchsia w-40 lg:w-32 mx-auto"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 144 144"
fill="none"
>
<path fill="currentColor" d="M36.102 103.062a1.862 1.862 0 0 0-1.46.963c-.848 1.547-2.701 4.503-5.558 6.9-2.856 2.397-6.09 3.709-7.763 4.277a1.878 1.878 0 0 0-1.229 2.171c.065.298.2.576.396.809l4.201 5.007c2.7 3.217 6.113 5.525 9.61 6.497 3.623 1.007 6.913.471 9.266-1.504 2.354-1.975 3.45-5.124 3.09-8.864-.348-3.611-2.028-7.373-4.728-10.59l-4.203-5.008a1.867 1.867 0 0 0-1.623-.658Zm-5.056 19.315a.939.939 0 0 1-.968.914.938.938 0 0 1-.913-.968c.035-1.005.649-2.175 1.53-2.915.882-.74 2.14-1.141 3.138-1.002a.945.945 0 0 1 .794 1.068.943.943 0 0 1-1.068.794c-.466-.067-1.196.188-1.658.576-.463.388-.844 1.066-.855 1.533Zm11.728-2.52a6.202 6.202 0 0 1-4.588 5.973 6.192 6.192 0 0 1-2.675.121.926.926 0 0 1-.647-.364.939.939 0 0 1 .954-1.482 4.316 4.316 0 0 0 3.533-.945 4.328 4.328 0 0 0 1.544-3.315.937.937 0 1 1 1.875.015l.004-.003Zm-1.683-5.806a.938.938 0 0 1-1.062.794c-.466-.067-1.196.188-1.658.576-.463.388-.844 1.066-.855 1.533a.953.953 0 0 1-.296.66.939.939 0 0 1-1.035.175.953.953 0 0 1-.496-.526.943.943 0 0 1-.061-.363c.032-1.003.646-2.173 1.531-2.916.885-.742 2.14-1.141 3.137-1.001a.933.933 0 0 1 .777.7c.03.12.036.245.018.368ZM91.494 115.875l-2.867.876-2.031-1.666a1.407 1.407 0 0 0-1.304-.256l-7.172 2.193a1.415 1.415 0 0 0-.938.941l-.753 2.517-2.866.876a3.285 3.285 0 0 0-2.178 4.098l3.837 12.551a3.284 3.284 0 0 0 4.097 2.179l17.931-5.482a3.283 3.283 0 0 0 2.178-4.097l-3.837-12.552a3.288 3.288 0 0 0-1.597-1.938 3.287 3.287 0 0 0-2.5-.24Zm5.245 15.552a.468.468 0 0 1-.311.585l-17.931 5.482a.472.472 0 0 1-.585-.311l-3.838-12.552a.469.469 0 0 1 .311-.585l3.587-1.096a1.414 1.414 0 0 0 .937-.941l.753-2.517 5.732-1.753 2.032 1.666a1.407 1.407 0 0 0 1.304.256l3.586-1.097a.472.472 0 0 1 .585.311l3.838 12.552Zm-13.114-9.225a5.62 5.62 0 0 0-3.955 4.84 5.625 5.625 0 1 0 3.955-4.84Zm2.467 8.068a2.812 2.812 0 1 1-1.646-5.378 2.812 2.812 0 0 1 1.646 5.378Z"/>
<path d="M133.93 33.803c4.871 34.66-42.576 69.936-44.602 71.402a3.993 3.993 0 0 1-3.753.528c-2.351-.851-57.684-21.683-62.555-56.343a31.034 31.034 0 0 1 26.384-35.012c10.224-1.437 19.794 1.701 26.42 8.349 4.535-8.216 12.869-13.871 23.093-15.308a31.034 31.034 0 0 1 35.013 26.384Z"/>
<path fill="currentColor" d="M84.065 4.694a30.8 30.8 0 0 0-18.568 14.77l-2.112 3.81-3.81-2.112a31 31 0 0 0-44.827 35.657c9.647 33.644 67.342 46.578 69.787 47.088a4 4 0 0 0 3.644-1.044c1.803-1.729 43.877-43.271 34.23-76.915A31.035 31.035 0 0 0 84.065 4.693Zm.06 90.905C73.881 93 29.836 80.419 22.437 54.614a23 23 0 0 1 33.26-26.458l3.81 2.112-3.545 6.41a4 4 0 0 0 1.558 5.437l15.171 8.409-5.668 10.218a4.002 4.002 0 0 0 7 3.88l7.603-13.721a4 4 0 0 0-1.559-5.436l-15.173-8.42 7.597-13.704a23.001 23.001 0 0 1 42.227 4.812c7.388 25.767-23.296 59.813-30.595 67.446Z"/>
</svg>
<div class="flex flex-col space-y-2xs">
<p class="font-bold">Aw, your list is empty</p>
<p class="text-sm font-medium">Save musicians, entertainers, speakers, and services, and they’ll appear here.</p>
</div>
<a
href="https://www.gigsalad.com/quick-quote"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Free quick quote
</span>
</a>
</div>
</template>
<!-- Non-empty state -->
<template x-if="!promokitsEmpty()">
<div class="divide-y pb-sm">
<div class="menu-list-item-group py-md">
<div class="flex flex-col text-party-purple text-center space-y-2xs">
<p class="font-bold">Your favorites</p>
<p class="text-sm font-medium text-balance">Ready to start planning? Revisit your saved profiles and get quotes now.</p>
</div>
</div>
<div class="menu-list-item-group py-md">
<ul class="font-bold text-party-purple lg:max-h-[342px] overflow-auto">
<template x-for="(item, key) in favoritesList" :key="key">
<li class="relative flex items-center">
<a :href="'/' + key" class="hover:bg-purple-50 rounded-lg p-2xs w-full">
<div class="flex items-center space-x-sm w-full">
<img :src="item.thumbnail" :alt="item.act_name" width="48" height="48" class="size-12 rounded-full" loading="lazy">
<span class="w-full text-ellipsis text-sm line-clamp-2 pr-7" x-text="ContactList.decodeHTMLEntities(item.act_name)"></span>
</div>
</a>
<button @click="removeFavorite(key); event.stopPropagation();" class="absolute right-2 flex items-center justify-center size-6 rounded-full hover:bg-purple-100">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/></svg> </button>
</li>
</template>
</ul>
</div>
<div class="menu-list-item-group !border-t-0 py-0 space-y-sm">
<a
href="https://www.gigsalad.com/quick-quote"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Request a quote
</span>
</a>
</div>
</div>
</template>
</div>
</div>
</div>
</div>
<button x-on:click="mobileMenuFavorites=!mobileMenuFavorites" class="lg:hidden size-6 box-content p-2xs relative">
<span class="relative block">
<svg class="size-6 text-party-purple" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,102c0,66-104,122-104,122S24,168,24,102A54,54,0,0,1,78,48c22.59,0,41.94,12.31,50,32,8.06-19.69,27.41-32,50-32A54,54,0,0,1,232,102Z" opacity="0.2"/><path d="M178,40c-20.65,0-38.73,8.88-50,23.89C116.73,48.88,98.65,40,78,40a62.07,62.07,0,0,0-62,62c0,70,103.79,126.66,108.21,129a8,8,0,0,0,7.58,0C136.21,228.66,240,172,240,102A62.07,62.07,0,0,0,178,40ZM128,214.8C109.74,204.16,32,155.69,32,102A46.06,46.06,0,0,1,78,56c19.45,0,35.78,10.36,42.6,27a8,8,0,0,0,14.8,0c6.82-16.67,23.15-27,42.6-27a46.06,46.06,0,0,1,46,46C224,155.61,146.24,204.15,128,214.8Z"/></svg> <span
x-show="promokitsCount > 0"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 transform translate-x-0"
x-transition:enter-end="opacity-100 transform translate-x-0.5"
x-bind:count="promokitsCount"
class="absolute top-0 right-0 bg-fuchsia size-2.5 translate-x-0.5 rounded-full"
x-cloak
></span>
</span>
</button>
<div
x-show="mobileMenuFavorites"
x-on:click.outside="mobileMenuFavorites=false"
x-ref="mobileMenuFavorites"
x-init="
$watch('mobileMenuFavorites', value => {
if(value){
document.body.classList.add('overflow-hidden');
} else {
document.body.classList.remove('overflow-hidden');
}
});
"
class="w-screen fixed col-full top-0 left-0 h-dvh lg:hidden flex flex-col items-center justify-start z-20"
x-cloak
>
<div
x-show="mobileMenuFavorites"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease-out duration-300"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-100 translate-x-full"
class="border-b h-16 lg:h-24 bg-white grid grid-cols-layout top-0 col-content items-center justify-between z-20"
x-cloak>
<div class="flex items-center justify-between text-party-purple">
<div x-show="mobileMenuFavorites"
x-transition:enter="transition ease-out delay-300 duration-300"
x-transition:enter-start="opacity-0 -translate-x-full -ml-3"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0"
class="h-full flex items-center justify-center w-auto pl-3 -translate-x-3">
<a href="https://www.gigsalad.com" class="block text-purple-950 h-6 lg:h-8 lg:translate-y-px">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full min-h-3 w-auto" viewBox="0 0 54 56" fill="none"><path fill="currentColor" d="M49.5936 37.8312C51.6913 34.4777 52.923 30.5526 53 26.3607l-.0192-4.268C52.7691 10.4126 43.1658 1 31.3686 1h-2.7328c-.5581 0-1.1162.22865-1.5203.62878l-3.3679 3.23916C20.245 2.42904 15.9726 1 11.3731 1H8.37084c-.55811 0-1.11621.22865-1.52036.62878L1.63509 6.81144C1.23094 7.21157 1 7.76413 1 8.33575V22.3785c0 1.1813.96225 2.134 2.1362 2.134h2.75203c.09623 0 .15396.1334.07698.1905l-4.17616 3.3726C1.28867 28.4757 1 29.1045 1 29.7333v2.6485C1 44.843 11.2191 55.1321 23.7668 54.9987c13.2021 0 22.0356-11.6419 25.8268-17.1675Z"/><path class="fill-white" d="M39.9866 22.3426c0-4.3252-2.194-7.8692-7.7365-8.2503-.5581-.0381-1.0008-.4954-1.0008-1.067V5.89914c0-.62878.5197-1.10513 1.1547-1.06702 9.2184.59067 16.5122 8.25038 16.5122 17.60578h-8.9104c-.0192-.0381-.0192-.0571-.0192-.0953ZM11.35 5.89914v7.22146c0 .5525.4234 1.0098.9623 1.067 4.1376.4763 7.3515 3.9822 7.3515 8.2503h9.3531c0-9.3554-7.2938-17.01511-16.5122-17.60578-.6158-.03811-1.1547.4573-1.1547 1.06702Zm2.2902 19.98756c-1.2895 0-2.2902 1.1432-2.1362 2.4198 1.1932 9.203 9.0644 16.3292 18.6099 16.3292 10.373 0 18.7639-8.4028 18.7639-18.749H13.6402Z"/></svg>
</a>
</div>
<h6 class="heading-6">Favorites</h6>
<button x-on:click="mobileMenuFavorites=false" class="p-2xs -mr-2xs">
<svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/></svg> </button>
</div>
</div>
<div x-show="mobileMenuFavorites"
x-transition:enter="transition ease-in-out duration-200"
x-transition:enter-start="opacity-0 translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease-in-out duration-200"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0 translate-x-full"
class="bg-white z-10 w-full h-full flex-1 overflow-y-scroll select-none"
>
<div class="w-full h-full">
<!-- Empty state -->
<template x-if="promokitsEmpty()">
<div class="menu-list-item-group py-md pb-sm text-center space-y-md text-party-purple">
<svg
class="h-full text-party-purple fill-light-fuchsia w-40 lg:w-32 mx-auto"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 144 144"
fill="none"
>
<path fill="currentColor" d="M36.102 103.062a1.862 1.862 0 0 0-1.46.963c-.848 1.547-2.701 4.503-5.558 6.9-2.856 2.397-6.09 3.709-7.763 4.277a1.878 1.878 0 0 0-1.229 2.171c.065.298.2.576.396.809l4.201 5.007c2.7 3.217 6.113 5.525 9.61 6.497 3.623 1.007 6.913.471 9.266-1.504 2.354-1.975 3.45-5.124 3.09-8.864-.348-3.611-2.028-7.373-4.728-10.59l-4.203-5.008a1.867 1.867 0 0 0-1.623-.658Zm-5.056 19.315a.939.939 0 0 1-.968.914.938.938 0 0 1-.913-.968c.035-1.005.649-2.175 1.53-2.915.882-.74 2.14-1.141 3.138-1.002a.945.945 0 0 1 .794 1.068.943.943 0 0 1-1.068.794c-.466-.067-1.196.188-1.658.576-.463.388-.844 1.066-.855 1.533Zm11.728-2.52a6.202 6.202 0 0 1-4.588 5.973 6.192 6.192 0 0 1-2.675.121.926.926 0 0 1-.647-.364.939.939 0 0 1 .954-1.482 4.316 4.316 0 0 0 3.533-.945 4.328 4.328 0 0 0 1.544-3.315.937.937 0 1 1 1.875.015l.004-.003Zm-1.683-5.806a.938.938 0 0 1-1.062.794c-.466-.067-1.196.188-1.658.576-.463.388-.844 1.066-.855 1.533a.953.953 0 0 1-.296.66.939.939 0 0 1-1.035.175.953.953 0 0 1-.496-.526.943.943 0 0 1-.061-.363c.032-1.003.646-2.173 1.531-2.916.885-.742 2.14-1.141 3.137-1.001a.933.933 0 0 1 .777.7c.03.12.036.245.018.368ZM91.494 115.875l-2.867.876-2.031-1.666a1.407 1.407 0 0 0-1.304-.256l-7.172 2.193a1.415 1.415 0 0 0-.938.941l-.753 2.517-2.866.876a3.285 3.285 0 0 0-2.178 4.098l3.837 12.551a3.284 3.284 0 0 0 4.097 2.179l17.931-5.482a3.283 3.283 0 0 0 2.178-4.097l-3.837-12.552a3.288 3.288 0 0 0-1.597-1.938 3.287 3.287 0 0 0-2.5-.24Zm5.245 15.552a.468.468 0 0 1-.311.585l-17.931 5.482a.472.472 0 0 1-.585-.311l-3.838-12.552a.469.469 0 0 1 .311-.585l3.587-1.096a1.414 1.414 0 0 0 .937-.941l.753-2.517 5.732-1.753 2.032 1.666a1.407 1.407 0 0 0 1.304.256l3.586-1.097a.472.472 0 0 1 .585.311l3.838 12.552Zm-13.114-9.225a5.62 5.62 0 0 0-3.955 4.84 5.625 5.625 0 1 0 3.955-4.84Zm2.467 8.068a2.812 2.812 0 1 1-1.646-5.378 2.812 2.812 0 0 1 1.646 5.378Z"/>
<path d="M133.93 33.803c4.871 34.66-42.576 69.936-44.602 71.402a3.993 3.993 0 0 1-3.753.528c-2.351-.851-57.684-21.683-62.555-56.343a31.034 31.034 0 0 1 26.384-35.012c10.224-1.437 19.794 1.701 26.42 8.349 4.535-8.216 12.869-13.871 23.093-15.308a31.034 31.034 0 0 1 35.013 26.384Z"/>
<path fill="currentColor" d="M84.065 4.694a30.8 30.8 0 0 0-18.568 14.77l-2.112 3.81-3.81-2.112a31 31 0 0 0-44.827 35.657c9.647 33.644 67.342 46.578 69.787 47.088a4 4 0 0 0 3.644-1.044c1.803-1.729 43.877-43.271 34.23-76.915A31.035 31.035 0 0 0 84.065 4.693Zm.06 90.905C73.881 93 29.836 80.419 22.437 54.614a23 23 0 0 1 33.26-26.458l3.81 2.112-3.545 6.41a4 4 0 0 0 1.558 5.437l15.171 8.409-5.668 10.218a4.002 4.002 0 0 0 7 3.88l7.603-13.721a4 4 0 0 0-1.559-5.436l-15.173-8.42 7.597-13.704a23.001 23.001 0 0 1 42.227 4.812c7.388 25.767-23.296 59.813-30.595 67.446Z"/>
</svg>
<div class="flex flex-col space-y-2xs">
<p class="font-bold">Aw, your list is empty</p>
<p class="text-sm font-medium">Save musicians, entertainers, speakers, and services, and they’ll appear here.</p>
</div>
<a
href="https://www.gigsalad.com/quick-quote"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Free quick quote
</span>
</a>
</div>
</template>
<!-- Non-empty state -->
<template x-if="!promokitsEmpty()">
<div class="divide-y pb-sm">
<div class="menu-list-item-group py-md">
<div class="flex flex-col text-party-purple text-center space-y-2xs">
<p class="font-bold">Your favorites</p>
<p class="text-sm font-medium text-balance">Ready to start planning? Revisit your saved profiles and get quotes now.</p>
</div>
</div>
<div class="menu-list-item-group py-md">
<ul class="font-bold text-party-purple lg:max-h-[342px] overflow-auto">
<template x-for="(item, key) in favoritesList" :key="key">
<li class="relative flex items-center">
<a :href="'/' + key" class="hover:bg-purple-50 rounded-lg p-2xs w-full">
<div class="flex items-center space-x-sm w-full">
<img :src="item.thumbnail" :alt="item.act_name" width="48" height="48" class="size-12 rounded-full" loading="lazy">
<span class="w-full text-ellipsis text-sm line-clamp-2 pr-7" x-text="ContactList.decodeHTMLEntities(item.act_name)"></span>
</div>
</a>
<button @click="removeFavorite(key); event.stopPropagation();" class="absolute right-2 flex items-center justify-center size-6 rounded-full hover:bg-purple-100">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/></svg> </button>
</li>
</template>
</ul>
</div>
<div class="menu-list-item-group !border-t-0 py-0 space-y-sm">
<a
href="https://www.gigsalad.com/quick-quote"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Request a quote
</span>
</a>
</div>
</div>
</template>
</div>
</div>
</div>
</div>
<a
href="https://www.gigsalad.com/login"
style="--c-400:var(--primary-contrast-400);--c-500:var(--primary-contrast-500);--c-600:var(--primary-contrast-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary-contrast fi-color-primary-contrast fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 leading-4 order-1 lg:block hidden" wire:loading.class="opacity-70" x-on:click="event.preventDefault(); $dispatch('open-modal', { id: 'login-modal' })" rounded="rounded"
>
<span
class="fi-btn-label"
>
Log in
</span>
</a>
<div class="lg:block hidden order-2">
<a
href="https://www.gigsalad.com/join"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 leading-4 focus:ring-4 focus:!ring-light-fuchsia" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
List your services
</span>
</a>
</div>
<div class="lg:block hidden order-4">
<div
x-data="{
toggle: function (event) {
$refs.panel.toggle(event)
},
open: function (event) {
$refs.panel.open(event)
},
close: function (event) {
$refs.panel.close(event)
},
}"
class="fi-dropdown"
>
<div
x-on:click="toggle"
class="fi-dropdown-trigger flex cursor-pointer"
>
<button
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 focus:ring-4 focus:!ring-light-fuchsia" type="button" wire:loading.attr="disabled" wire:loading.class="opacity-70" rounded="rounded"
>
<svg class="fi-btn-icon transition duration-75 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"/></svg>
<span
class="fi-btn-label sr-only"
>
Menu
</span>
</button>
</div>
<div
x-cloak
x-float.placement.bottom-end.flip.offset="{ offset: 8, }"
x-ref="panel"
x-transition:enter-start="opacity-0"
x-transition:leave-end="opacity-0"
class="fi-dropdown-panel absolute z-10 w-screen divide-y divide-gray-100 rounded-lg bg-white shadow-lg ring-1 ring-gray-950/5 transition dark:divide-white/5 dark:bg-gray-900 dark:ring-white/10 !max-w-xs"
style=""
>
<div class="fi-dropdown-list p-1 dropdown-list-navigation" x-data="{ shouldOpenLoginModal: false }" x-intersect:leave="if (shouldOpenLoginModal) { setTimeout(() => { $dispatch('open-modal', { id: 'login-modal' }); shouldOpenLoginModal = false; }, 100); }">
<div class="menu-list-item-group">
<h6 class="text-party-purple px-2xs mb-2xs">Browse Categories</h6>
<a
href="https://www.gigsalad.com/book-music"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-fuchsia fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,164a28,28,0,1,1-28-28A28,28,0,0,1,208,164ZM52,168a28,28,0,1,0,28,28A28,28,0,0,0,52,168Z" opacity="0.2"/><path d="M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z"/></svg> <span>Musical acts</span>
</span>
</span>
</a>
<a
href="https://www.gigsalad.com/book-entertainers"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-berry-blue fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48v55.77C216,174.6,176.6,232,128,232S40,174.6,40,103.79V48a8,8,0,0,1,10.89-7.47C66,46.41,95.11,55.71,128,55.71s62-9.3,77.11-15.16A8,8,0,0,1,216,48Z" opacity="0.2"/><path d="M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8Zm-9,69c0,32.64-8.66,63.23-24.37,86.13C168.54,211.9,148.79,224,128,224s-40.54-12.1-55.63-34.08C56.66,167,48,136.43,48,103.79V48c15.11,5.87,45.58,15.71,80,15.71S192.9,53.87,208,48v55.81Zm-18,18.87A8,8,0,1,1,178,133.33c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66S184.25,116.28,190,122.66ZM92,128c-5.19,0-11.36,2.34-14,5.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33C103.36,130.34,97.19,128,92,128Zm76.45,45.19a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,162.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39Z"/></svg> <span>Entertainers</span>
</span>
</span>
</a>
<a
href="https://www.gigsalad.com/book-speakers"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-leafy-green fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M156.5,151,59,222.45a8,8,0,0,1-10.38-.79l-14.3-14.3A8,8,0,0,1,33.55,197L105,99.5l0,0A64,64,0,0,0,156.48,151Z" opacity="0.2"/><path d="M168,16A72.07,72.07,0,0,0,96,88a73.29,73.29,0,0,0,.63,9.42L27.12,192.22A15.93,15.93,0,0,0,28.71,213L43,227.29a15.93,15.93,0,0,0,20.78,1.59l94.81-69.53A73.29,73.29,0,0,0,168,160a72,72,0,1,0,0-144Zm56,72a55.72,55.72,0,0,1-11.16,33.52L134.49,43.16A56,56,0,0,1,224,88ZM54.32,216,40,201.68,102.14,117A72.37,72.37,0,0,0,139,153.86ZM112,88a55.67,55.67,0,0,1,11.16-33.51l78.34,78.34A56,56,0,0,1,112,88Zm-2.35,58.34a8,8,0,0,1,0,11.31l-8,8a8,8,0,1,1-11.31-11.31l8-8A8,8,0,0,1,109.67,146.33Z"/></svg> <span>Speakers</span>
</span>
</span>
</a>
<a
href="https://www.gigsalad.com/book-services"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-peachy-coral fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,64H176L160,40H96L80,64H48A16,16,0,0,0,32,80V192a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V80A16,16,0,0,0,208,64ZM128,168a36,36,0,1,1,36-36A36,36,0,0,1,128,168Z" opacity="0.2"/><path d="M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8H80a8,8,0,0,0,6.66-3.56L100.28,48h55.43l13.63,20.44A8,8,0,0,0,176,72h32a8,8,0,0,1,8,8ZM128,88a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,88Zm0,72a28,28,0,1,1,28-28A28,28,0,0,1,128,160Z"/></svg> <span>Event services</span>
</span>
</span>
</a>
</div>
<div class="menu-list-item-group lg:hidden">
<button
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray" type="button" wire:loading.attr="disabled" x-on:click="shouldOpenLoginModal = true; mobileMenu = false;"
>
<svg style=";" class="fi-dropdown-list-item-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M200,40V216H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40Z" opacity="0.2"/><path d="M141.66,133.66l-40,40a8,8,0,0,1-11.32-11.32L116.69,136H24a8,8,0,0,1,0-16h92.69L90.34,93.66a8,8,0,0,1,11.32-11.32l40,40A8,8,0,0,1,141.66,133.66ZM200,32H136a8,8,0,0,0,0,16h56V208H136a8,8,0,0,0,0,16h64a8,8,0,0,0,8-8V40A8,8,0,0,0,200,32Z"/></svg>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
Log in
</span>
</button>
</div>
<div class="menu-list-item-group">
<div class="grid grid-cols-2 p-2xs text-sm text-party-purple">
<div class="space-y-sm">
<a href="https://www.gigsalad.com" class="block hover:underline">Home</a>
<a href="https://www.gigsalad.com/about" class="block hover:underline">About us</a>
<a href="https://www.gigsalad.com/how-it-works" class="block hover:underline">How it works</a>
</div>
<div class="space-y-sm">
<a href="https://www.gigsalad.com/party-ideas" class="block hover:underline">Party ideas</a>
<a href="https://www.gigsalad.com/blog" class="block hover:underline">Blog</a>
<a href="https://help.gigsalad.com" class="block hover:underline">Help center</a>
</div>
</div>
</div>
<div class="menu-list-item-group !border-t-0 !pb-0 space-y-sm">
<a
href="https://www.gigsalad.com/quick-quote"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Free quick quote
</span>
</a>
<a
href="https://www.gigsalad.com/join"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 block lg:hidden focus:ring-4 focus:!ring-light-fuchsia w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
List your services
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<button x-on:click="mobileMenu=!mobileMenu;" class="block lg:hidden p-2xs order-3 -mr-2xs">
<svg class="size-5 text-party-purple" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"/></svg></button>
<div
x-show="mobileMenu"
x-on:click.outside="mobileMenu=false"
x-ref="mobileMenu"
x-init="
$watch('mobileMenu', value => {
if(value){
document.body.classList.add('overflow-hidden');
} else {
document.body.classList.remove('overflow-hidden');
}
});
"
class="w-screen fixed col-full top-0 left-0 h-dvh lg:hidden flex flex-col items-center justify-start z-20"
x-cloak
>
<div
x-show="mobileMenu"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease-out duration-300"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-100 translate-x-full"
class="border-b h-16 lg:h-24 bg-white grid grid-cols-layout top-0 col-content items-center justify-between z-20"
x-cloak>
<div class="flex items-center justify-between text-party-purple">
<div x-show="mobileMenu"
x-transition:enter="transition ease-out delay-300 duration-300"
x-transition:enter-start="opacity-0 -translate-x-full -ml-3"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0"
class="h-full flex items-center justify-center w-auto pl-3 -translate-x-3">
<a href="https://www.gigsalad.com" class="block text-purple-950 h-6 lg:h-8 lg:translate-y-px">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full min-h-3 w-auto" viewBox="0 0 54 56" fill="none"><path fill="currentColor" d="M49.5936 37.8312C51.6913 34.4777 52.923 30.5526 53 26.3607l-.0192-4.268C52.7691 10.4126 43.1658 1 31.3686 1h-2.7328c-.5581 0-1.1162.22865-1.5203.62878l-3.3679 3.23916C20.245 2.42904 15.9726 1 11.3731 1H8.37084c-.55811 0-1.11621.22865-1.52036.62878L1.63509 6.81144C1.23094 7.21157 1 7.76413 1 8.33575V22.3785c0 1.1813.96225 2.134 2.1362 2.134h2.75203c.09623 0 .15396.1334.07698.1905l-4.17616 3.3726C1.28867 28.4757 1 29.1045 1 29.7333v2.6485C1 44.843 11.2191 55.1321 23.7668 54.9987c13.2021 0 22.0356-11.6419 25.8268-17.1675Z"/><path class="fill-white" d="M39.9866 22.3426c0-4.3252-2.194-7.8692-7.7365-8.2503-.5581-.0381-1.0008-.4954-1.0008-1.067V5.89914c0-.62878.5197-1.10513 1.1547-1.06702 9.2184.59067 16.5122 8.25038 16.5122 17.60578h-8.9104c-.0192-.0381-.0192-.0571-.0192-.0953ZM11.35 5.89914v7.22146c0 .5525.4234 1.0098.9623 1.067 4.1376.4763 7.3515 3.9822 7.3515 8.2503h9.3531c0-9.3554-7.2938-17.01511-16.5122-17.60578-.6158-.03811-1.1547.4573-1.1547 1.06702Zm2.2902 19.98756c-1.2895 0-2.2902 1.1432-2.1362 2.4198 1.1932 9.203 9.0644 16.3292 18.6099 16.3292 10.373 0 18.7639-8.4028 18.7639-18.749H13.6402Z"/></svg>
</a>
</div>
<h6 class="heading-6">Menu</h6>
<button x-on:click="mobileMenu=false" class="p-2xs -mr-2xs">
<svg class="size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"/></svg> </button>
</div>
</div>
<div x-show="mobileMenu"
x-transition:enter="transition ease-in-out duration-200"
x-transition:enter-start="opacity-0 translate-x-full"
x-transition:enter-end="opacity-100 translate-x-0"
x-transition:leave="transition ease-in-out duration-200"
x-transition:leave-start="opacity-100 translate-x-0"
x-transition:leave-end="opacity-0 translate-x-full"
class="bg-white z-10 w-full h-full flex-1 overflow-y-scroll select-none"
>
<div class="fi-dropdown-list p-1 dropdown-list-navigation" x-data="{ shouldOpenLoginModal: false }" x-intersect:leave="if (shouldOpenLoginModal) { setTimeout(() => { $dispatch('open-modal', { id: 'login-modal' }); shouldOpenLoginModal = false; }, 100); }">
<div class="menu-list-item-group">
<h6 class="text-party-purple px-2xs mb-2xs">Browse Categories</h6>
<a
href="https://www.gigsalad.com/book-music"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-fuchsia fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,164a28,28,0,1,1-28-28A28,28,0,0,1,208,164ZM52,168a28,28,0,1,0,28,28A28,28,0,0,0,52,168Z" opacity="0.2"/><path d="M212.92,17.69a8,8,0,0,0-6.86-1.45l-128,32A8,8,0,0,0,72,56V166.08A36,36,0,1,0,88,196V110.25l112-28v51.83A36,36,0,1,0,216,164V24A8,8,0,0,0,212.92,17.69ZM52,216a20,20,0,1,1,20-20A20,20,0,0,1,52,216ZM88,93.75V62.25l112-28v31.5ZM180,184a20,20,0,1,1,20-20A20,20,0,0,1,180,184Z"/></svg> <span>Musical acts</span>
</span>
</span>
</a>
<a
href="https://www.gigsalad.com/book-entertainers"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-berry-blue fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48v55.77C216,174.6,176.6,232,128,232S40,174.6,40,103.79V48a8,8,0,0,1,10.89-7.47C66,46.41,95.11,55.71,128,55.71s62-9.3,77.11-15.16A8,8,0,0,1,216,48Z" opacity="0.2"/><path d="M217,34.8a15.94,15.94,0,0,0-14.82-1.71C188.15,38.55,159.82,47.71,128,47.71S67.84,38.55,53.79,33.09A16,16,0,0,0,32,48v55.77c0,35.84,9.65,69.65,27.18,95.18,18.16,26.46,42.6,41,68.82,41s50.66-14.57,68.82-41C214.35,173.44,224,139.63,224,103.79V48A16,16,0,0,0,217,34.8Zm-9,69c0,32.64-8.66,63.23-24.37,86.13C168.54,211.9,148.79,224,128,224s-40.54-12.1-55.63-34.08C56.66,167,48,136.43,48,103.79V48c15.11,5.87,45.58,15.71,80,15.71S192.9,53.87,208,48v55.81Zm-18,18.87A8,8,0,1,1,178,133.33c-2.68-3-8.85-5.33-14-5.33s-11.36,2.34-14,5.33A8,8,0,1,1,138,122.66c5.71-6.38,16.14-10.66,26-10.66S184.25,116.28,190,122.66ZM92,128c-5.19,0-11.36,2.34-14,5.33A8,8,0,1,1,66,122.66C71.75,116.28,82.18,112,92,112s20.25,4.28,26,10.66A8,8,0,1,1,106,133.33C103.36,130.34,97.19,128,92,128Zm76.45,45.19a52.9,52.9,0,0,1-80.9,0A8,8,0,1,1,99.72,162.8a36.89,36.89,0,0,0,56.56,0,8,8,0,0,1,12.17,10.39Z"/></svg> <span>Entertainers</span>
</span>
</span>
</a>
<a
href="https://www.gigsalad.com/book-speakers"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-leafy-green fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M156.5,151,59,222.45a8,8,0,0,1-10.38-.79l-14.3-14.3A8,8,0,0,1,33.55,197L105,99.5l0,0A64,64,0,0,0,156.48,151Z" opacity="0.2"/><path d="M168,16A72.07,72.07,0,0,0,96,88a73.29,73.29,0,0,0,.63,9.42L27.12,192.22A15.93,15.93,0,0,0,28.71,213L43,227.29a15.93,15.93,0,0,0,20.78,1.59l94.81-69.53A73.29,73.29,0,0,0,168,160a72,72,0,1,0,0-144Zm56,72a55.72,55.72,0,0,1-11.16,33.52L134.49,43.16A56,56,0,0,1,224,88ZM54.32,216,40,201.68,102.14,117A72.37,72.37,0,0,0,139,153.86ZM112,88a55.67,55.67,0,0,1,11.16-33.51l78.34,78.34A56,56,0,0,1,112,88Zm-2.35,58.34a8,8,0,0,1,0,11.31l-8,8a8,8,0,1,1-11.31-11.31l8-8A8,8,0,0,1,109.67,146.33Z"/></svg> <span>Speakers</span>
</span>
</span>
</a>
<a
href="https://www.gigsalad.com/book-services"
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray"
>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
<span class="flex items-center gap-sm">
<svg class="size-6 text-peachy-coral fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,64H176L160,40H96L80,64H48A16,16,0,0,0,32,80V192a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V80A16,16,0,0,0,208,64ZM128,168a36,36,0,1,1,36-36A36,36,0,0,1,128,168Z" opacity="0.2"/><path d="M208,56H180.28L166.65,35.56A8,8,0,0,0,160,32H96a8,8,0,0,0-6.65,3.56L75.71,56H48A24,24,0,0,0,24,80V192a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V80A24,24,0,0,0,208,56Zm8,136a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8H80a8,8,0,0,0,6.66-3.56L100.28,48h55.43l13.63,20.44A8,8,0,0,0,176,72h32a8,8,0,0,1,8,8ZM128,88a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,88Zm0,72a28,28,0,1,1,28-28A28,28,0,0,1,128,160Z"/></svg> <span>Event services</span>
</span>
</span>
</a>
</div>
<div class="menu-list-item-group lg:hidden">
<button
style=";" class="fi-dropdown-list-item flex w-full items-center gap-2 whitespace-nowrap rounded-md p-2 text-sm transition-colors duration-75 outline-none disabled:pointer-events-none disabled:opacity-70 hover:bg-gray-50 focus-visible:bg-gray-50 dark:hover:bg-white/5 dark:focus-visible:bg-white/5 fi-dropdown-list-item-color-gray fi-color-gray" type="button" wire:loading.attr="disabled" x-on:click="shouldOpenLoginModal = true; mobileMenu = false;"
>
<svg style=";" class="fi-dropdown-list-item-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M200,40V216H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40Z" opacity="0.2"/><path d="M141.66,133.66l-40,40a8,8,0,0,1-11.32-11.32L116.69,136H24a8,8,0,0,1,0-16h92.69L90.34,93.66a8,8,0,0,1,11.32-11.32l40,40A8,8,0,0,1,141.66,133.66ZM200,32H136a8,8,0,0,0,0,16h56V208H136a8,8,0,0,0,0,16h64a8,8,0,0,0,8-8V40A8,8,0,0,0,200,32Z"/></svg>
<span class="fi-dropdown-list-item-label flex-1 truncate text-start text-gray-700 dark:text-gray-200" style="">
Log in
</span>
</button>
</div>
<div class="menu-list-item-group">
<div class="grid grid-cols-2 p-2xs text-sm text-party-purple">
<div class="space-y-sm">
<a href="https://www.gigsalad.com" class="block hover:underline">Home</a>
<a href="https://www.gigsalad.com/about" class="block hover:underline">About us</a>
<a href="https://www.gigsalad.com/how-it-works" class="block hover:underline">How it works</a>
</div>
<div class="space-y-sm">
<a href="https://www.gigsalad.com/party-ideas" class="block hover:underline">Party ideas</a>
<a href="https://www.gigsalad.com/blog" class="block hover:underline">Blog</a>
<a href="https://help.gigsalad.com" class="block hover:underline">Help center</a>
</div>
</div>
</div>
<div class="menu-list-item-group !border-t-0 !pb-0 space-y-sm">
<a
href="https://www.gigsalad.com/quick-quote"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Free quick quote
</span>
</a>
<a
href="https://www.gigsalad.com/join"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 block lg:hidden focus:ring-4 focus:!ring-light-fuchsia w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
List your services
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- Page Content -->
<main class="grid grid-cols-layout gap-y-layout-lg gap-y-layout-md lg:gap-y-2xl">
<section class="col-full">
<div class="relative">
<div class="relative bg-top pattern-size-200 px-4 md:px-6 lg:px-16 pt-12 pb-6 md:py-16 grid bg-purple-600 pattern-wave-purple-700">
<div class="flex flex-col gap-y-layout-sm lg:gap-y-xl w-full place-self-center items-center">
<div class="flex flex-row gap-6 max-w-3xl">
<figure class="relative size-32 hidden lg:block flex-none">
<svg
class="text-white absolute"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 448"
fill="none"
>
<path fill="currentColor" d="M390.1,4.6c27.7-14.7,60,7.9,57.8,40.2l-25.8,364.5c-2.1,29.1-31.4,47.1-56.6,34.6L22.9,275.4c-30-14.8-30.6-59.2-1.1-74.9L390.1,4.6Z"/>
</svg>
<svg
class="text-party-purple fill-citrus-yellow size-full relative"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 144 144"
fill="none"
>
<path fill="currentColor" d="M80.975 8.817 71.49 4.455a1 1 0 0 0-1.408.769l-1.883 13.4a6 6 0 1 0 1.358 4.703l2.318-16.494 8.264 3.8a1 1 0 1 0 .836-1.816ZM30.21 17.028a1.687 1.687 0 0 0-1.473.13l-15.898 9.566a1.687 1.687 0 0 0-.744 1.939l4.25 13.899a5.624 5.624 0 1 0 4.734 3.941L17.68 35.391l12.917-7.772 1.645 5.38a5.625 5.625 0 1 0 4.733 3.938L31.222 18.11a1.689 1.689 0 0 0-1.01-1.082ZM16.357 50.3a2.25 2.25 0 1 1-1.315-4.302 2.25 2.25 0 0 1 1.315 4.302Zm.307-18.236-.956-3.128 12.917-7.772.956 3.128-12.917 7.772Zm15.591 8.67a2.25 2.25 0 1 1-1.316-4.305 2.25 2.25 0 0 1 1.316 4.305Z"/>
<path d="m127.453 32.505-21.981-17.8a4.003 4.003 0 0 0-5.038 6.221l1.291 1.041-26.776 33.06c-11.952-4.706-24.59-2.88-31.47 5.61a21.134 21.134 0 0 0-3.919 7.637 4.12 4.12 0 0 1-3.499 2.826c-7.23 1.006-13.256 4.269-17.435 9.429-5.374 6.653-6.991 15.561-4.611 25.1 2.296 9.125 8.069 17.794 16.27 24.398 8.2 6.604 17.861 10.47 27.28 10.817 1.688.074 3.38.027 5.062-.14 7.619-.8 14.063-4.107 18.482-9.564 4.178-5.16 6.117-11.734 5.598-19.014a4.118 4.118 0 0 1 2.052-4.012 21.115 21.115 0 0 0 6.655-5.42c6.875-8.495 6.032-21.247-1.056-31.95L121.13 37.68l1.286 1.046a4.006 4.006 0 0 0 4.429.407 3.99 3.99 0 0 0 1.927-2.38 3.987 3.987 0 0 0-.32-3.047 4.01 4.01 0 0 0-.998-1.2Zm-69.247 87.372a4 4 0 0 1-5.624.591l-17.585-14.239a4.004 4.004 0 0 1-.589-5.627 4 4 0 0 1 5.627-.589l17.585 14.24a3.999 3.999 0 0 1 .586 5.624Zm18.558-25.006A14 14 0 1 1 55 77.254a14 14 0 0 1 21.764 17.617Zm12.413-30.465a43.454 43.454 0 0 0-3.332-3.008 42.628 42.628 0 0 0-3.64-2.634l9.715-11.981 6.974 5.647-9.717 11.976Zm14.749-18.196-6.968-5.643L107.94 27l6.974 5.647-10.988 13.563Z"/>
<path fill="currentColor" d="m132.992 37.05-20-20a4.003 4.003 0 0 0-5.658.002 3.997 3.997 0 0 0 .003 5.658l1.17 1.17-30.085 30.08c-11.395-5.93-24.155-5.435-31.885 2.29a21.134 21.134 0 0 0-4.695 7.185 4.12 4.12 0 0 1-3.775 2.445c-7.295.245-13.63 2.86-18.325 7.555-6.04 6.055-8.58 14.745-7.21 24.48 1.33 9.315 6.165 18.54 13.63 25.965 7.465 7.425 16.67 12.28 26 13.61 1.672.25 3.36.38 5.05.39 7.66 0 14.415-2.615 19.38-7.58 4.695-4.695 7.31-11.03 7.555-18.325a4.123 4.123 0 0 1 2.46-3.775 21.052 21.052 0 0 0 7.185-4.695c7.725-7.73 8.22-20.5 2.29-31.885l30.08-30.085 1.17 1.17a3.998 3.998 0 0 0 5.657.003 3.991 3.991 0 0 0 1.173-2.829 4.002 4.002 0 0 0-1.17-2.829Zm-44.83 60.795a13.06 13.06 0 0 1-4.475 2.915 12.12 12.12 0 0 0-7.5 10.945c-.18 5.23-2 9.705-5.215 12.94-4.22 4.215-10.5 5.975-17.68 4.945-7.63-1.085-15.265-5.115-21.495-11.345s-10.26-13.865-11.345-21.46c-1-7.185.73-13.46 4.945-17.68 3.235-3.225 7.71-5.04 12.94-5.225a12.11 12.11 0 0 0 10.945-7.5 13.058 13.058 0 0 1 2.915-4.5c2.745-2.745 6.5-4.065 10.69-4.065 3.296.053 6.548.765 9.565 2.095l-10.04 10.065A16 16 0 1 0 80.067 87.63l10.04-10.04c3.26 7.645 2.79 15.495-1.945 20.255Zm-5.2-30.74a36.439 36.439 0 0 1 2.965 3.375l-7.71 7.71a16.11 16.11 0 0 0-6.34-6.34l7.71-7.715a36.505 36.505 0 0 1 3.35 2.97h.025Zm-18.8 10.775a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm24.425-16.425a43.47 43.47 0 0 0-3.34-3l10.915-10.92 6.345 6.345-10.915 10.91a43.473 43.473 0 0 0-3-3.34l-.005.005Zm19.575-13.235-6.34-6.34 12.34-12.345 6.345 6.345-12.345 12.34Zm-53.17 62.825a3.998 3.998 0 0 1 .002 5.657 3.991 3.991 0 0 1-2.828 1.173 4 4 0 0 1-2.83-1.17l-16-16a4 4 0 1 1 5.66-5.655l15.996 15.995Z"/>
</svg>
</figure>
<div class="w-full self-center space-y-2">
<h1 class="flex flex-col gap-2 self-center">
<span class="hidden order-1">The 65 Best</span>
<a
href="#"
role="button"
x-data
@click.prevent="$dispatch('open-modal', { id: 'category-modal' })"
class="inline underline decoration-dashed decoration-1 underline-offset-[6px] cursor-pointer hover:opacity-85 text-white heading-3 md:heading-1 text-center lg:text-left order-4"
>
Jazz Bands
</a>
<span class="hidden order-3">for hire in</span>
<span class="flex flex-row place-content-center lg:place-content-start gap-1 order-2">
<svg class="size-4 md:size-5 text-white flex-none self-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <a
href="#"
role="button"
x-data
@click.prevent="$dispatch('open-modal', { id: 'location-modal' })"
class="inline underline decoration-dashed decoration-1 cursor-pointer hover:opacity-85 text-white underline-offset-4 font-bold text-sm md:text-lg"
>
Toronto, ON
</a>
</span>
</h1>
</div>
</div>
<div class="p-6 rounded-xl bg-white lg:max-w-3xl w-full space-y-4">
<div class="quote-request js-rebrand-quote-form-anchor">
<section id="js-quote-request">
<div class="quote-request-form">
<div class="row align-center">
<div class="small-12 columns">
<div class="row step-progress push--bottom js-hide">
<div class="small-12 align-self-center columns">
<div class="progress-indicator display--inline-block">
<div class="progress-indicator-inner display--inline-block relative valign--middle" style="width: 56px; height: 56px; font-size: 13.68px;">
<svg class="progress-indicator-circle" viewBox="0 0 100 100">
<path
class="progress-indicator-circle-trail"
d="M50,6c24.3,0,44,19.7,44,44s-19.7,44-44,44S6,74.3,6,50,25.7,6,50,6"
stroke="#f3f3f3"
stroke-linecap="round"
stroke-width="12"
fill-opacity="0"
style="stroke-dasharray: 295px, 295px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s;">
</path>
<path
class="progress-indicator-circle-path"
d="M50,6c24.3,0,44,19.7,44,44s-19.7,44-44,44S6,74.3,6,50,25.7,6,50,6"
stroke-linecap="round"
stroke-width="12"
fill-opacity="0"
style="stroke:rgb(16, 142, 233); stroke-dasharray: 0px, 295px; stroke-dashoffset: 0px; transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s;">
</path>
</svg>
<span class="progress-indicator-text display--block width--100p text--center" style="position: absolute; line-height: 1; top: 50%; transform: translateY(-50%);">0%</span>
</div>
</div>
</div>
</div>
<div class="quote-request-form__additional-questions-heading js-hide">
<p class="gamma">Just a couple more things…</p>
<p>We need some additional information to ensure we find the perfect talent for your event!</p>
</div>
<form method="post" action="/submit_search_inquiry" onsubmit="this.dataset.hasSubmitted = 'true'; return false;">
<input type="hidden" name="context" value="category">
<input type="hidden" name="contact_source" value="results:category:/Music-Groups/Jazz-Band/ON/Toronto">
<input type="hidden" name="quote_request_id" value="a2f0cd042458877315aa8a1b7dff9d84dff6c253">
<input type="hidden" name="dressing" value="">
<input type="hidden" name="ab_tests[costumed_characters_step]" value="no">
<input type="hidden" name="ab_tests[single_event_location_step]" value="yes">
<input type="hidden" name="ab_tests[recaptcha]" value="no">
<input type="hidden" name="ab_tests[syndication_before_details]" value="no">
<input type="hidden" name="ab_tests[vip_service]" value="no">
<input type="hidden" name="ab_tests[dummy_test]" value="no">
<input type="hidden" name="category_id" value="54">
<input type="hidden" name="category_name" value="Jazz Band">
<input type="hidden" name="quote_request_version" value="v2">
<div class="quote-request-form__step quote-request-form__step--fade-in" data-step-name="event_type" data-current-step="true">
<input type="hidden" name="step_names[]" value="event_type">
<label for="quote-request-event-type" class="results-header__alt-styling-padding">What type of event are you planning?</label>
<select id="quote-request-event-type" name="event_type" data-input-name="Event type" data-validate="numeric" required>
<option value="">Please select</option>
<optgroup label="Popular">
<option value="75">Birthday (Adult)</option>
<option value="74">Birthday (Child)</option>
<option value="61">Birthday (Teen)</option>
<option value="80">Cocktail Party</option>
<option value="12">Corporate Event</option>
<option value="14">Dinner Party</option>
<option value="15">Festival</option>
<option value="16">Fundraiser</option>
<option value="54">Holiday Party (Christmas)</option>
<option value="21">House Party</option>
<option value="84">Nonprofit Event</option>
<option value="88">Personal Occasion</option>
<option value="81">Surprise</option>
<option value="27">Wedding Ceremony</option>
<option value="30">Wedding Reception</option>
</optgroup>
<optgroup label="All events">
<option value="1">Anniversary Party</option>
<option value="67">Baby Shower</option>
<option value="3">Bachelor Party</option>
<option value="4">Bachelorette Party</option>
<option value="47">Band Member Audition</option>
<option value="32">Bar/Bat Mitzvah Party</option>
<option value="75">Birthday (Adult)</option>
<option value="74">Birthday (Child)</option>
<option value="61">Birthday (Teen)</option>
<option value="65">Bridal Shower</option>
<option value="90">Camp Event</option>
<option value="85">Campus Event</option>
<option value="40">Casting Call</option>
<option value="80">Cocktail Party</option>
<option value="86">Concert</option>
<option value="11">Convention/Trade Show</option>
<option value="12">Corporate Event</option>
<option value="13">Cruise Ship Event</option>
<option value="29">Cultural Event</option>
<option value="14">Dinner Party</option>
<option value="59">Fair</option>
<option value="15">Festival</option>
<option value="16">Fundraiser</option>
<option value="31">Funeral/Memorial Service</option>
<option value="36">Graduation</option>
<option value="18">Grand Opening</option>
<option value="54">Holiday Party (Christmas)</option>
<option value="78">Holiday Party (Easter)</option>
<option value="56">Holiday Party (Halloween)</option>
<option value="76">Holiday Party (New Year)</option>
<option value="77">Holiday Party (Other)</option>
<option value="87">House Concert</option>
<option value="21">House Party</option>
<option value="20">Launch Party</option>
<option value="9">Nightclub Event</option>
<option value="84">Nonprofit Event</option>
<option value="46">Parade</option>
<option value="88">Personal Occasion</option>
<option value="82">Product Promotion</option>
<option value="22">Prom/After Prom</option>
<option value="63">Quinceañera</option>
<option value="89">Rehearsal Dinner</option>
<option value="33">Religious Celebration</option>
<option value="23">Restaurant/Bar Event</option>
<option value="91">Retirement Community Event</option>
<option value="83">Retirement Party</option>
<option value="58">Reunion</option>
<option value="79">School Assembly</option>
<option value="25">Sporting Event</option>
<option value="26">Studio Session</option>
<option value="81">Surprise</option>
<option value="50">Talent Competition</option>
<option value="92">Virtual Event</option>
<option value="27">Wedding Ceremony</option>
<option value="70">Wedding Cocktail Hour</option>
<option value="55">Wedding Engagement</option>
<option value="30">Wedding Reception</option>
<option value="5">Weekly/Recurring Performance</option>
<option value="49">Worship Service</option>
</optgroup>
</select>
<div class="button-group">
<button type="submit" class="button ladda-button js-quote-step-next width--100p" data-style="expand-right" data-white-glove-service="">Next</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
<div class="hidden">
<svg class="size-4 self-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,40H48A16,16,0,0,0,32,56v56c0,52.72,25.52,84.67,46.93,102.19,23.06,18.86,46,25.26,47,25.53a8,8,0,0,0,4.2,0c1-.27,23.91-6.67,47-25.53C198.48,196.67,224,164.72,224,112V56A16,16,0,0,0,208,40Zm-34.32,69.66-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35a8,8,0,0,1,11.32,11.32Z"/></svg> <p class="text-xs">Book securely on GigSalad</p>
</div>
</div>
</div>
</div>
</div>
<section class="bg-purple-50 py-layout-md max-sm:pt-md lg:py-2xl">
<div class="grid grid-cols-layout gap-y-6">
<nav dir="ltr" class="fi-breadcrumbs max-sm:hidden" aria-label="You are here:">
<ol class="fi-breadcrumbs-list flex flex-wrap items-center gap-x-1">
<li class="fi-breadcrumbs-item flex items-center gap-x-1">
<a
href="https://www.gigsalad.com/book-music"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary fi-breadcrumbs-item-label text-sm font-medium text-gray-400 dark:text-gray-400"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Book Musicians
</span>
</a> </li>
<li class="fi-breadcrumbs-item flex items-center gap-x-1 hidden md:flex">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/></svg>
<a
href="https://www.gigsalad.com/Music-Groups"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary fi-breadcrumbs-item-label text-sm font-medium text-gray-400 dark:text-gray-400"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Bands and Groups
</span>
</a> </li>
<li class="fi-breadcrumbs-item flex items-center gap-x-1">
<svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z"/></svg>
<a
href="https://www.gigsalad.com/Music-Groups/Jazz-Band"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary fi-breadcrumbs-item-label text-sm font-medium text-gray-400 dark:text-gray-400"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Jazz Bands
</span>
</a> </li>
<li class="fi-breadcrumbs-item flex items-center gap-x-1">
</li>
</ol>
</nav>
<div wire:snapshot="{"data":{"categoryName":"Jazz Band","city":[null,{"class":"App\\Models\\LocationCity","key":33717,"s":"mdl"}],"isCategoryGroup":false,"isParentCategory":false,"isFullDirectory":true,"categoryId":54,"vendorCardIds":[[188111,15046,140885,71575,171344,75613,49256,78153,181190,162939,161779,47855,211161,106315,174380,172545,205276,170964,58216,209111,172810,43204,128482,74672,240808,50064,215519,219381,218411,156014,146302,132740],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"remainingVendorCardIds":[[65177,199509,62794,129118,69731,77230,18645,231128,217468,247791,75816,59837,69367,227294,119880,201149,195380,167047,184974,23191,2055,88666,197118,237628,39570,84140,233068,34448,15204,211688,239761,181043,234890,229716,110519,180206,213764,42577,251648,66416,167148,143653,23239,73054,199086,39681,214080,225362,165979,36132,219125,253202,182730,60339,5664,32135,246358,131154,58611,201395,19596,75224,189793,68873,94586,12539,169244,227254,218288,44446,167310,70525,230326,69848,38922,174483,96082,12615,171296,121324,231048,39412,235699,1975,183784,171211],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"showLoadMoreButton":true,"vendorCardsPerPage":16,"totalVendorCards":118,"filterAvailabilityDate":null,"componentFileAttachments":[[],{"s":"arr"}],"mountedFormComponentActions":[[],{"s":"arr"}],"mountedFormComponentActionsArguments":[[],{"s":"arr"}],"mountedFormComponentActionsData":[[],{"s":"arr"}],"mountedFormComponentActionsComponents":[[],{"s":"arr"}]},"memo":{"id":"Z5SyHGB3lIZYgsvzQhSX","name":"results","path":"Music-Groups\/Jazz-Band\/ON\/Toronto","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"8d3c23eb5ea645f16feacc150d13fe48d955d0f7953b415167478a210dfd312b"}" wire:effects="[]" wire:id="Z5SyHGB3lIZYgsvzQhSX" class="flex flex-col gap-y-6" >
<div class="flex flex-col md:flex-row gap-y-4 md:justify-between">
<div class="md:max-w-64 order-2 md:order-1">
<div
style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6" x-data="{}" x-on:form-validation-error.window="if ($event.detail.livewireId !== 'Z5SyHGB3lIZYgsvzQhSX') {
return
}
$nextTick(() => {
let error = $el.querySelector('[data-validation-error]')
if (! error) {
return
}
let elementToExpand = error
while (elementToExpand) {
elementToExpand.dispatchEvent(new CustomEvent('expand'))
elementToExpand = elementToExpand.parentNode
}
setTimeout(
() =>
error.closest('[data-field-wrapper]').scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start',
}),
200,
)
})"
>
<!--[if BLOCK]><![endif]-->
<div
style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="Z5SyHGB3lIZYgsvzQhSX.filterAvailabilityDate.Filament\Forms\Components\DatePicker"
>
<!--[if BLOCK]><![endif]--> <div
data-field-wrapper
class="fi-fo-field-wrp"
>
<!--[if BLOCK]><![endif]--> <label for="filterAvailabilityDate" class="sr-only">
Filter availability date
</label>
<!--[if ENDBLOCK]><![endif]-->
<div
class="grid gap-y-2"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div
class="grid auto-cols-fr gap-y-2"
>
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500"
>
<!--[if BLOCK]><![endif]--> <div
class="fi-input-wrp-prefix items-center gap-x-3 ps-3 flex border-e border-gray-200 pe-3 ps-3 dark:border-white/10"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg style="--c-500:var(--primary-500);" class="fi-input-wrp-icon h-5 w-5 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-48-56a8,8,0,0,1-8,8H136v16a8,8,0,0,1-16,0V160H104a8,8,0,0,1,0-16h16V128a8,8,0,0,1,16,0v16h16A8,8,0,0,1,160,152Z"/></svg> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<div
class="fi-input-wrp-input min-w-0 flex-1"
>
<!--[if BLOCK]><![endif]--> <div
x-load
x-load-src="https://cress.gigsalad.com/js/filament/forms/components/date-time-picker.js?v=3.3.20.0"
x-data="dateTimePickerFormComponent({
displayFormat:
'MMM D, YYYY',
firstDayOfWeek: 7,
isAutofocused: false,
locale: 'en',
shouldCloseOnDateSelection: true,
state: $wire.$entangle('filterAvailabilityDate', true),
})"
x-on:keydown.esc="isOpen() && $event.stopPropagation()"
class="fi-fo-date-time-picker"
>
<input x-ref="maxDate" type="hidden" value="" />
<input x-ref="minDate" type="hidden" value="2025-07-02 11:00:07" />
<input
x-ref="disabledDates"
type="hidden"
value="[]"
/>
<button
x-ref="button"
x-on:click="togglePanelVisibility()"
x-on:keydown.enter.stop.prevent="
if (! $el.disabled) {
isOpen() ? selectDate() : togglePanelVisibility()
}
"
x-on:keydown.arrow-left.stop.prevent="if (! $el.disabled) focusPreviousDay()"
x-on:keydown.arrow-right.stop.prevent="if (! $el.disabled) focusNextDay()"
x-on:keydown.arrow-up.stop.prevent="if (! $el.disabled) focusPreviousWeek()"
x-on:keydown.arrow-down.stop.prevent="if (! $el.disabled) focusNextWeek()"
x-on:keydown.backspace.stop.prevent="if (! $el.disabled) clearState()"
x-on:keydown.clear.stop.prevent="if (! $el.disabled) clearState()"
x-on:keydown.delete.stop.prevent="if (! $el.disabled) clearState()"
aria-label="Filter by availability"
type="button"
tabindex="-1"
class="w-full"
>
<input
readonly
placeholder="Filter by availability"
wire:key="Z5SyHGB3lIZYgsvzQhSX.filterAvailabilityDate.Filament\Forms\Components\DatePicker.display-text"
x-model="displayText"
id="filterAvailabilityDate" class="fi-fo-date-time-picker-display-text-input w-full border-none bg-transparent px-3 py-1.5 text-base text-gray-950 outline-none transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] sm:text-sm sm:leading-6"
/>
</button>
<div
x-ref="panel"
x-cloak
x-float.placement.bottom-start.offset.flip.shift="{ offset: 8 }"
wire:ignore
wire:key="Z5SyHGB3lIZYgsvzQhSX.filterAvailabilityDate.Filament\Forms\Components\DatePicker.panel"
class="fi-fo-date-time-picker-panel absolute z-10 rounded-lg bg-white p-4 shadow-lg ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
>
<div class="grid gap-y-3">
<!--[if BLOCK]><![endif]--> <div class="flex items-center justify-between">
<select
x-model="focusedMonth"
class="grow cursor-pointer border-none bg-transparent p-0 text-sm font-medium text-gray-950 focus:ring-0 dark:bg-gray-900 dark:text-white"
>
<template
x-for="(month, index) in months"
>
<option
x-bind:value="index"
x-text="month"
></option>
</template>
</select>
<input
type="number"
inputmode="numeric"
x-model.debounce="focusedYear"
class="w-16 border-none bg-transparent p-0 text-right text-sm text-gray-950 focus:ring-0 dark:text-white"
/>
</div>
<div class="grid grid-cols-7 gap-1">
<template
x-for="(day, index) in dayLabels"
x-bind:key="index"
>
<div
x-text="day"
class="text-center text-xs font-medium text-gray-500 dark:text-gray-400"
></div>
</template>
</div>
<div
role="grid"
class="grid grid-cols-[repeat(7,minmax(theme(spacing.7),1fr))] gap-1"
>
<template
x-for="day in emptyDaysInFocusedMonth"
x-bind:key="day"
>
<div></div>
</template>
<template
x-for="day in daysInFocusedMonth"
x-bind:key="day"
>
<div
x-text="day"
x-on:click="dayIsDisabled(day) || selectDate(day)"
x-on:mouseenter="setFocusedDay(day)"
role="option"
x-bind:aria-selected="focusedDate.date() === day"
x-bind:class="{
'text-gray-950 dark:text-white': ! dayIsToday(day) && ! dayIsSelected(day),
'cursor-pointer': ! dayIsDisabled(day),
'text-primary-600 dark:text-primary-400':
dayIsToday(day) &&
! dayIsSelected(day) &&
focusedDate.date() !== day &&
! dayIsDisabled(day),
'bg-gray-50 dark:bg-white/5':
focusedDate.date() === day &&
! dayIsSelected(day) &&
! dayIsDisabled(day),
'text-primary-600 bg-gray-50 dark:bg-white/5 dark:text-primary-400':
dayIsSelected(day),
'pointer-events-none': dayIsDisabled(day),
'opacity-50': dayIsDisabled(day),
}"
class="rounded-full text-center text-sm leading-loose transition duration-75"
></div>
</template>
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<h2 class="font-sans font-medium text-sm md:self-center order-1 md:order-2">
118 Jazz Bands
serving Toronto, ON
</h2>
</div>
<div class="space-y-6 md:space-y-12 transition-opacity" wire:loading.class="opacity-60" wire:target="filterAvailabilityDate, clearFilterAvailabilityDate">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-x-md gap-y-6 md:gap-y-12">
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<div class="eyebrow eyebrow-sm absolute text-white bg-berry-blue px-3 py-1 rounded-b-lg top-0 left-1/2 -translate-x-1/2 leading-tight pointer-events-none">
Featured
</div>
<a href="https://www.gigsalad.com/louis_pettinelli_entertainment">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/t/the_louis_pettinelli_jazz_group_philadel/569904be00dfc_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/t/the_louis_pettinelli_jazz_group_philadel/569904be00dfc_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="high"
alt="Louis Pettinelli Entertainment - Jazz Band in Mississauga, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/louis_pettinelli_entertainment" class="hover:text-party-purple">Louis Pettinelli Entertainment</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
4.91 (66)
</span>
</div>
<span style="--c-50:var(--top-performer-50);--c-400:var(--top-performer-400);--c-600:var(--top-performer-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-top-performer">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M239.75,90.81c0,.11,0,.21-.07.32L217,195a16,16,0,0,1-15.72,13H54.71A16,16,0,0,1,39,195L16.32,91.13c0-.11-.05-.21-.07-.32A16,16,0,0,1,44,77.39l33.67,36.29,35.8-80.29a1,1,0,0,0,0-.1,16,16,0,0,1,29.06,0,1,1,0,0,0,0,.1l35.8,80.29L212,77.39a16,16,0,0,1,27.71,13.42Z"/></svg> <span class="grid">
<span class="truncate">
Top Performer
</span>
</span>
</span>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Mississauga, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.35,129,152,152,129,234.35a8,8,0,0,1-15.21.27l-65.28-176A8,8,0,0,1,58.63,48.46l176,65.28A8,8,0,0,1,234.35,129Z" opacity="0.2"/><path d="M237.33,106.21,61.41,41l-.16-.05A16,16,0,0,0,40.9,61.25a1,1,0,0,0,.05.16l65.26,175.92A15.77,15.77,0,0,0,121.28,248h.3a15.77,15.77,0,0,0,15-11.29l.06-.2,21.84-78,78-21.84.2-.06a16,16,0,0,0,.62-30.38ZM149.84,144.3a8,8,0,0,0-5.54,5.54L121.3,232l-.06-.17L56,56l175.82,65.22.16.06Z"/></svg> <span class="grid">
<span class="truncate">
14 miles from Toronto
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$300 dollars and up
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
232 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Kiki M. said</span>
“Absolutely amazing ensemble! I am so thrilled with this group. It was everything that I could have hoped for. They go above and beyond and made it an incredible night! Can't wait to book them... ”
</div>
</div>
<a href="https://www.gigsalad.com/louis_pettinelli_entertainment/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<div class="eyebrow eyebrow-sm absolute text-white bg-berry-blue px-3 py-1 rounded-b-lg top-0 left-1/2 -translate-x-1/2 leading-tight pointer-events-none">
Featured
</div>
<a href="https://www.gigsalad.com/the_tavares_jazz_band_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/t/the_tavares_trio_quintet_toronto/58a9283adfe43_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/t/the_tavares_trio_quintet_toronto/58a9283adfe43_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
alt="The Tavares Jazz Band - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/the_tavares_jazz_band_toronto" class="hover:text-party-purple">The Tavares Jazz Band</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (21)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
30 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Yara S. said</span>
“We had The Tavares Jazz Band at our corporate event and they were wonderful to work with. Fernando and his team were professional, responsive, and very talented. They created a great atmosphere... ”
</div>
</div>
<a href="https://www.gigsalad.com/the_tavares_jazz_band_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<div class="eyebrow eyebrow-sm absolute text-white bg-berry-blue px-3 py-1 rounded-b-lg top-0 left-1/2 -translate-x-1/2 leading-tight pointer-events-none">
Featured
</div>
<a href="https://www.gigsalad.com/tiffany_jazz_trio_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/t/the_tiffany_hanus_jazz_trio_toronto/59f0d5d2a91a5_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/t/the_tiffany_hanus_jazz_trio_toronto/59f0d5d2a91a5_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
alt="Tiffany Jazz Trio - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/tiffany_jazz_trio_toronto" class="hover:text-party-purple">Tiffany Jazz Trio</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (18)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$500-$2500
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
3 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">James C. said</span>
“Professional and extremely talented, what’s not to like. They helped make our corporate Christmas party last year great success! I would highly recommend this group. ”
</div>
</div>
<a href="https://www.gigsalad.com/tiffany_jazz_trio_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<div class="eyebrow eyebrow-sm absolute text-white bg-berry-blue px-3 py-1 rounded-b-lg top-0 left-1/2 -translate-x-1/2 leading-tight pointer-events-none">
Featured
</div>
<a href="https://www.gigsalad.com/the_sean_stanley_trio_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/s/sean_stanley_sokhna-dior_toronto/639222f94e9bd_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/s/sean_stanley_sokhna-dior_toronto/639222f94e9bd_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
alt="The Sean Stanley Trio - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/the_sean_stanley_trio_toronto" class="hover:text-party-purple">The Sean Stanley Trio</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
4.89 (18)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$400-2000
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
28 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Amy J. said</span>
“We had Sean and his bassist at a company Christmas party and they were fabulous! Professional, punctual, sounded amazing (so talented!), and an overall great experience from our initial connection,... ”
</div>
</div>
<a href="https://www.gigsalad.com/the_sean_stanley_trio_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/the_nightbird_band_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=2267,trim.left=1191,trim.top=0,trim.width=2267,width=540/s3/t/the_nightbird_band_toronto/6196804417e58_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=2267,trim.left=1191,trim.top=0,trim.width=2267,width=540/s3/t/the_nightbird_band_toronto/6196804417e58_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="The Nightbird Band - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/the_nightbird_band_toronto" class="hover:text-party-purple">The Nightbird Band</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
If you need a little vintage flavour at your event, look no further than The Nightbird Band, who will effortlessly transport you back to simpler times, when...
</div>
</div>
<a href="https://www.gigsalad.com/the_nightbird_band_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/the_jazz_love_duo_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/t/the_alex_duo_toronto/67325e2de9648_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/t/the_alex_duo_toronto/67325e2de9648_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="The Jazz Love Duo - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/the_jazz_love_duo_toronto" class="hover:text-party-purple">The Jazz Love Duo</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
4.50 (2)
</span>
</div>
<span style="--c-50:var(--top-performer-50);--c-400:var(--top-performer-400);--c-600:var(--top-performer-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-top-performer">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M239.75,90.81c0,.11,0,.21-.07.32L217,195a16,16,0,0,1-15.72,13H54.71A16,16,0,0,1,39,195L16.32,91.13c0-.11-.05-.21-.07-.32A16,16,0,0,1,44,77.39l33.67,36.29,35.8-80.29a1,1,0,0,0,0-.1,16,16,0,0,1,29.06,0,1,1,0,0,0,0,.1l35.8,80.29L212,77.39a16,16,0,0,1,27.71,13.42Z"/></svg> <span class="grid">
<span class="truncate">
Top Performer
</span>
</span>
</span>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$200 - $600
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
5 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Juan said</span>
“The Jazz Love Duo were great to work with, they learned the songs we asked for and not only played at our small wedding at the courthouse but also acted as our witnesses since both me and my finance... ”
</div>
</div>
<a href="https://www.gigsalad.com/the_jazz_love_duo_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/lenny_graf_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/l/lenny_graf_toronto/5249b0f8528f2_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/l/lenny_graf_toronto/5249b0f8528f2_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Lenny Graf - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/lenny_graf_toronto" class="hover:text-party-purple">Lenny Graf</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (2)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
2 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Melissa P. said</span>
“Highly professional, talented and conscientiousness. Would certainly re-hire and recommend to colleagues. ”
</div>
</div>
<a href="https://www.gigsalad.com/lenny_graf_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/the_kensie_jazz_and_dance_band">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=506,trim.left=206,trim.top=0,trim.width=506,width=540/s3/t/the_kensie_jazz_band_or_ensemble_toronto/5b837a0897a90_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=506,trim.left=206,trim.top=0,trim.width=506,width=540/s3/t/the_kensie_jazz_band_or_ensemble_toronto/5b837a0897a90_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="The Kensie Jazz and Dance Band - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/the_kensie_jazz_and_dance_band" class="hover:text-party-purple">The Kensie Jazz and Dance Band</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (53)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$875 and up
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
20 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Rodger N. said</span>
“Saved the day on short notice providing a keyboard player / singer for a surprise outdoor concert for our parents who lived in Burlington. Due to Covid, we haven’t seen them in 7 months, so it... ”
</div>
</div>
<a href="https://www.gigsalad.com/the_kensie_jazz_and_dance_band/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/denielle_bassels_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/d/denielle_bassels_toronto/60fb20e3c2a96_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/d/denielle_bassels_toronto/60fb20e3c2a96_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Denielle Bassels - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/denielle_bassels_toronto" class="hover:text-party-purple">Denielle Bassels</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (3)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$900 - 5000
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
5 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Micheal M. said</span>
“A truly amazing experience. Denielle and her band was professional, timely and enjoyable. The band added to a fun filled CHRISTMAS EVENT. I WOULD HIGHLY RECOMMEND DENIELLE AND WILL INVITE HER TO A... ”
</div>
</div>
<a href="https://www.gigsalad.com/denielle_bassels_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/dreamland_guitar_music_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/d/dreamland_guitar_music_toronto/649b6106ccfe9_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/d/dreamland_guitar_music_toronto/649b6106ccfe9_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Dreamland Guitar Music - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/dreamland_guitar_music_toronto" class="hover:text-party-purple">Dreamland Guitar Music</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (1)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
1 Verified booking
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Meaghan said</span>
“Mike was great to work with. He communicated well beforehand and provided exactly what we wanted. It really added to our tiny wedding! ”
</div>
</div>
<a href="https://www.gigsalad.com/dreamland_guitar_music_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/just_us_oshawa">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/j/just_us_oshawa/665f9f21a5c31_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/j/just_us_oshawa/665f9f21a5c31_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Just Us - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/just_us_oshawa" class="hover:text-party-purple">Just Us</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (16)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
23 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Stanley A. said</span>
“Thank you so much, John and Bruce, for your wonderful renditions of the jazz standards and bossa nova tunes that we were looking for. It was the perfect mix of music for the occasion of my wife's... ”
</div>
</div>
<a href="https://www.gigsalad.com/just_us_oshawa/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/faith_amour_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/f/faith_amour_toronto/656b904157c28_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/f/faith_amour_toronto/656b904157c28_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Faith Amour - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/faith_amour_toronto" class="hover:text-party-purple">Faith Amour</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
4.99 (15)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$500 -$5000
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
23 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Samia F. said</span>
“She was professional and so sweet I will recommend her over and over. ”
</div>
</div>
<a href="https://www.gigsalad.com/faith_amour_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/jazz_in_the_boardroom_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=522,trim.left=253,trim.top=37,trim.width=522,width=540/s3/d/duo_jazz_toronto1/6457d168ea17d_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=522,trim.left=253,trim.top=37,trim.width=522,width=540/s3/d/duo_jazz_toronto1/6457d168ea17d_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Jazz in the Boardroom - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/jazz_in_the_boardroom_toronto" class="hover:text-party-purple">Jazz in the Boardroom</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (1)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$500 and up
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
1 Verified booking
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Daniel G. said</span>
“The guys from Jazz In The Boardroom did an amazing job. Communication was great, they arrived well ahead of time to set up as promised (even with Toronto traffic), and their musical skills were top... ”
</div>
</div>
<a href="https://www.gigsalad.com/jazz_in_the_boardroom_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/the_reposadists_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/t/the_reposadists_toronto/56be203b3f790_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/t/the_reposadists_toronto/56be203b3f790_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="The Reposadists - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/the_reposadists_toronto" class="hover:text-party-purple">The Reposadists</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
1 Verified booking
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
Combine the cool jazz trumpet of combine Chet Baker & smokey lounge vocals of ole blue eyes. Plus the house band from Reposado Bar you have the perfect cocktail...
</div>
</div>
<a href="https://www.gigsalad.com/the_reposadists_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/feeling_buble_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/c/classic_buble_toronto/672e8d0723af5_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/c/classic_buble_toronto/672e8d0723af5_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Feeling Buble - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/feeling_buble_toronto" class="hover:text-party-purple">Feeling Buble</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
1 Verified booking
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
Feeling Buble can be performed as a solo show with tracks or with a full band and video. I also have a theatrical version of the show called Funny Valentine....
</div>
</div>
<a href="https://www.gigsalad.com/feeling_buble_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/jon_bouchard_combo_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=667,trim.left=128,trim.top=0,trim.width=667,width=540/s3/j/jon_bouchard_combo_toronto/5e07ea3faa42c_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=667,trim.left=128,trim.top=0,trim.width=667,width=540/s3/j/jon_bouchard_combo_toronto/5e07ea3faa42c_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Jon Bouchard Combo - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/jon_bouchard_combo_toronto" class="hover:text-party-purple">Jon Bouchard Combo</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (2)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$75 and up
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
3 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Krysa said</span>
“Can’t say enough good things. He blew us away with his performance! Will use him again for future events. Thanks so much!! ”
</div>
</div>
<a href="https://www.gigsalad.com/jon_bouchard_combo_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/silveira_entertainment_york">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=2812,trim.left=1333,trim.top=0,trim.width=2812,width=540/s3/k/karl_silveira_york/63d027cb25c09_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=2812,trim.left=1333,trim.top=0,trim.width=2812,width=540/s3/k/karl_silveira_york/63d027cb25c09_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Silveira Entertainment - Jazz Band in York, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/silveira_entertainment_york" class="hover:text-party-purple">Silveira Entertainment</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (1)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
York, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.35,129,152,152,129,234.35a8,8,0,0,1-15.21.27l-65.28-176A8,8,0,0,1,58.63,48.46l176,65.28A8,8,0,0,1,234.35,129Z" opacity="0.2"/><path d="M237.33,106.21,61.41,41l-.16-.05A16,16,0,0,0,40.9,61.25a1,1,0,0,0,.05.16l65.26,175.92A15.77,15.77,0,0,0,121.28,248h.3a15.77,15.77,0,0,0,15-11.29l.06-.2,21.84-78,78-21.84.2-.06a16,16,0,0,0,.62-30.38ZM149.84,144.3a8,8,0,0,0-5.54,5.54L121.3,232l-.06-.17L56,56l175.82,65.22.16.06Z"/></svg> <span class="grid">
<span class="truncate">
4 miles from Toronto
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$300 and up
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
1 Verified booking
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Gloria S. said</span>
“We loved the jazz trio! It was the perfect fit for our event. The musicians sounded fantastic and were very courteous, organized and professional. I highly recommend Prestige for anyone looking for... ”
</div>
</div>
<a href="https://www.gigsalad.com/silveira_entertainment_york/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/a-zone_jazz_band_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/a/a-zone_jazz_duo_toronto/674a60a08e60d_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/a/a-zone_jazz_duo_toronto/674a60a08e60d_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="A-ZONE Jazz Band - Jazz Band in Richmond Hill, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/a-zone_jazz_band_toronto" class="hover:text-party-purple">A-ZONE Jazz Band</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (2)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Richmond Hill, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.35,129,152,152,129,234.35a8,8,0,0,1-15.21.27l-65.28-176A8,8,0,0,1,58.63,48.46l176,65.28A8,8,0,0,1,234.35,129Z" opacity="0.2"/><path d="M237.33,106.21,61.41,41l-.16-.05A16,16,0,0,0,40.9,61.25a1,1,0,0,0,.05.16l65.26,175.92A15.77,15.77,0,0,0,121.28,248h.3a15.77,15.77,0,0,0,15-11.29l.06-.2,21.84-78,78-21.84.2-.06a16,16,0,0,0,.62-30.38ZM149.84,144.3a8,8,0,0,0-5.54,5.54L121.3,232l-.06-.17L56,56l175.82,65.22.16.06Z"/></svg> <span class="grid">
<span class="truncate">
16 miles from Toronto
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$600 and up
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
4 Verified bookings
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Melissa W. said</span>
“We hired AZONE for our wedding reception. July 25, 2021 and it was a huge success! The group was professional and brought a huge smile to everyone’s faces! Well done AZONE! I highly recommend! ”
</div>
</div>
<a href="https://www.gigsalad.com/a-zone_jazz_band_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/dually_noted_niagara_on_the_lake">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/d/dually_noted_niagara_on_the_lake/60ef31b434b50_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/d/dually_noted_niagara_on_the_lake/60ef31b434b50_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Dually Noted - Jazz Band in Niagara on the Lake, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/dually_noted_niagara_on_the_lake" class="hover:text-party-purple">Dually Noted</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (1)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Niagara on the Lake, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.35,129,152,152,129,234.35a8,8,0,0,1-15.21.27l-65.28-176A8,8,0,0,1,58.63,48.46l176,65.28A8,8,0,0,1,234.35,129Z" opacity="0.2"/><path d="M237.33,106.21,61.41,41l-.16-.05A16,16,0,0,0,40.9,61.25a1,1,0,0,0,.05.16l65.26,175.92A15.77,15.77,0,0,0,121.28,248h.3a15.77,15.77,0,0,0,15-11.29l.06-.2,21.84-78,78-21.84.2-.06a16,16,0,0,0,.62-30.38ZM149.84,144.3a8,8,0,0,0-5.54,5.54L121.3,232l-.06-.17L56,56l175.82,65.22.16.06Z"/></svg> <span class="grid">
<span class="truncate">
32 miles from Toronto
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$350-$1200
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
1 Verified booking
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Marie-Eve F. said</span>
“For a corporate event, we couldn’t have had a better musician. Their music style, their presence on stage, and they are all excellent musicians. I am very happy to have them at our event. They are... ”
</div>
</div>
<a href="https://www.gigsalad.com/dually_noted_niagara_on_the_lake/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/stacey_macintyre_music_virgil">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=2162,trim.left=1210,trim.top=0,trim.width=2162,width=540/s3/s/stacey_macintyre_music_virgil/6420f4d27f0bd_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=2162,trim.left=1210,trim.top=0,trim.width=2162,width=540/s3/s/stacey_macintyre_music_virgil/6420f4d27f0bd_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Stacey MacIntyre Music - Jazz Band in Virgil, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/stacey_macintyre_music_virgil" class="hover:text-party-purple">Stacey MacIntyre Music</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
5.0 (1)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Virgil, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.35,129,152,152,129,234.35a8,8,0,0,1-15.21.27l-65.28-176A8,8,0,0,1,58.63,48.46l176,65.28A8,8,0,0,1,234.35,129Z" opacity="0.2"/><path d="M237.33,106.21,61.41,41l-.16-.05A16,16,0,0,0,40.9,61.25a1,1,0,0,0,.05.16l65.26,175.92A15.77,15.77,0,0,0,121.28,248h.3a15.77,15.77,0,0,0,15-11.29l.06-.2,21.84-78,78-21.84.2-.06a16,16,0,0,0,.62-30.38ZM149.84,144.3a8,8,0,0,0-5.54,5.54L121.3,232l-.06-.17L56,56l175.82,65.22.16.06Z"/></svg> <span class="grid">
<span class="truncate">
33 miles from Toronto
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$500 - $2000
</span>
</span>
</span>
</li>
<li>
<span style="--c-50:var(--success-50);--c-400:var(--success-400);--c-600:var(--success-600);" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 fi-color-custom bg-custom-50 text-custom-600 ring-custom-600/10 dark:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-400/30 fi-color-success max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 h-4 w-4 text-custom-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <span class="grid">
<span class="truncate">
1 Verified booking
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Greg J. said</span>
“I can't say enough about Stacey and her band. Leading up to our party, she was professional and detail oriented. They arrived on time and set up with all of their own equipment. The perfect touch of... ”
</div>
</div>
<a href="https://www.gigsalad.com/stacey_macintyre_music_virgil/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/chris_molyneaux_jazz_trio_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/c/chris_molyneaux_jazz_trio_toronto/6198706ee1263_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/c/chris_molyneaux_jazz_trio_toronto/6198706ee1263_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Chris Molyneaux Jazz Trio - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/chris_molyneaux_jazz_trio_toronto" class="hover:text-party-purple">Chris Molyneaux Jazz Trio</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
The Chris Molyneaux Jazz Trio is a group of 3 very talented musicians whose friendship began during their years at Humber College. They formed the Trio in...
</div>
</div>
<a href="https://www.gigsalad.com/chris_molyneaux_jazz_trio_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/david_rubel_music_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/d/david_rubel_music_toronto/51b875d21d824_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/d/david_rubel_music_toronto/51b875d21d824_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="David Rubel Music - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/david_rubel_music_toronto" class="hover:text-party-purple">David Rubel Music</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
David Rubel is a renowned Toronto Saxophonist, Bandleader & Vocalist available for Weddings, Special Events and Ensemble
</div>
</div>
<a href="https://www.gigsalad.com/david_rubel_music_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/terry_logan_jazzconcepts_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/t/terry_logan_jazzconcepts_toronto/5fac52d296edb_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/t/terry_logan_jazzconcepts_toronto/5fac52d296edb_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Terry Logan JazzConcepts - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/terry_logan_jazzconcepts_toronto" class="hover:text-party-purple">Terry Logan JazzConcepts</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
Terry Logan JazzConcepts: Terry Logan plays piano and guitar with Dave Hutchison drums, Russ Bosswell bass and Michael Authurs sax. We play jazz from the late...
</div>
</div>
<a href="https://www.gigsalad.com/terry_logan_jazzconcepts_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/riddim_jazz_crew_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/r/riddim_jazz_crew_toronto/5570f156d9bdb_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/r/riddim_jazz_crew_toronto/5570f156d9bdb_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Riddim & Jazz crew - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/riddim_jazz_crew_toronto" class="hover:text-party-purple">Riddim & Jazz crew</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
We are a group of veteran musicians who have decided to form a band. We have a core group of 7 men…Including trumpet, sax, bass, drums, keyboardist,...
</div>
</div>
<a href="https://www.gigsalad.com/riddim_jazz_crew_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/howard_moore_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=3000,trim.left=0,trim.top=563,trim.width=3000,width=540/s3/h/howard_moore_toronto/6737c4a5977fb_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=3000,trim.left=0,trim.top=563,trim.width=3000,width=540/s3/h/howard_moore_toronto/6737c4a5977fb_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Howard Moore - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/howard_moore_toronto" class="hover:text-party-purple">Howard Moore</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
From jazz trio to full band, I provide professional and expert musicians, experienced in every type of event. Corporate parties, charity galas, weddings,...
</div>
</div>
<a href="https://www.gigsalad.com/howard_moore_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/lady_be_good_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=3919,trim.left=0,trim.top=1231,trim.width=3919,width=540/s3/l/lady_be_good_toronto/6410828009d6d_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=3919,trim.left=0,trim.top=1231,trim.width=3919,width=540/s3/l/lady_be_good_toronto/6410828009d6d_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Lady Be Good - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/lady_be_good_toronto" class="hover:text-party-purple">Lady Be Good</a></h3>
<div class="flex flex-row gap-x-2 items-center">
<div class="flex items-center gap-x-2">
<div class="flex gap-x-1">
<svg class="text-citrus-yellow size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"/></svg> </div>
<span
class="text-sm">
4.90 (4)
</span>
</div>
</div>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$1500 - $5000
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
<span class="font-bold">Mark B. said</span>
“I invited Lady Be Good to play at my 40th birthday celebration and it was the most brilliant thing I did. To start they are some of the nicest people I have ever met and then that brings us to the... ”
</div>
</div>
<a href="https://www.gigsalad.com/lady_be_good_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/jazz_standards_live_jazz_groups_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/j/jazz_standards_live_jazz_groups_toronto/64c55b9a02dad_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/j/jazz_standards_live_jazz_groups_toronto/64c55b9a02dad_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Jazz Standards Live Jazz Groups - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/jazz_standards_live_jazz_groups_toronto" class="hover:text-party-purple">Jazz Standards Live Jazz Groups</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
Jazz Standards .ca offers fine live jazz groups for all events including weddings, corporate events, parties, cocktail hour, receptions, and more. Available...
</div>
</div>
<a href="https://www.gigsalad.com/jazz_standards_live_jazz_groups_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/jesse_dietschi_trio_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=3384,trim.left=740,trim.top=0,trim.width=3384,width=540/s3/j/jesse_dietschi_trio_toronto/652570d47bef4_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=3384,trim.left=740,trim.top=0,trim.width=3384,width=540/s3/j/jesse_dietschi_trio_toronto/652570d47bef4_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Jesse Dietschi Trio - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/jesse_dietschi_trio_toronto" class="hover:text-party-purple">Jesse Dietschi Trio</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
The Jesse Dietschi Trio is well versed in the history and repertoire of jazz. Capable of catering to environments from relaxed to exciting, the Jesse Dietschi...
</div>
</div>
<a href="https://www.gigsalad.com/jesse_dietschi_trio_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/ataraxia_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=705,trim.left=0,trim.top=0,trim.width=705,width=540/s3/a/ataraxia_toronto/650ceb0d49a60_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=705,trim.left=0,trim.top=0,trim.width=705,width=540/s3/a/ataraxia_toronto/650ceb0d49a60_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Ataraxia - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/ataraxia_toronto" class="hover:text-party-purple">Ataraxia</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$450 and up
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
As a band, we gathered as like minded individuals with a desire to perform the music of the Hard Bop and Post Bop eras primarily. This focus has expanded...
</div>
</div>
<a href="https://www.gigsalad.com/ataraxia_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/the_sidemen_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/t/the_brickhouse_trio_toronto/5ca68f9ebd887_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/t/the_brickhouse_trio_toronto/5ca68f9ebd887_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="The Sidemen - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/the_sidemen_toronto" class="hover:text-party-purple">The Sidemen</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
The Sidemen play standards, and not so standards, following in the tradition of Jazz legends; Music that sets the mood, makes you feel good, fulfilled, sad,...
</div>
</div>
<a href="https://www.gigsalad.com/the_sidemen_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/cat_bernardi_music_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,trim.height=1337,trim.left=167,trim.top=8,trim.width=1337,width=540/s3/c/cat_bernardi_music_toronto/59c55190981b6_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,trim.height=1337,trim.left=167,trim.top=8,trim.width=1337,width=540/s3/c/cat_bernardi_music_toronto/59c55190981b6_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Cat Bernardi Music - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/cat_bernardi_music_toronto" class="hover:text-party-purple">Cat Bernardi Music</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
Contact for rates
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
Cat Bernardi has been a vocalist, composer and band leader in the GTA for over 10 years! She will customize her band and repertoire to suit your event and...
</div>
</div>
<a href="https://www.gigsalad.com/cat_bernardi_music_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
<article class="flex flex-col justify-between bg-white rounded-2xl shadow-gigsalad p-6 space-y-4">
<div class="flex flex-col gap-y-4">
<div class="rounded-lg text-white relative">
<a href="https://www.gigsalad.com/robert_chapman_music_toronto">
<img
src="https://cress.gigsalad.com/cdn-cgi/image/fit=cover,format=auto,height=540,width=540/s3/r/robert_chapman_music_toronto/617187c4a5f06_fullsize"
srcset="https://cress.gigsalad.com/cdn-cgi/image/dpr=2,fit=cover,format=auto,height=540,width=540/s3/r/robert_chapman_music_toronto/617187c4a5f06_fullsize"
class="rounded-lg"
width="540"
height="540"
fetchPriority="auto"
loading="lazy" alt="Robert Chapman Music - Jazz Band in Toronto, ON"
/>
</a>
</div>
<div class="space-y-2">
<h3 class="font-sans text-lg font-bold text-zinc-700 line-clamp-2"><a href="https://www.gigsalad.com/robert_chapman_music_toronto" class="hover:text-party-purple">Robert Chapman Music</a></h3>
<ul class="flex flex-col gap-y-2">
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <span class="grid">
<span class="truncate">
Toronto, ON
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,96a64,64,0,1,1-64-64A64,64,0,0,1,192,96Z" opacity="0.2"/><path d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"/></svg> <span class="grid">
<span class="truncate">
Jazz Band
</span>
</span>
</span>
</li>
<li>
<span style="" class="fi-badge flex items-center justify-center gap-x-1 rounded-md text-xs font-medium ring-1 ring-inset px-2 min-w-[theme(spacing.6)] py-1 bg-gray-50 text-gray-600 ring-gray-600/10 dark:bg-gray-400/10 dark:text-gray-400 dark:ring-gray-400/20 fi-color-gray max-w-fit px-3 py-1">
<svg class="fi-badge-icon h-4 w-4 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm40-68a28,28,0,0,1-28,28h-4v8a8,8,0,0,1-16,0v-8H104a8,8,0,0,1,0-16h36a12,12,0,0,0,0-24H116a28,28,0,0,1,0-56h4V72a8,8,0,0,1,16,0v8h16a8,8,0,0,1,0,16H116a12,12,0,0,0,0,24h24A28,28,0,0,1,168,148Z"/></svg> <span class="grid">
<span class="truncate">
$150 and up
</span>
</span>
</span>
</li>
</ul>
</div>
<hr class="border-zinc-200" />
<div class="text-sm line-clamp-3">
Robert is a professional guitarist who specializes in Jazz music and is able to perform as a solo artist as well as duo, trio, and more. Perfect for your any...
</div>
</div>
<a href="https://www.gigsalad.com/robert_chapman_music_toronto/contact" style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded">
<span class="fi-btn-label">
Fast free quote
</span>
</a>
</article>
</div>
<button
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 w-full" type="button" wire:loading.attr="disabled" wire:target="loadMoreResults" wire:loading.class="opacity-70" wire:click="loadMoreResults" rounded="rounded"
>
<svg
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
class="animate-spin fi-btn-icon transition duration-75 h-5 w-5" wire:loading.delay.default="" wire:target="loadMoreResults"
>
<path
clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd"
fill="currentColor"
opacity="0.2"
></path>
<path
d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
fill="currentColor"
></path>
</svg>
<span
class="fi-btn-label"
>
Show more Jazz Bands near me
</span>
</button>
</div>
</div>
</div>
</section>
</section>
<section class="flex flex-col gap-y-12 md:gap-y-16">
<section class="grid grid-cols-1 lg:grid-cols-2 gap-12 md:gap-16">
<div class="p-layout-sm rounded-xl bg-light-fuchsia flex flex-col xl:flex-row gap-xl">
<div class="space-y-6 order-2 xl:order-1">
<div class="space-y-4 text-party-purple">
<h3 class="heading-4 md:heading-3">Estimate the cost</h3>
<p>We’ve gathered average nationwide pricing for hiring Jazz Bands using data from quotes sent through GigSalad.</p>
</div>
<a
href="https://www.gigsalad.com/pricing/Music-Groups/Jazz-Band?city=Toronto&state=ON"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 max-sm:w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
See pricing
</span>
</a>
</div>
<figure class="relative self-center order-1 xl:order-2">
<svg
class="text-white absolute size-[134px] md:size-36 top-2 md:-top-2 -right-3 rotate-[16deg]"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 448"
fill="none"
>
<path fill="currentColor" d="M0,48.7C0,21.8,21.8,0,48.6,0h125.7c26.8,0,48.6,21.8,48.6,48.7v72.4h68.9c26.8,0,48.6,21.8,48.6,48.7v60.3h59.1c26.8,0,48.6,21.8,48.6,48.7v120.5c0,26.9-21.8,48.7-48.6,48.7H49.8c-24,0-49.8-19-49.8-49.8,0,0,0-349.4,0-349.4Z"/>
</svg>
<svg
class="text-party-purple fill-popsicle-blue size-32 relative"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 144 144"
fill="none"
>
<path fill="currentColor" d="M108.16 20.533a1.852 1.852 0 0 1-1.007 1.895l-7.05 3.59-1.776 7.706a1.875 1.875 0 0 1-3.49.429l-3.588-7.05-7.708-1.776a1.875 1.875 0 0 1-.429-3.49l7.05-3.588 1.776-7.708a1.875 1.875 0 0 1 3.49-.429l3.589 7.05 7.707 1.776a1.856 1.856 0 0 1 1.436 1.595ZM44.824 22.859l-3.154-.904.646-2.253a6.093 6.093 0 1 0-11.715-3.36l-.646 2.253-3.154-.904a2.344 2.344 0 0 0-2.9 1.607l-3.617 12.616a2.344 2.344 0 0 0 1.607 2.9l18.023 5.167a2.344 2.344 0 0 0 2.9-1.607l3.617-12.616a2.344 2.344 0 0 0-1.607-2.899Zm-11.52-5.742a3.281 3.281 0 1 1 6.309 1.81l-.646 2.252-6.309-1.808.646-2.253ZM40.24 37.15l-17.122-4.91 3.359-11.715 17.122 4.91-3.359 11.715Zm-5.08-7.796a1.876 1.876 0 1 1-3.605-1.035 1.876 1.876 0 0 1 3.606 1.035Z"/>
<path d="m123.588 60.806-95.635-8.367a8 8 0 0 0-8.667 7.272l-5.578 63.757a8 8 0 0 0 7.273 8.666l95.634 8.367a7.999 7.999 0 0 0 8.667-7.272l5.578-63.756a7.999 7.999 0 0 0-7.272-8.667Zm-49.41 59.921-7.97-.697a4 4 0 1 1 .697-7.969l7.97.697a4 4 0 1 1-.698 7.969Zm31.877 2.789-15.939-1.394a4.001 4.001 0 0 1 .698-7.97l15.939 1.395a3.999 3.999 0 1 1-.698 7.969ZM26.21 72.363l1.046-11.955 95.635 8.367-1.046 11.955-95.635-8.367Z"/>
<path fill="currentColor" d="m114.929 50.328-95.284 11.7a8 8 0 0 0-6.966 8.915l7.8 63.523a7.999 7.999 0 0 0 8.915 6.966l95.285-11.7a7.998 7.998 0 0 0 6.965-8.915l-7.8-63.523a7.997 7.997 0 0 0-8.915-6.966Zm.975 7.94 1.462 11.911-95.284 11.7-1.463-11.91 95.285-11.7Zm7.8 63.524-95.285 11.699-5.362-43.672 95.284-11.7 5.363 43.673Zm-9.403-10.936a4.001 4.001 0 0 1-3.483 4.458l-15.88 1.95a4.002 4.002 0 0 1-4.458-3.483 4 4 0 0 1 3.482-4.458l15.881-1.95a3.998 3.998 0 0 1 2.95.819 3.998 3.998 0 0 1 1.508 2.664Zm-31.762 3.9a4 4 0 0 1-3.482 4.458l-7.94.975a3.998 3.998 0 0 1-4.458-3.483 4 4 0 0 1 3.482-4.458l7.94-.975a4.002 4.002 0 0 1 4.458 3.483Z"/>
</svg>
</figure>
</div>
<div class="p-layout-sm rounded-xl bg-popsicle-blue flex flex-col xl:flex-row gap-xl">
<div class="space-y-6 order-2 xl:order-1">
<div class="space-y-4 text-party-purple">
<h3 class="heading-4 md:heading-3">Book with confidence</h3>
<p>When you hire a Toronto Jazz Band through GigSalad, you’re backed by our <a href="https://help.gigsalad.com/article/76-worry-free-guarantee" class="font-bold">Worry-Free Guarantee</a>. From secure payments to reliable support, we’ve got your back.</p>
</div>
<a
href="https://help.gigsalad.com/article/76-worry-free-guarantee"
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid fi-btn-outlined ring-1 text-custom-600 ring-custom-600 hover:bg-custom-400/10 dark:text-custom-400 dark:ring-custom-500 max-sm:w-full" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Learn more
</span>
</a>
</div>
<figure class="relative self-center order-1 xl:order-2">
<svg
class="text-white absolute size-40 -right-4 -top-2 md:-top-3"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 448"
fill="none"
>
<path fill="currentColor" d="M204.1,20.6c4.4-21.6,35.3-21.6,39.7,0l13.9,67.7c3,14.8,20.6,21.2,32.4,11.9l54.6-42.9c17.4-13.7,40.9,6.3,30.3,25.7l-32.8,59.8c-7.3,13.3,2.1,29.6,17.3,30l68.6,1.8c22.1.6,27.5,31.1,6.8,39.2l-63.5,24.8c-14.2,5.5-17.4,24.1-6,34.2l51.2,44.8c16.6,14.6,1.3,41.5-19.7,34.5l-65.7-21.7c-14.4-4.8-28.7,7.3-26.4,22.3l10.2,67.8c3.3,21.8-25.7,32.5-37.3,13.7l-36.6-59c-7.9-12.8-26.5-12.8-34.5,0l-36.6,59c-11.6,18.7-40.6,8.1-37.3-13.7l10.2-67.8c2.3-15-12.1-27-26.4-22.3l-65.7,21.7c-21,6.9-36.4-20-19.7-34.5l51.2-44.8c11.5-10,8.2-28.6-6-34.2l-63.5-24.8c-20.6-8-15.3-38.6,6.8-39.2l68.6-1.8c15.2-.4,24.5-16.7,17.3-30l-32.8-59.8c-10.6-19.4,13-39.3,30.3-25.7l54.6,42.9c11.8,9.3,29.4,2.9,32.4-11.9l13.9-67.7h0Z"/>
</svg>
<svg
class="text-party-purple fill-light-fuchsia size-32 relative"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 144 144"
fill="none"
>
<path fill="currentColor" d="M63.05 10.819a1.78 1.78 0 1 0-1.391 3.28 1.78 1.78 0 0 1 .943 2.335l-3.016 7.105-22.955-9.744 3.016-7.105a1.781 1.781 0 0 1 2.336-.944 1.781 1.781 0 1 0 1.392-3.28 5.344 5.344 0 0 0-7.007 2.832l-5.336 12.57a7.125 7.125 0 0 0 13.117 5.568l.928-2.186 3.28 1.392-.929 2.186a7.125 7.125 0 0 0 13.118 5.568l5.336-12.57a5.344 5.344 0 0 0-2.832-7.007ZM36.2 23.932a3.563 3.563 0 0 1-1.888-4.671l.522-1.23 2.496 6.178a3.545 3.545 0 0 1-1.13-.277Zm4.67-1.887c-.089.21-.198.411-.325.601l-1.616-4.006 2.87 1.218-.928 2.186Zm11.726 8.847a3.563 3.563 0 0 1-1.887-4.672l.522-1.23 2.496 6.178a3.545 3.545 0 0 1-1.131-.276Zm4.671-1.888c-.09.21-.199.412-.326.602L55.325 25.6l2.87 1.218-.929 2.186ZM116.412 2.426 97.946 5.68a1.875 1.875 0 0 0-1.52 2.173l3.255 18.465a1.876 1.876 0 0 0 2.172 1.52l18.466-3.255a1.875 1.875 0 0 0 1.521-2.172l-3.256-18.466a1.879 1.879 0 0 0-2.172-1.52Zm-2.383 9.66-5.323 7.603a.944.944 0 0 1-.972.378.94.94 0 0 1-.335-.147l-3.258-2.282a.937.937 0 1 1 1.076-1.537l2.49 1.745 4.785-6.835a.94.94 0 0 1 1.306-.23.933.933 0 0 1 .378.971.938.938 0 0 1-.147.335Z"/>
<path d="M119.333 47.136a7.47 7.47 0 0 0-6.874-1.284c-6.739 2.095-20.286 5.452-35.165 4.411-14.88-1.04-27.832-6.25-34.223-9.263a7.5 7.5 0 0 0-10.677 6.26L30.57 73.338c-1.172 16.76 2.235 32.885 9.598 45.396 7.626 12.967 18.58 20.565 30.84 21.422 12.26.857 24.165-5.156 33.521-16.922 9.032-11.355 14.65-26.85 15.821-43.608l1.825-26.088a7.502 7.502 0 0 0-2.842-6.401Zm-68.22 41.529a3.763 3.763 0 1 1-5.262-5.382c2.898-2.795 7.915-4.456 12.507-4.135 4.592.322 9.329 2.664 11.809 5.835a3.764 3.764 0 0 1-5.96 4.597c-1.155-1.49-3.964-2.781-6.372-2.95-2.409-.168-5.389.723-6.721 2.035Zm40.75 25.338a24.8 24.8 0 0 1-29.799 4.437 24.782 24.782 0 0 1-8.03-7.082 3.75 3.75 0 1 1 6.011-4.462 17.292 17.292 0 0 0 26.448 1.85 3.75 3.75 0 0 1 6.426 2.594 3.75 3.75 0 0 1-1.075 2.662l.019.001Zm11.292-21.384a3.751 3.751 0 0 1-5.263-.664c-1.155-1.49-3.964-2.782-6.372-2.95-2.408-.169-5.389.722-6.721 2.034a3.778 3.778 0 0 1-5.28-5.402c2.879-2.796 7.896-4.457 12.506-4.134 4.611.322 9.33 2.663 11.81 5.835a3.742 3.742 0 0 1 .76 2.782 3.749 3.749 0 0 1-1.44 2.499Z"/>
<path fill="currentColor" d="M112.729 40.291a7.473 7.473 0 0 0-6.993-.07c-6.273 3.232-19.03 8.89-33.865 10.45-14.834 1.559-28.494-1.323-35.311-3.18a7.5 7.5 0 0 0-9.428 8.019l2.733 25.999c1.756 16.708 7.911 31.996 17.334 43.039 9.762 11.445 21.868 17.026 34.092 15.742 12.223-1.285 22.903-9.275 30.073-22.486 6.923-12.751 9.765-28.986 8.009-45.694l-2.734-26.008a7.507 7.507 0 0 0-3.91-5.81Zm-.815 32.608c1.599 15.216-.939 29.901-7.141 41.346-5.958 10.982-14.572 17.59-24.264 18.609-9.692 1.019-19.492-3.655-27.603-13.162-8.447-9.915-13.982-23.742-15.581-38.958L34.59 54.726c7.332 1.996 22.018 5.09 38.064 3.404 16.046-1.687 29.773-7.768 36.525-11.244l2.735 26.018-.001-.005Zm-7.467 9.679a3.763 3.763 0 0 1-5.071 5.558c-1.397-1.268-4.387-2.052-6.788-1.8-2.401.253-5.181 1.648-6.265 3.171a3.764 3.764 0 1 1-6.117-4.386c2.349-3.254 7.001-5.76 11.598-6.243 4.596-.484 9.65 1.003 12.643 3.695v.005Zm-45.424 7.286c-2.42.255-5.181 1.648-6.266 3.171a3.764 3.764 0 0 1-6.117-4.386c2.368-3.256 7.02-5.762 11.599-6.244 4.578-.48 9.65 1.004 12.643 3.696a3.764 3.764 0 0 1-5.072 5.562c-1.377-1.264-4.368-2.053-6.787-1.799Zm37.854 17.321a24.804 24.804 0 0 1-17.935 10.751 24.808 24.808 0 0 1-19.78-6.787 3.75 3.75 0 1 1 5.165-5.44 17.285 17.285 0 0 0 13.83 4.769 17.285 17.285 0 0 0 12.537-7.54 3.744 3.744 0 0 1 2.407-1.564 3.754 3.754 0 0 1 4.372 3.003 3.755 3.755 0 0 1-.596 2.808Z"/>
</svg>
</figure>
</div>
</section>
<div class="space-y-6">
<div class="space-y-4">
<h4 class="heading-5 md:heading-4 text-party-purple">You might also like</h4>
</div>
<div class="gap-4 flex flex-wrap">
<a
href="https://www.gigsalad.com/Music-Groups/Big-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Big Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Blues-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Blues Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Dance-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Dance Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Dixieland-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Dixieland Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Latin-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Latin Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Party-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Party Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Ragtime-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Ragtime Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Swing-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Swing Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Wedding-Band"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Wedding Bands
</span>
</a>
<a
href="https://www.gigsalad.com/Hire/Wedding-Entertainment"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Wedding Entertainment
</span>
</a>
<a
href="https://www.gigsalad.com/Hire/Wedding-Musicians"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Wedding Musicians
</span>
</a>
</div>
</div>
</section>
<section class="space-y-12 md:space-y-6">
<h4 class="text-party-purple">Quick facts for Jazz Bands in Toronto, ON</h4>
<div>
<div class="flex gap-x-4 border-t-[1px] border-gray-300 py-6">
<svg class="size-8 md:self-center shrink-0 text-berry-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M223.69,42.18l-58.22,192a8,8,0,0,1-14.92,1.25L108,148,20.58,105.45a8,8,0,0,1,1.25-14.92l192-58.22A8,8,0,0,1,223.69,42.18Z" opacity="0.2"/><path d="M227.32,28.68a16,16,0,0,0-15.66-4.08l-.15,0L19.57,82.84a16,16,0,0,0-2.49,29.8L102,154l41.3,84.87A15.86,15.86,0,0,0,157.74,248q.69,0,1.38-.06a15.88,15.88,0,0,0,14-11.51l58.2-191.94c0-.05,0-.1,0-.15A16,16,0,0,0,227.32,28.68ZM157.83,231.85l-.05.14,0-.07-40.06-82.3,48-48a8,8,0,0,0-11.31-11.31l-48,48L24.08,98.25l-.07,0,.14,0L216,40Z"/></svg> <div>
<h5 class="text-party-purple text-base font-sans font-bold">
16,263 quotes sent
</h5>
<p>
In the past year, Jazz Bands have sent 16,263 quotes to event planners.
</p>
</div>
</div>
<div class="flex gap-x-4 border-t-[1px] border-gray-300 py-6">
<svg class="size-8 md:self-center shrink-0 text-peachy-coral" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216.71,99.73l-15.6,93.59a8,8,0,0,1-7.89,6.68H62.78a8,8,0,0,1-7.89-6.68L39.29,99.73l.08,0a19.82,19.82,0,0,0,9.22-4.16h0L88,144l32-73.65h0a20,20,0,0,0,15.92,0h0L168,144l39.39-48.48h0a19.82,19.82,0,0,0,9.22,4.16Z" opacity="0.2"/><path d="M248,80a28,28,0,1,0-51.12,15.77l-26.79,33L146,73.4a28,28,0,1,0-36.06,0L85.91,128.74l-26.79-33a28,28,0,1,0-26.6,12L47,194.63A16,16,0,0,0,62.78,208H193.22A16,16,0,0,0,209,194.63l14.47-86.85A28,28,0,0,0,248,80ZM128,40a12,12,0,1,1-12,12A12,12,0,0,1,128,40ZM24,80A12,12,0,1,1,36,92,12,12,0,0,1,24,80ZM193.22,192H62.78L48.86,108.52,81.79,149A8,8,0,0,0,88,152a7.83,7.83,0,0,0,1.08-.07,8,8,0,0,0,6.26-4.74l29.3-67.4a27,27,0,0,0,6.72,0l29.3,67.4a8,8,0,0,0,6.26,4.74A7.83,7.83,0,0,0,168,152a8,8,0,0,0,6.21-3l32.93-40.52ZM220,92a12,12,0,1,1,12-12A12,12,0,0,1,220,92Z"/></svg> <div>
<h5 class="text-party-purple text-base font-sans font-bold">
12th most popular
</h5>
<p>
Jazz Bands rank #12 in popularity out of 540 categories on GigSalad.
</p>
</div>
</div>
<div class="flex gap-x-4 border-t-[1px] border-gray-300 py-6">
<svg class="size-8 md:self-center shrink-0 text-fuchsia" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M229.06,108.79l-48.7,42,14.88,62.79a8.4,8.4,0,0,1-12.52,9.17L128,189.09,73.28,222.74a8.4,8.4,0,0,1-12.52-9.17l14.88-62.79-48.7-42A8.46,8.46,0,0,1,31.73,94L95.64,88.8l24.62-59.6a8.36,8.36,0,0,1,15.48,0l24.62,59.6L224.27,94A8.46,8.46,0,0,1,229.06,108.79Z" opacity="0.2"/><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"/></svg> <div>
<h5 class="text-party-purple text-base font-sans font-bold">
5 out of 5 stars
</h5>
<p>
There are 6,281 Jazz Band reviews on GigSalad with an average rating of 5 stars.
</p>
</div>
</div>
<div class="flex gap-x-4 border-t-[1px] border-gray-300 py-6">
<svg class="size-8 md:self-center shrink-0 text-popsicle-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z" opacity="0.2"/><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-38.34-85.66a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L116,164.69l42.34-42.35A8,8,0,0,1,169.66,122.34Z"/></svg> <div>
<h5 class="text-party-purple text-base font-sans font-bold">
2.4 days on average to book
</h5>
<p>
From request to booking, it takes 2.4 days (on average) to hire a Jazz Band.
</p>
</div>
</div>
<div class="flex gap-x-4 border-t-[1px] border-gray-300 py-6">
<svg class="size-8 md:self-center shrink-0 text-peachy-coral" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M208,40V208H152V40Z" opacity="0.2"/><path d="M224,200h-8V40a8,8,0,0,0-8-8H152a8,8,0,0,0-8,8V80H96a8,8,0,0,0-8,8v40H48a8,8,0,0,0-8,8v64H32a8,8,0,0,0,0,16H224a8,8,0,0,0,0-16ZM160,48h40V200H160ZM104,96h40V200H104ZM56,144H88v56H56Z"/></svg> <div>
<h5 class="text-party-purple text-base font-sans font-bold">
Toronto ranks #1
</h5>
<p>
Toronto is the most popular city for Jazz Bands requests in Ontario.
</p>
</div>
</div>
<div class="flex gap-x-4 border-t-[1px] border-gray-300 py-6">
<svg class="size-8 md:self-center shrink-0 text-leafy-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128c0,12.51-17.82,21.95-22.68,33.69-4.68,11.32,1.42,30.65-7.78,39.85s-28.53,3.1-39.85,7.78C150,214.18,140.5,232,128,232s-22-17.82-33.69-22.68c-11.32-4.68-30.65,1.42-39.85-7.78s-3.1-28.53-7.78-39.85C41.82,150,24,140.5,24,128s17.82-22,22.68-33.69C51.36,83,45.26,63.66,54.46,54.46S83,51.36,94.31,46.68C106.05,41.82,115.5,24,128,24S150,41.82,161.69,46.68c11.32,4.68,30.65-1.42,39.85,7.78s3.1,28.53,7.78,39.85C214.18,106.05,232,115.5,232,128Z" opacity="0.2"/><path d="M225.86,102.82c-3.77-3.94-7.67-8-9.14-11.57-1.36-3.27-1.44-8.69-1.52-13.94-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52-3.56-1.47-7.63-5.37-11.57-9.14C146.28,23.51,138.44,16,128,16s-18.27,7.51-25.18,14.14c-3.94,3.77-8,7.67-11.57,9.14C88,40.64,82.56,40.72,77.31,40.8c-9.76.15-20.82.31-28.51,8S41,67.55,40.8,77.31c-.08,5.25-.16,10.67-1.52,13.94-1.47,3.56-5.37,7.63-9.14,11.57C23.51,109.72,16,117.56,16,128s7.51,18.27,14.14,25.18c3.77,3.94,7.67,8,9.14,11.57,1.36,3.27,1.44,8.69,1.52,13.94.15,9.76.31,20.82,8,28.51s18.75,7.85,28.51,8c5.25.08,10.67.16,13.94,1.52,3.56,1.47,7.63,5.37,11.57,9.14C109.72,232.49,117.56,240,128,240s18.27-7.51,25.18-14.14c3.94-3.77,8-7.67,11.57-9.14,3.27-1.36,8.69-1.44,13.94-1.52,9.76-.15,20.82-.31,28.51-8s7.85-18.75,8-28.51c.08-5.25.16-10.67,1.52-13.94,1.47-3.56,5.37-7.63,9.14-11.57C232.49,146.28,240,138.44,240,128S232.49,109.73,225.86,102.82Zm-11.55,39.29c-4.79,5-9.75,10.17-12.38,16.52-2.52,6.1-2.63,13.07-2.73,19.82-.1,7-.21,14.33-3.32,17.43s-10.39,3.22-17.43,3.32c-6.75.1-13.72.21-19.82,2.73-6.35,2.63-11.52,7.59-16.52,12.38S132,224,128,224s-9.15-4.92-14.11-9.69-10.17-9.75-16.52-12.38c-6.1-2.52-13.07-2.63-19.82-2.73-7-.1-14.33-.21-17.43-3.32s-3.22-10.39-3.32-17.43c-.1-6.75-.21-13.72-2.73-19.82-2.63-6.35-7.59-11.52-12.38-16.52S32,132,32,128s4.92-9.15,9.69-14.11,9.75-10.17,12.38-16.52c2.52-6.1,2.63-13.07,2.73-19.82.1-7,.21-14.33,3.32-17.43S70.51,56.9,77.55,56.8c6.75-.1,13.72-.21,19.82-2.73,6.35-2.63,11.52-7.59,16.52-12.38S124,32,128,32s9.15,4.92,14.11,9.69,10.17,9.75,16.52,12.38c6.1,2.52,13.07,2.63,19.82,2.73,7,.1,14.33.21,17.43,3.32s3.22,10.39,3.32,17.43c.1,6.75.21,13.72,2.73,19.82,2.63,6.35,7.59,11.52,12.38,16.52S224,124,224,128,219.08,137.15,214.31,142.11ZM173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34Z"/></svg> <div>
<h5 class="text-party-purple text-base font-sans font-bold">
Popular events
</h5>
<p>
Jazz Bands are typically hired for Corporate Events, Wedding Receptions, and Birthday Parties in Toronto, ON.
</p>
</div>
</div>
<div class="flex gap-x-4 border-t-[1px] border-gray-300 py-6">
<svg class="size-8 md:self-center shrink-0 text-fuchsia" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z"/></svg> <div>
<h5 class="text-party-purple text-base font-sans font-bold">
Ontario ranks #1
</h5>
<p>
Ontario is the most popular state for Jazz Bands requests in Canada.
</p>
</div>
</div>
</div>
</section>
<section class="col-full bg-blue-100 pattern-wave-blue-200 py-layout-lg pattern-size-175">
<div class="grid grid-cols-layout gap-y-layout-sm">
<div class="w-full lg:place-items-center">
<h3 class="heading-4 md:heading-3 text-party-purple lg:text-center max-w-2xl">
Past events for Jazz Bands in Toronto, ON
</h3>
</div>
<div class="xl:grid-cols-3 grid grid-cols-1 gap-layout-sm">
<div class="p-layout-sm rounded-xl card-box-shadow-fuchsia-left bg-white lg:col-start-2">
<div class="space-y-6">
<div class="space-y-2">
<h4 class="heading-5 md:heading-4 text-party-purple">Amazing!!!</h4>
<div class="space-y-1">
<div class="flex gap-x-4 flex-row xl:flex-col 2xl:flex-row gap-y-1">
<div class="flex gap-2 items-center">
<svg class="text-party-purple size-5 flex-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a95.76,95.76,0,0,1-31.8,71.37A72,72,0,0,0,128,160a40,40,0,1,0-40-40,40,40,0,0,0,40,40,72,72,0,0,0-64.2,39.37h0A96,96,0,1,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120Zm97.76,66.41a79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75,88,88,0,1,1,131.52,0Z"/></svg> <p>Jazz Band</p>
</div>
<div class="flex gap-2 items-center">
<svg class="text-party-purple size-5 flex-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M229.06,108.79l-48.7,42,14.88,62.79a8.4,8.4,0,0,1-12.52,9.17L128,189.09,73.28,222.74a8.4,8.4,0,0,1-12.52-9.17l14.88-62.79-48.7-42A8.46,8.46,0,0,1,31.73,94L95.64,88.8l24.62-59.6a8.36,8.36,0,0,1,15.48,0l24.62,59.6L224.27,94A8.46,8.46,0,0,1,229.06,108.79Z" opacity="0.2"/><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"/></svg> <p>5.0</p>
</div>
</div>
<div class="flex flex-row gap-x-4 flex-row xl:flex-col 2xl:flex-row gap-y-1">
<div class="flex gap-2 items-center">
<svg class="text-party-purple size-5 flex-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,48V88H40V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z" opacity="0.2"/><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-96-88v64a8,8,0,0,1-16,0V132.94l-4.42,2.22a8,8,0,0,1-7.16-14.32l16-8A8,8,0,0,1,112,120Zm59.16,30.45L152,176h16a8,8,0,0,1,0,16H136a8,8,0,0,1-6.4-12.8l28.78-38.37A8,8,0,1,0,145.07,132a8,8,0,1,1-13.85-8A24,24,0,0,1,176,136,23.76,23.76,0,0,1,171.16,150.45Z"/></svg> <p>January 29, 2025</p>
</div>
<div class="flex gap-2 items-center">
<svg class="text-party-purple size-5 flex-none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm64-88a8,8,0,0,1-8,8H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48A8,8,0,0,1,192,128Z"/></svg> <p>2 hours</p>
</div>
</div>
</div>
</div>
<div
class="space-y-2xs"
x-data="readMore()"
>
<div
x-ref="content"
class="space-y-sm !overflow-hidden line-clamp-3" :class="{ '!line-clamp-none': readMore }">
Absolutely amazing and professional.
Loved them!!!
</div>
<button
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary" type="button" wire:loading.attr="disabled" @click="toggleReadMore('150ms')" x-show="contentOverflows" x-cloak="x-cloak"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
<span x-text="readMore ? 'Read less' : 'Read more'">Read more</span>
</span>
</button></div>
<div class="flex justify-between">
<span class="font-bold text-lg">Event total</span>
<h4 class="text-fuchsia">$1,000</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-16">
<div class="space-y-4">
<h4 class="text-party-purple heading-5 md:heading-4">About booking Jazz Bands in Toronto, ON</h4>
<div class="space-y-4">
<p>Jazz up your next event with some beautiful live music! Jazz bands are perfect for weddings, corporate events, cocktail parties, and more. They can be the featured entertainment or perform background music to create a relaxing atmosphere. Fill your venue with all the traditional jazz standards from Nat King Cole to Frank Sinatra to Duke Ellington. No matter what style of jazz you want, find the best performers on GigSalad!</p>
<p>The cost of booking a jazz band in Toronto, Ontario will vary depending on the length of the event, the size of the jazz ensemble, and their overall skill level. Professional jazz musicians with years of experience will often charge more than those just starting out. If you’re working with a tighter budget, consider a solo jazz musician like a saxophone player over a full jazz trio or quartet. Contact local jazz groups to get a quote customized for your event needs.</p>
<p>While browsing Toronto jazz bands for hire, look through their profiles to see photos, watch videos, and listen to audio samples to get a feel for their style and setlist. Read reviews from past clients to learn more about their experience with events like yours. When talking with the musicians, be sure to discuss important details like venue setup, performance length & scheduled breaks, song requests, and any other unique aspect of your event.</p>
<p>Once you find a jazz group you want to hire, finalize the booking on GigSalad. Our easy-to-use platform allows you to communicate with live bands, confirm the details with an online agreement, and make a secure payment all in one place. Every GigSalad booking is protected by our Worry-Free Guarantee so you can rest easy knowing we’ve got your back. All you have to do is sit back and enjoy the music!</p>
</div>
</div>
<div class="space-y-12 lg:space-y-16">
<div class="space-y-4">
<h4 class="text-party-purple heading-5 md:heading-4">Jazz Bands serving the Toronto, ON area</h4>
<p>These Jazz Bands serve the wider Toronto area and travel to East York, Leaside, York, Swansea, Kingsway, Mimico, York Mills, Banbury-Don Mills, Don Mills, Etobicoke, Downsview, Weston, North York, Scarborough Junction, Willowdale, Brimley, Long Branch, Agincourt, Black Creek Village, Scarborough Township, Rexdale, Thornhill, Scarborough, Concord, Port Credit, Cooksville, West Hill, Malton, Mississauga, and Woodbridge.</p>
</div>
<div class="space-y-6">
<h4 class="text-party-purple heading-5 md:heading-4">Find Jazz Bands in nearby cities</h4>
<div class="flex flex-wrap gap-4">
<a
href="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Banbury-Don+Mills"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Banbury-Don Mills
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Mississauga"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Mississauga
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Vaughan"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Vaughan
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Richmond+Hill"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Richmond Hill
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Pickering"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Pickering
</span>
</a>
<a
href="https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Brampton"
style="--c-400:var(--light-purple-400);--c-500:var(--light-purple-500);--c-600:var(--light-purple-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-light-purple fi-color-light-purple fi-size-lg fi-btn-size-lg gap-1.5 px-3.5 py-2.5 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50" wire:loading.class="opacity-70" rounded="rounded"
>
<span
class="fi-btn-label"
>
Brampton
</span>
</a>
</div>
</div>
</div>
</section>
</main>
<footer class="grid grid-cols-layout mt-layout-lg gap-y-layout-sm">
<div class="flex flex-col lg:flex-row justify-between gap-layout-sm lg:gap-48">
<div class="lg:max-w-sm space-y-md">
<a class="block text-purple-950 h-10" href="https://www.gigsalad.com">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full min-h-3 w-auto" fill="none" viewBox="0 0 258 56"><path fill="currentColor" d="M86.7804 14.2346h-4.267c-.63 0-1.1249.4949-1.1249 1.1004 0 .9952-1.2438 1.4533-1.9388.7214-1.7278-1.806-3.9993-2.7644-7.0521-2.7644C65.7348 13.292 61 18.0098 61 24.8864c0 6.4448 4.4157 11.1599 11.1596 11.1599 4.3752 0 7.4658-2.043 9.2316-5.7788v1.4559c0 5.3049-2.8879 8.4088-9.1126 8.4088-2.769 0-5.4054-.774-7.4659-2.0035-.749-.4475-1.6846.079-1.6846.9293l-.0081 2.6248c0 .3555.1758.5556.4705.7504C66.0512 44.1365 69.707 45 73.3305 45c8.9125 0 14.5721-4.5967 14.5721-12.5342V15.3349c0-.616-.5057-1.1003-1.1222-1.1003ZM74.4473 31.2391c-4.0534 0-6.6628-2.5932-6.6628-6.3685 0-3.77 2.6094-6.5606 6.7845-6.5606 4.175 0 6.9034 2.7116 6.9034 6.4448 0 3.7331-2.769 6.4843-7.0251 6.4843Zm17.8656-21.2115C92.3129 8.25843 93.957 7 96.1256 7c2.1687 0 3.7749 1.25843 3.7749 3.0276 0 1.7691-1.6062 3.1013-3.7749 3.1013-2.1659 0-3.8127-1.3374-3.8127-3.1013Zm7.0765 6.0077v19.7793c0 .603-.4949 1.1005-1.1222 1.1005h-4.3075c-.6166 0-1.1249-.4844-1.1249-1.1005V16.0353c0-.6003.4949-1.1005 1.1249-1.1005h4.3075c.6165 0 1.1222.4844 1.1222 1.1005Zm29.0876-1.8007h-4.267c-.628 0-1.125.4949-1.125 1.1004 0 .9952-1.244 1.4533-1.936.7214-1.731-1.806-4.002-2.7644-7.052-2.7644-6.663 0-11.401 4.7178-11.401 11.5944 0 6.4448 4.419 11.1599 11.163 11.1599 4.375 0 7.463-2.043 9.231-5.7788v1.4559c0 5.3049-2.888 8.4088-9.112 8.4088-2.769 0-5.408-.774-7.469-2.0035-.746-.4475-1.682.079-1.682.9293l-.011 2.6248c0 .3555.179.5556.471.7504 2.461 1.7033 6.116 2.5668 9.74 2.5668 8.912 0 14.575-4.5967 14.575-12.5342V15.3349c0-.616-.509-1.1003-1.125-1.1003Zm-12.331 17.0045c-4.053 0-6.662-2.5932-6.662-6.3685 0-3.77 2.606-6.5606 6.781-6.5606s6.906 2.7116 6.906 6.4448c0 3.7331-2.771 6.4843-7.025 6.4843Zm17.138.3116c0-.8511.937-1.3491 1.686-.9309 2.663 1.494 5.846 2.2799 8.911 2.2799 3.066 0 4.497-.9435 4.497-2.4754 0-.9035-.362-1.887-2.811-2.5153l-5.138-1.1788c-5.139-1.2566-7.025-3.4189-7.025-6.5225 0-4.0871 4.094-6.9155 10.799-6.9155 3.92 0 6.958.9687 9.097 2.1875.334.1954.535.5505.535.9435v2.3051c0 .8111-.87 1.3491-1.606.9814-2.048-1.0213-4.589-1.7421-7.466-1.7421-3.211 0-4.737.8637-4.737 2.2001 0 1.2188 1.044 1.8072 3.494 2.3577l4.657.9814c4.334.8636 6.943 2.7506 6.943 6.72 0 4.4002-3.933 7.3484-10.716 7.3484-3.828 0-7.56-.9162-10.598-2.7381-.334-.1975-.522-.5631-.522-.9435v-2.3429Zm49.869-17.3161h-4.349c-.627 0-1.128.4826-1.124 1.1189 0 1.0003-1.244 1.4769-1.937.7398-1.725-1.7903-4.12-2.8012-7.214-2.8012-6.7 0-11.481 5.0705-11.481 12.2209 0 6.9555 4.499 12.0629 11.119 12.0629 3.255 0 5.781-1.0741 7.576-2.9223.709-.7213 1.937-.2632 1.937.7346v.4317c0 .6161.508 1.1031 1.124 1.1031h4.349c.627 0 1.124-.5002 1.124-1.1031V15.335c0-.616-.508-1.1004-1.124-1.1004Zm-12.499 18.1181c-4.175 0-6.819-2.9091-6.819-6.9161 0-4.0095 2.525-6.916 6.901-6.916 4.375 0 7.062 2.7907 7.062 6.7976s-2.806 7.0345-7.144 7.0345Zm23.978-23.75669c.616 0 1.123.49803 1.123 1.11371V35.8145c0 .6032-.494 1.1011-1.123 1.1011h-4.267c-.617 0-1.123-.4854-1.123-1.1011V9.69711c0-.60307.496-1.1011 1.123-1.1011h4.267Zm30.533 5.63859h-4.348c-.627 0-1.128.4826-1.125 1.1189 0 1.0003-1.244 1.4769-1.936.7398-1.725-1.7903-4.121-2.8012-7.214-2.8012-6.701 0-11.482 5.0705-11.482 12.2209 0 6.9555 4.5 12.0629 11.119 12.0629 3.256 0 5.782-1.0741 7.577-2.9223.709-.7213 1.936-.2632 1.936.7346v.4317c0 .6161.509 1.1031 1.125 1.1031h4.348c.628 0 1.125-.5002 1.125-1.1031V15.335c0-.616-.508-1.1004-1.125-1.1004Zm-12.498 18.1181c-4.175 0-6.819-2.9091-6.819-6.9161 0-4.0095 2.525-6.916 6.9-6.916s7.063 2.7907 7.063 6.7976-2.807 7.0345-7.144 7.0345Zm43.208-23.75734h-4.305c-.627 0-1.125.50019-1.125 1.10045v5.64969c0 .9952-1.243 1.4533-1.941.7319-1.752-1.806-4.148-2.7906-7.209-2.7906-6.587 0-11.525 4.9915-11.525 12.1814.006 6.8713 4.381 12.0919 10.957 12.0919 3.391 0 5.971-1.1294 7.793-3.0012.698-.7214 1.925-.2633 1.925.7318v.5108c0 .6161.509 1.1004 1.125 1.1004h4.305c.627 0 1.125-.4976 1.125-1.1004V9.69581c0-.61606-.508-1.10045-1.125-1.10045ZM243.42 32.3448c-4.175 0-6.863-2.9091-6.863-6.916s2.607-6.9135 6.944-6.9135c4.332 0 7.025 2.7907 7.025 6.7976s-2.768 7.0319-7.106 7.0319ZM49.5936 37.8312C51.6913 34.4777 52.923 30.5526 53 26.3607l-.0192-4.268C52.7691 10.4126 43.1658 1 31.3686 1h-2.7328c-.5581 0-1.1162.22865-1.5203.62878l-3.3679 3.23916C20.245 2.42904 15.9726 1 11.3731 1H8.37084c-.55811 0-1.11621.22865-1.52036.62878L1.63509 6.81144C1.23094 7.21157 1 7.76413 1 8.33575V22.3785c0 1.1813.96225 2.134 2.1362 2.134h2.75203c.09623 0 .15396.1334.07698.1905l-4.17616 3.3726C1.28867 28.4757 1 29.1045 1 29.7333v2.6485C1 44.843 11.2191 55.1321 23.7668 54.9987c13.2021 0 22.0356-11.6419 25.8268-17.1675Z"/><path class="fill-white" d="M39.9866 22.3427c0-4.3253-2.194-7.8693-7.7365-8.2504-.5581-.0381-1.0008-.4954-1.0008-1.067V5.89916c0-.62878.5196-1.10513 1.1547-1.06702 9.2184.59067 16.5122 8.25036 16.5122 17.60576h-8.9104c-.0192-.0381-.0192-.0571-.0192-.0952ZM11.35 5.89916v7.22144c0 .5525.4234 1.0098.9622 1.067 4.1377.4763 7.3516 3.9823 7.3516 8.2503h9.3531c0-9.3554-7.2938-17.01509-16.5122-17.60576-.6158-.03811-1.1547.45729-1.1547 1.06702Zm2.2902 19.98754c-1.2895 0-2.2902 1.1432-2.1362 2.4198 1.1931 9.2031 9.0644 16.3292 18.6099 16.3292 10.373 0 18.7639-8.4028 18.7639-18.749H13.6402Z"/></svg>
</a>
<p class="text-party-purple">
With us, <strong>planners have the confidence to bring their events to life</strong>, while entertainers and event professionals enjoy quality leads and more opportunities to do what they love.
</p>
</div>
<div class="max-w-3xl flex-1 grid grid-cols-2 xl:grid-cols-3 gap-md lg:gap-y-xl lg:gap-x-2xl">
<div>
<h3 class="heading-6 text-party-purple">Company</h3>
<ul class="mt-4 space-y-1">
<li>
<a
href="https://www.gigsalad.com/about"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
About us
</span>
</a> </li>
<li>
<a
href="/blog"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Blog
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/partners"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Partners
</span>
</a> </li>
</ul>
</div>
<div>
<h3 class="heading-6 text-party-purple">Planners</h3>
<ul class="mt-4 space-y-1">
<li>
<a
href="https://www.gigsalad.com/how-it-works"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
How it works
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/party-ideas"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Party ideas
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/quick-quote"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Request a quote
</span>
</a> </li>
</ul>
</div>
<div>
<h3 class="heading-6 text-party-purple">Entertainment</h3>
<ul class="mt-4 space-y-1">
<li>
<a
href="https://www.gigsalad.com/book-entertainers"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Book entertainment
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/book-speakers"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Book a speaker
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/book-music"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Musicians for hire
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/Hire/Wedding-Entertainment"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Wedding entertainment
</span>
</a> </li>
</ul>
</div>
<div>
<h3 class="heading-6 text-party-purple">Support</h3>
<ul class="mt-4 space-y-1">
<li>
<a
href="https://help.gigsalad.com"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Help
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/contact"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Contact us
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/login"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Log in
</span>
</a> </li>
</ul>
</div>
<div>
<h3 class="heading-6 text-party-purple">Talent</h3>
<ul class="mt-4 space-y-1">
<li>
<a
href="https://www.gigsalad.com/join"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Get gigs
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/join#pricing"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Pricing
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/testimonials"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Testimonials
</span>
</a> </li>
</ul>
</div>
<div>
<h3 class="heading-6 text-party-purple">Services</h3>
<ul class="mt-4 space-y-1">
<li>
<a
href="https://www.gigsalad.com/book-services"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Event services
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/Variety"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Unique services
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/Hire/Wedding-Services"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-md fi-link-size-md gap-1.5 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Wedding services
</span>
</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-full grid grid-cols-layout border-t">
<div class="flex flex-col gap-y-4 justify-between lg:flex-row py-md">
<ul class="flex items-center space-x-4 lg:mt-0">
<li>
<a
href="https://www.pinterest.com/gigsalad"
style="--c-300:var(--primary-300);--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 fi-color-custom text-custom-500 hover:text-custom-600 focus-visible:ring-custom-600 dark:text-custom-400 dark:hover:text-custom-300 dark:focus-visible:ring-custom-500 fi-color-primary"
>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M216,112c0,44.18-32,72-64,72s-41.63-21.07-41.63-21.07h0L128,88l13.14-55.83h0A80,80,0,0,1,216,112Z" opacity="0.2"/><path d="M224,112c0,22.57-7.9,43.2-22.23,58.11C188.39,184,170.25,192,152,192c-17.88,0-29.82-5.86-37.43-12l-10.78,45.82A8,8,0,0,1,96,232a8.24,8.24,0,0,1-1.84-.21,8,8,0,0,1-6-9.62l32-136a8,8,0,0,1,15.58,3.66l-16.9,71.8C122,166,131.3,176,152,176c27.53,0,56-23.94,56-64A72,72,0,1,0,73.63,148a8,8,0,0,1-13.85,8A88,88,0,1,1,224,112Z"/></svg>
</a>
</li>
<li>
<a
href="https://www.facebook.com/gigsalad"
style="--c-300:var(--primary-300);--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 fi-color-custom text-custom-500 hover:text-custom-600 focus-visible:ring-custom-600 dark:text-custom-400 dark:hover:text-custom-300 dark:focus-visible:ring-custom-500 fi-color-primary"
>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm8,191.63V152h24a8,8,0,0,0,0-16H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,0-16H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0,0,16h24v63.63a88,88,0,1,1,16,0Z"/></svg>
</a>
</li>
<li>
<a
href="https://www.instagram.com/gigsalad"
style="--c-300:var(--primary-300);--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 fi-color-custom text-custom-500 hover:text-custom-600 focus-visible:ring-custom-600 dark:text-custom-400 dark:hover:text-custom-300 dark:focus-visible:ring-custom-500 fi-color-primary"
>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M176,32H80A48,48,0,0,0,32,80v96a48,48,0,0,0,48,48h96a48,48,0,0,0,48-48V80A48,48,0,0,0,176,32ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"/><path d="M176,24H80A56.06,56.06,0,0,0,24,80v96a56.06,56.06,0,0,0,56,56h96a56.06,56.06,0,0,0,56-56V80A56.06,56.06,0,0,0,176,24Zm40,152a40,40,0,0,1-40,40H80a40,40,0,0,1-40-40V80A40,40,0,0,1,80,40h96a40,40,0,0,1,40,40ZM128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm64-84a12,12,0,1,1-12-12A12,12,0,0,1,192,76Z"/></svg>
</a>
</li>
</ul>
<div class="space-y-4 lg:space-y-2">
<div class="text-sm lg:text-right space-y-1">
<ul class="flex gap-md lg:justify-end">
<li>
<a
href="https://www.gigsalad.com/terms"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Terms
</span>
</a> </li>
<li>
<a
href="https://www.gigsalad.com/privacy"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Privacy
</span>
</a> </li>
</ul>
<ul class="space-y-1">
<li>
<a
href="https://www.gigsalad.com/privacy#california-notice-at-collection"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
CA Notice at collection
</span>
</a> </li>
<li class="max-xl:mt-2">
<a
href="https://www.gigsalad.com/contact?reason=do-not-sell-share-personal-info"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Do not sell or share my personal information
</span>
</a> </li>
</ul>
</div>
<ul class="flex flex-col lg:flex-row gap-1 lg:gap-md text-sm text-party-purple">
<li>
GigSalad © 2025
</li>
<li>
♥ Peace, Love & Gigs ®
</li>
</ul>
</div>
</div>
</div>
</footer>
<div
aria-modal="true"
role="dialog"
x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { detail: { id: 'category-modal' } }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { detail: { id: 'category-modal' } }),
)
})
},
}"
x-on:close-modal.window="if ($event.detail.id === 'category-modal') close()"
x-on:open-modal.window="if ($event.detail.id === 'category-modal') open()"
data-fi-modal-id="category-modal"
x-trap.noscroll.noautofocus="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}"
class="fi-modal inline-block"
>
<div x-cloak x-show="isOpen">
<div
aria-hidden="true"
x-show="isOpen"
x-transition.duration.300ms.opacity
class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"
></div>
<div
class="fixed inset-0 z-40 overflow-y-auto cursor-pointer"
>
<div
x-ref="modalContainer"
x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'category-modal' })
"
class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4" type="visual"
>
<div
x-data="{ isShown: false }"
x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
"
x-on:keydown.window.escape="$dispatch('close-modal', { id: 'category-modal' })"
x-show="isShown"
x-transition:enter="duration-300"
x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl max-w-md"
>
<div
class="fi-modal-header flex px-6 pt-6 gap-x-5"
>
<div
class="absolute end-4 top-4"
>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-modal-close-btn" title="Close" type="button" wire:loading.attr="disabled" tabindex="-1" x-on:click="$dispatch('close-modal', { id: 'category-modal' })"
>
<span class="sr-only">
Close
</span>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>
</button>
</div>
<svg
class="w-full h-full text-party-purple fill-peachy-coral"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 144 144"
fill="none"
>
<path fill="currentColor" d="M63.05 10.819a1.78 1.78 0 1 0-1.391 3.28 1.78 1.78 0 0 1 .943 2.335l-3.016 7.105-22.955-9.744 3.016-7.105a1.781 1.781 0 0 1 2.336-.944 1.781 1.781 0 1 0 1.392-3.28 5.344 5.344 0 0 0-7.007 2.832l-5.336 12.57a7.125 7.125 0 0 0 13.117 5.568l.928-2.186 3.28 1.392-.929 2.186a7.125 7.125 0 0 0 13.118 5.568l5.336-12.57a5.344 5.344 0 0 0-2.832-7.007ZM36.2 23.932a3.563 3.563 0 0 1-1.888-4.671l.522-1.23 2.496 6.178a3.545 3.545 0 0 1-1.13-.277Zm4.67-1.887c-.089.21-.198.411-.325.601l-1.616-4.006 2.87 1.218-.928 2.186Zm11.726 8.847a3.563 3.563 0 0 1-1.887-4.672l.522-1.23 2.496 6.178a3.545 3.545 0 0 1-1.131-.276Zm4.671-1.888c-.09.21-.199.412-.326.602L55.325 25.6l2.87 1.218-.929 2.186ZM116.412 2.426 97.946 5.68a1.875 1.875 0 0 0-1.52 2.173l3.255 18.465a1.876 1.876 0 0 0 2.172 1.52l18.466-3.255a1.875 1.875 0 0 0 1.521-2.172l-3.256-18.466a1.879 1.879 0 0 0-2.172-1.52Zm-2.383 9.66-5.323 7.603a.944.944 0 0 1-.972.378.94.94 0 0 1-.335-.147l-3.258-2.282a.937.937 0 1 1 1.076-1.537l2.49 1.745 4.785-6.835a.94.94 0 0 1 1.306-.23.933.933 0 0 1 .378.971.938.938 0 0 1-.147.335Z"/>
<path d="M119.333 47.136a7.47 7.47 0 0 0-6.874-1.284c-6.739 2.095-20.286 5.452-35.165 4.411-14.88-1.04-27.832-6.25-34.223-9.263a7.5 7.5 0 0 0-10.677 6.26L30.57 73.338c-1.172 16.76 2.235 32.885 9.598 45.396 7.626 12.967 18.58 20.565 30.84 21.422 12.26.857 24.165-5.156 33.521-16.922 9.032-11.355 14.65-26.85 15.821-43.608l1.825-26.088a7.502 7.502 0 0 0-2.842-6.401Zm-68.22 41.529a3.763 3.763 0 1 1-5.262-5.382c2.898-2.795 7.915-4.456 12.507-4.135 4.592.322 9.329 2.664 11.809 5.835a3.764 3.764 0 0 1-5.96 4.597c-1.155-1.49-3.964-2.781-6.372-2.95-2.409-.168-5.389.723-6.721 2.035Zm40.75 25.338a24.8 24.8 0 0 1-29.799 4.437 24.782 24.782 0 0 1-8.03-7.082 3.75 3.75 0 1 1 6.011-4.462 17.292 17.292 0 0 0 26.448 1.85 3.75 3.75 0 0 1 6.426 2.594 3.75 3.75 0 0 1-1.075 2.662l.019.001Zm11.292-21.384a3.751 3.751 0 0 1-5.263-.664c-1.155-1.49-3.964-2.782-6.372-2.95-2.408-.169-5.389.722-6.721 2.034a3.778 3.778 0 0 1-5.28-5.402c2.879-2.796 7.896-4.457 12.506-4.134 4.611.322 9.33 2.663 11.81 5.835a3.742 3.742 0 0 1 .76 2.782 3.749 3.749 0 0 1-1.44 2.499Z"/>
<path fill="currentColor" d="M112.729 40.291a7.473 7.473 0 0 0-6.993-.07c-6.273 3.232-19.03 8.89-33.865 10.45-14.834 1.559-28.494-1.323-35.311-3.18a7.5 7.5 0 0 0-9.428 8.019l2.733 25.999c1.756 16.708 7.911 31.996 17.334 43.039 9.762 11.445 21.868 17.026 34.092 15.742 12.223-1.285 22.903-9.275 30.073-22.486 6.923-12.751 9.765-28.986 8.009-45.694l-2.734-26.008a7.507 7.507 0 0 0-3.91-5.81Zm-.815 32.608c1.599 15.216-.939 29.901-7.141 41.346-5.958 10.982-14.572 17.59-24.264 18.609-9.692 1.019-19.492-3.655-27.603-13.162-8.447-9.915-13.982-23.742-15.581-38.958L34.59 54.726c7.332 1.996 22.018 5.09 38.064 3.404 16.046-1.687 29.773-7.768 36.525-11.244l2.735 26.018-.001-.005Zm-7.467 9.679a3.763 3.763 0 0 1-5.071 5.558c-1.397-1.268-4.387-2.052-6.788-1.8-2.401.253-5.181 1.648-6.265 3.171a3.764 3.764 0 1 1-6.117-4.386c2.349-3.254 7.001-5.76 11.598-6.243 4.596-.484 9.65 1.003 12.643 3.695v.005Zm-45.424 7.286c-2.42.255-5.181 1.648-6.266 3.171a3.764 3.764 0 0 1-6.117-4.386c2.368-3.256 7.02-5.762 11.599-6.244 4.578-.48 9.65 1.004 12.643 3.696a3.764 3.764 0 0 1-5.072 5.562c-1.377-1.264-4.368-2.053-6.787-1.799Zm37.854 17.321a24.804 24.804 0 0 1-17.935 10.751 24.808 24.808 0 0 1-19.78-6.787 3.75 3.75 0 1 1 5.165-5.44 17.285 17.285 0 0 0 13.83 4.769 17.285 17.285 0 0 0 12.537-7.54 3.744 3.744 0 0 1 2.407-1.564 3.754 3.754 0 0 1 4.372 3.003 3.755 3.755 0 0 1-.596 2.808Z"/>
</svg>
<div class="visual-header">What would you like to hire?</div>
</div>
<div
class="fi-modal-content flex flex-col gap-y-4 py-6 px-6"
>
<form wire:snapshot="{"data":{"formValues":[{"category":null},{"s":"arr"}],"searchTerm":"","componentFileAttachments":[[],{"s":"arr"}],"mountedFormComponentActions":[[],{"s":"arr"}],"mountedFormComponentActionsArguments":[[],{"s":"arr"}],"mountedFormComponentActionsData":[[],{"s":"arr"}],"mountedFormComponentActionsComponents":[[],{"s":"arr"}]},"memo":{"id":"5pK4WGYfh32y7RubKY67","name":"change-category","path":"Music-Groups\/Jazz-Band\/ON\/Toronto","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"81076159a8b55d58d11e2d2942a6aa6513e2580f4936897021b92f6bded9d2e4"}" wire:effects="[]" wire:id="5pK4WGYfh32y7RubKY67" wire:submit="searchCategory">
<input type="hidden" name="_token" value="a6ClLTyUvRGHGoegiMdT8yVtvWvQDRozuYDqWS2R" autocomplete="off"> <div
style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6" x-data="{}" x-on:form-validation-error.window="if ($event.detail.livewireId !== '5pK4WGYfh32y7RubKY67') {
return
}
$nextTick(() => {
let error = $el.querySelector('[data-validation-error]')
if (! error) {
return
}
let elementToExpand = error
while (elementToExpand) {
elementToExpand.dispatchEvent(new CustomEvent('expand'))
elementToExpand = elementToExpand.parentNode
}
setTimeout(
() =>
error.closest('[data-field-wrapper]').scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start',
}),
200,
)
})"
>
<!--[if BLOCK]><![endif]-->
<div
style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="5pK4WGYfh32y7RubKY67.formValues.category.Filament\Forms\Components\Select"
>
<!--[if BLOCK]><![endif]--> <div
data-field-wrapper
class="fi-fo-field-wrp"
>
<!--[if BLOCK]><![endif]--> <label for="formValues.category" class="sr-only">
Category
</label>
<!--[if ENDBLOCK]><![endif]-->
<div
class="grid gap-y-2"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div
class="grid auto-cols-fr gap-y-2"
>
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select" data-size="lg"
>
<!--[if BLOCK]><![endif]--> <div
class="fi-input-wrp-prefix items-center gap-x-3 ps-3 flex border-e border-gray-200 pe-3 ps-3 dark:border-white/10"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg style=";" class="fi-input-wrp-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2"/><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"/></svg> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<div
class="fi-input-wrp-input min-w-0 flex-1"
>
<!--[if BLOCK]><![endif]--> <div
class="hidden"
x-data="{
isDisabled: false,
init: function () {
const container = $el.nextElementSibling
container.dispatchEvent(
new CustomEvent('set-select-property', {
detail: { isDisabled: this.isDisabled },
}),
)
},
}"
></div>
<div
x-load
x-load-src="https://cress.gigsalad.com/js/filament/forms/components/select.js?v=3.3.20.0"
x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: true,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('formValues.category')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('formValues.category')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('formValues.category')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('formValues.category', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: true,
livewireId: '5pK4WGYfh32y7RubKY67',
hasDynamicOptions: false,
hasDynamicSearchResults: true,
loadingMessage: 'Loading...',
maxItems: null,
maxItemsMessage: 'Only can be selected.',
noSearchResultsMessage: 'No options match your search.',
options: [],
optionsLimit: 50,
placeholder: 'ex. face painter, pianist...',
position: null,
searchDebounce: 200,
searchingMessage: 'Searching categories...',
searchPrompt: 'Start typing to search...',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('formValues.category', false),
statePath: 'formValues.category',
})"
wire:ignore
x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()"
x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()"
class=""
>
<select
x-ref="input"
class="h-9 w-full rounded-lg border-none bg-transparent !bg-none" id="formValues.category"
></select>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<button
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full mt-4" type="submit" wire:loading.attr="disabled" wire:target="searchCategory" wire:loading.class="opacity-70"
>
<svg
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" wire:loading.delay.default="" wire:target="searchCategory"
>
<path
clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd"
fill="currentColor"
opacity="0.2"
></path>
<path
d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
fill="currentColor"
></path>
</svg>
<span
class="fi-btn-label"
>
Change category
</span>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div
aria-modal="true"
role="dialog"
x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { detail: { id: 'location-modal' } }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { detail: { id: 'location-modal' } }),
)
})
},
}"
x-on:close-modal.window="if ($event.detail.id === 'location-modal') close()"
x-on:open-modal.window="if ($event.detail.id === 'location-modal') open()"
data-fi-modal-id="location-modal"
x-trap.noscroll.noautofocus="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}"
class="fi-modal inline-block"
>
<div x-cloak x-show="isOpen">
<div
aria-hidden="true"
x-show="isOpen"
x-transition.duration.300ms.opacity
class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"
></div>
<div
class="fixed inset-0 z-40 overflow-y-auto cursor-pointer"
>
<div
x-ref="modalContainer"
x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'location-modal' })
"
class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4" type="visual"
>
<div
x-data="{ isShown: false }"
x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
"
x-on:keydown.window.escape="$dispatch('close-modal', { id: 'location-modal' })"
x-show="isShown"
x-transition:enter="duration-300"
x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl max-w-md"
>
<div
class="fi-modal-header flex px-6 pt-6 gap-x-5"
>
<div
class="absolute end-4 top-4"
>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-modal-close-btn" title="Close" type="button" wire:loading.attr="disabled" tabindex="-1" x-on:click="$dispatch('close-modal', { id: 'location-modal' })"
>
<span class="sr-only">
Close
</span>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>
</button>
</div>
<svg
class="w-full h-full text-party-purple fill-popsicle-blue"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 144 144"
fill="none"
>
<path fill="currentColor" d="m103.886 40.939-8.065-5.863a13.674 13.674 0 1 0-2.098 2.887l8.072 5.866a1.789 1.789 0 0 0 1.981.078 1.789 1.789 0 0 0 .831-1.8 1.798 1.798 0 0 0-.714-1.165l-.007-.003Zm-30.038-10.8a10.093 10.093 0 1 1 11.549 8.391 10.104 10.104 0 0 1-11.549-8.39ZM136.642 7.078l-18.341-3.899a1.875 1.875 0 0 0-2.224 1.444l-3.898 18.34a1.876 1.876 0 0 0 1.444 2.225l18.341 3.898a1.875 1.875 0 0 0 2.223-1.444l3.899-18.34a1.876 1.876 0 0 0-1.444-2.224Zm-5.829 8.065-7.783 5.055a.945.945 0 0 1-.706.13.94.94 0 0 1-.592-.406l-2.166-3.336a.935.935 0 0 1 .276-1.298.935.935 0 0 1 1.297.276l1.655 2.55 6.997-4.545a.943.943 0 0 1 1.043.014.941.941 0 0 1 .386.968.942.942 0 0 1-.407.592Z"/>
<path d="M122.663 56.769a4.002 4.002 0 0 0-3.371-.963l-31.024 5.49-29.53-17.443a4 4 0 0 0-2.732-.492l-32.48 5.749a4 4 0 0 0-3.294 3.659l-5.022 71.824a3.999 3.999 0 0 0 4.687 4.218l31.024-5.49 29.53 17.443a4.07 4.07 0 0 0 1.756.544c.326.022.654.005.976-.052l32.48-5.749a4.002 4.002 0 0 0 3.294-3.659l5.022-71.825a3.995 3.995 0 0 0-1.316-3.254Zm-70.704 58.365a3.99 3.99 0 0 0-.976.052l-27.435 4.853 4.447-63.595 27.948-4.947.448.262-4.432 63.375Zm59.235 13.039-27.948 4.947-.448-.262 4.432-63.375c.325.024.653.008.975-.047l27.436-4.858-4.447 63.595Z"/>
<path fill="currentColor" d="M118.292 50.445a3.996 3.996 0 0 0-3.487-.362L85.206 60.876l-32.11-12.05a4 4 0 0 0-2.776-.01L19.33 60.118a4 4 0 0 0-2.608 4.175L24.25 135.9a4.007 4.007 0 0 0 1.86 2.974 3.995 3.995 0 0 0 3.489.365l29.599-10.793 32.11 12.049a3.992 3.992 0 0 0 2.776.01l30.989-11.301a3.996 3.996 0 0 0 2.608-4.175l-7.526-71.606a4.002 4.002 0 0 0-1.862-2.977ZM56.344 58.59l25.123 9.426 6.592 62.714-25.123-9.425-6.592-62.715Zm-31.338 7.975 23.242-8.476 6.663 63.401-23.241 8.476-6.664-63.401Zm94.391 56.191-23.242 8.476-6.663-63.4 23.241-8.477 6.664 63.401Z"/>
</svg>
<div class="visual-header">Where is your event?</div>
</div>
<div
class="fi-modal-content flex flex-col gap-y-4 py-6 px-6"
>
<form wire:snapshot="{"data":{"placeholder":"Toronto, ON","queryParameters":[{"\/":"","google-custom-dimensions":[{"pageParentCategory":"Bands and Groups","pageCategory":"Jazz Band"},{"s":"arr"}]},{"s":"arr"}],"categoryGrandparentUri":"","categoryParentUri":"Music-Groups","categoryUri":"Jazz-Band","type":["results",{"class":"App\\Enums\\ChangeLocationType","s":"enm"}],"city":null,"formValues":[{"location":null},{"s":"arr"}],"buttonText":"Update location","pageUrl":"https:\/\/www.gigsalad.com\/Music-Groups\/Jazz-Band\/ON\/Toronto?%2F=","componentFileAttachments":[[],{"s":"arr"}],"mountedFormComponentActions":[[],{"s":"arr"}],"mountedFormComponentActionsArguments":[[],{"s":"arr"}],"mountedFormComponentActionsData":[[],{"s":"arr"}],"mountedFormComponentActionsComponents":[[],{"s":"arr"}]},"memo":{"id":"euu12lLfyfkJH94fFoJl","name":"change-location","path":"Music-Groups\/Jazz-Band\/ON\/Toronto","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"40452c8ca7b2515ed97485a1824bf7de384499e62ad0012d0c8ee99ef1f9a56b"}" wire:effects="[]" wire:id="euu12lLfyfkJH94fFoJl" wire:submit="saveLocation">
<input type="hidden" name="_token" value="a6ClLTyUvRGHGoegiMdT8yVtvWvQDRozuYDqWS2R" autocomplete="off"> <div
style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6" x-data="{}" x-on:form-validation-error.window="if ($event.detail.livewireId !== 'euu12lLfyfkJH94fFoJl') {
return
}
$nextTick(() => {
let error = $el.querySelector('[data-validation-error]')
if (! error) {
return
}
let elementToExpand = error
while (elementToExpand) {
elementToExpand.dispatchEvent(new CustomEvent('expand'))
elementToExpand = elementToExpand.parentNode
}
setTimeout(
() =>
error.closest('[data-field-wrapper]').scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start',
}),
200,
)
})"
>
<!--[if BLOCK]><![endif]-->
<div
style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="euu12lLfyfkJH94fFoJl.formValues.location.Filament\Forms\Components\Select"
>
<!--[if BLOCK]><![endif]--> <div
data-field-wrapper
class="fi-fo-field-wrp"
>
<!--[if BLOCK]><![endif]--> <label for="formValues.location" class="sr-only">
Location
</label>
<!--[if ENDBLOCK]><![endif]-->
<div
class="grid gap-y-2"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div
class="grid auto-cols-fr gap-y-2"
>
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-select" data-size="lg"
>
<!--[if BLOCK]><![endif]--> <div
class="fi-input-wrp-prefix items-center gap-x-3 ps-3 flex border-e border-gray-200 pe-3 ps-3 dark:border-white/10"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <svg style=";" class="fi-input-wrp-icon h-5 w-5 text-gray-400 dark:text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,24a80,80,0,0,0-80,80c0,72,80,128,80,128s80-56,80-128A80,80,0,0,0,128,24Zm0,112a32,32,0,1,1,32-32A32,32,0,0,1,128,136Z" opacity="0.2"/><path d="M200,224H150.54A266.56,266.56,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25a88,88,0,0,0-176,0c0,31.4,14.51,64.68,42,96.25A266.56,266.56,0,0,0,105.46,224H56a8,8,0,0,0,0,16H200a8,8,0,0,0,0-16ZM56,104a72,72,0,0,1,144,0c0,57.23-55.47,105-72,118C111.47,209,56,161.23,56,104Zm112,0a40,40,0,1,0-40,40A40,40,0,0,0,168,104Zm-64,0a24,24,0,1,1,24,24A24,24,0,0,1,104,104Z"/></svg> <!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<div
class="fi-input-wrp-input min-w-0 flex-1"
>
<!--[if BLOCK]><![endif]--> <div
class="hidden"
x-data="{
isDisabled: false,
init: function () {
const container = $el.nextElementSibling
container.dispatchEvent(
new CustomEvent('set-select-property', {
detail: { isDisabled: this.isDisabled },
}),
)
},
}"
></div>
<div
x-load
x-load-src="https://cress.gigsalad.com/js/filament/forms/components/select.js?v=3.3.20.0"
x-data="selectFormComponent({
canSelectPlaceholder: true,
isHtmlAllowed: true,
getOptionLabelUsing: async () => {
return await $wire.getFormSelectOptionLabel('formValues.location')
},
getOptionLabelsUsing: async () => {
return await $wire.getFormSelectOptionLabels('formValues.location')
},
getOptionsUsing: async () => {
return await $wire.getFormSelectOptions('formValues.location')
},
getSearchResultsUsing: async (search) => {
return await $wire.getFormSelectSearchResults('formValues.location', search)
},
isAutofocused: false,
isMultiple: false,
isSearchable: true,
livewireId: 'euu12lLfyfkJH94fFoJl',
hasDynamicOptions: false,
hasDynamicSearchResults: true,
loadingMessage: 'Loading...',
maxItems: null,
maxItemsMessage: 'Only can be selected.',
noSearchResultsMessage: 'No options match your search.',
options: [],
optionsLimit: 50,
placeholder: 'Toronto, ON',
position: null,
searchDebounce: 200,
searchingMessage: 'Searching locations...',
searchPrompt: 'Start typing to search...',
searchableOptionFields: JSON.parse('[\u0022label\u0022]'),
state: $wire.$entangle('formValues.location', false),
statePath: 'formValues.location',
})"
wire:ignore
x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()"
x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()"
class=""
>
<select
x-ref="input"
class="h-9 w-full rounded-lg border-none bg-transparent !bg-none" id="formValues.location"
></select>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<button
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full mt-4" type="submit" wire:loading.attr="disabled" wire:target="saveLocation" wire:loading.class="opacity-70"
>
<svg
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
class="animate-spin fi-btn-icon transition duration-75 h-5 w-5 text-white" wire:loading.delay.default="" wire:target="saveLocation"
>
<path
clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd"
fill="currentColor"
opacity="0.2"
></path>
<path
d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
fill="currentColor"
></path>
</svg>
<span
class="fi-btn-label"
>
Update location
</span>
</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://www.gigsalad.com/book-music","name":"Book Musicians"}},{"@type":"ListItem","position":2,"item":{"@id":"https://www.gigsalad.com/Music-Groups","name":"Bands and Groups"}},{"@type":"ListItem","position":3,"item":{"@id":"https://www.gigsalad.com/Music-Groups/Jazz-Band","name":"Jazz Bands"}},{"@type":"ListItem","position":4,"item":{"@id":"https://www.gigsalad.com/Music-Groups/Jazz-Band/ON/Toronto?%2F=","name":"Toronto Ontario Jazz Bands"}}]}</script><script type="application/ld+json">{"@context":"https://schema.org","":{"80":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/louis_pettinelli_entertainment","url":"https://www.gigsalad.com/louis_pettinelli_entertainment","address":{"@type":"PostalAddress","addressLocality":"Mississauga","addressRegion":"ON"},"name":"Louis Pettinelli Entertainment","image":"https://www.gigsalad.com/louis_pettinelli_entertainment/thumbnail/480","priceRange":"$300 dollars and up","aggregateRating":{"@type":"AggregateRating","ratingValue":4.91,"reviewCount":66}},"5":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/the_tavares_jazz_band_toronto","url":"https://www.gigsalad.com/the_tavares_jazz_band_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"The Tavares Jazz Band","image":"https://www.gigsalad.com/the_tavares_jazz_band_toronto/thumbnail/480","priceRange":"Contact for rates","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":21}},"56":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/tiffany_jazz_trio_toronto","url":"https://www.gigsalad.com/tiffany_jazz_trio_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Tiffany Jazz Trio","image":"https://www.gigsalad.com/tiffany_jazz_trio_toronto/thumbnail/480","priceRange":"$500-$2500","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":18}},"36":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/the_sean_stanley_trio_toronto","url":"https://www.gigsalad.com/the_sean_stanley_trio_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"The Sean Stanley Trio","image":"https://www.gigsalad.com/the_sean_stanley_trio_toronto/thumbnail/480","priceRange":"$400-2000","aggregateRating":{"@type":"AggregateRating","ratingValue":4.89,"reviewCount":18}},"70":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/the_nightbird_band_toronto","url":"https://www.gigsalad.com/the_nightbird_band_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"The Nightbird Band","image":"https://www.gigsalad.com/the_nightbird_band_toronto/thumbnail/480","priceRange":"Contact for rates"},"40":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/the_jazz_love_duo_toronto","url":"https://www.gigsalad.com/the_jazz_love_duo_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"The Jazz Love Duo","image":"https://www.gigsalad.com/the_jazz_love_duo_toronto/thumbnail/480","priceRange":"$200 - $600","aggregateRating":{"@type":"AggregateRating","ratingValue":4.5,"reviewCount":2}},"22":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/lenny_graf_toronto","url":"https://www.gigsalad.com/lenny_graf_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Lenny Graf","image":"https://www.gigsalad.com/lenny_graf_toronto/thumbnail/480","priceRange":"Contact for rates","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":2}},"43":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/the_kensie_jazz_and_dance_band","url":"https://www.gigsalad.com/the_kensie_jazz_and_dance_band","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"The Kensie Jazz and Dance Band","image":"https://www.gigsalad.com/the_kensie_jazz_and_dance_band/thumbnail/480","priceRange":"$875 and up","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":53}},"77":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/denielle_bassels_toronto","url":"https://www.gigsalad.com/denielle_bassels_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Denielle Bassels","image":"https://www.gigsalad.com/denielle_bassels_toronto/thumbnail/480","priceRange":"$900 - 5000","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":3}},"61":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/dreamland_guitar_music_toronto","url":"https://www.gigsalad.com/dreamland_guitar_music_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Dreamland Guitar Music","image":"https://www.gigsalad.com/dreamland_guitar_music_toronto/thumbnail/480","priceRange":"Contact for rates","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":1}},"60":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/just_us_oshawa","url":"https://www.gigsalad.com/just_us_oshawa","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Just Us","image":"https://www.gigsalad.com/just_us_oshawa/thumbnail/480","priceRange":"Contact for rates","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":16}},"21":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/faith_amour_toronto","url":"https://www.gigsalad.com/faith_amour_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Faith Amour","image":"https://www.gigsalad.com/faith_amour_toronto/thumbnail/480","priceRange":"$500 -$5000","aggregateRating":{"@type":"AggregateRating","ratingValue":4.99,"reviewCount":15}},"91":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/jazz_in_the_boardroom_toronto","url":"https://www.gigsalad.com/jazz_in_the_boardroom_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Jazz in the Boardroom","image":"https://www.gigsalad.com/jazz_in_the_boardroom_toronto/thumbnail/480","priceRange":"$500 and up","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":1}},"48":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/the_reposadists_toronto","url":"https://www.gigsalad.com/the_reposadists_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"The Reposadists","image":"https://www.gigsalad.com/the_reposadists_toronto/thumbnail/480","priceRange":"Contact for rates"},"73":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/feeling_buble_toronto","url":"https://www.gigsalad.com/feeling_buble_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Feeling Buble","image":"https://www.gigsalad.com/feeling_buble_toronto/thumbnail/480","priceRange":"Contact for rates"},"71":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/jon_bouchard_combo_toronto","url":"https://www.gigsalad.com/jon_bouchard_combo_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Jon Bouchard Combo","image":"https://www.gigsalad.com/jon_bouchard_combo_toronto/thumbnail/480","priceRange":"$75 and up","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":2}},"89":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/silveira_entertainment_york","url":"https://www.gigsalad.com/silveira_entertainment_york","address":{"@type":"PostalAddress","addressLocality":"York","addressRegion":"ON"},"name":"Silveira Entertainment","image":"https://www.gigsalad.com/silveira_entertainment_york/thumbnail/480","priceRange":"$300 and up","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":1}},"67":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/a-zone_jazz_band_toronto","url":"https://www.gigsalad.com/a-zone_jazz_band_toronto","address":{"@type":"PostalAddress","addressLocality":"Richmond Hill","addressRegion":"ON"},"name":"A-ZONE Jazz Band","image":"https://www.gigsalad.com/a-zone_jazz_band_toronto/thumbnail/480","priceRange":"$600 and up","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":2}},"24":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/dually_noted_niagara_on_the_lake","url":"https://www.gigsalad.com/dually_noted_niagara_on_the_lake","address":{"@type":"PostalAddress","addressLocality":"Niagara on the Lake","addressRegion":"ON"},"name":"Dually Noted","image":"https://www.gigsalad.com/dually_noted_niagara_on_the_lake/thumbnail/480","priceRange":"$350-$1200","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":1}},"90":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/stacey_macintyre_music_virgil","url":"https://www.gigsalad.com/stacey_macintyre_music_virgil","address":{"@type":"PostalAddress","addressLocality":"Virgil","addressRegion":"ON"},"name":"Stacey MacIntyre Music","image":"https://www.gigsalad.com/stacey_macintyre_music_virgil/thumbnail/480","priceRange":"$500 - $2000","aggregateRating":{"@type":"AggregateRating","ratingValue":5,"reviewCount":1}},"72":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/chris_molyneaux_jazz_trio_toronto","url":"https://www.gigsalad.com/chris_molyneaux_jazz_trio_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Chris Molyneaux Jazz Trio","image":"https://www.gigsalad.com/chris_molyneaux_jazz_trio_toronto/thumbnail/480","priceRange":"Contact for rates"},"19":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/david_rubel_music_toronto","url":"https://www.gigsalad.com/david_rubel_music_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"David Rubel Music","image":"https://www.gigsalad.com/david_rubel_music_toronto/thumbnail/480","priceRange":"Contact for rates"},"52":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/terry_logan_jazzconcepts_toronto","url":"https://www.gigsalad.com/terry_logan_jazzconcepts_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Terry Logan JazzConcepts","image":"https://www.gigsalad.com/terry_logan_jazzconcepts_toronto/thumbnail/480","priceRange":"Contact for rates"},"38":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/riddim_jazz_crew_toronto","url":"https://www.gigsalad.com/riddim_jazz_crew_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Riddim & Jazz crew","image":"https://www.gigsalad.com/riddim_jazz_crew_toronto/thumbnail/480","priceRange":"Contact for rates"},"113":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/howard_moore_toronto","url":"https://www.gigsalad.com/howard_moore_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Howard Moore","image":"https://www.gigsalad.com/howard_moore_toronto/thumbnail/480","priceRange":"Contact for rates"},"23":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/lady_be_good_toronto","url":"https://www.gigsalad.com/lady_be_good_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Lady Be Good","image":"https://www.gigsalad.com/lady_be_good_toronto/thumbnail/480","priceRange":"$1500 - $5000","aggregateRating":{"@type":"AggregateRating","ratingValue":4.9,"reviewCount":4}},"95":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/jazz_standards_live_jazz_groups_toronto","url":"https://www.gigsalad.com/jazz_standards_live_jazz_groups_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Jazz Standards Live Jazz Groups","image":"https://www.gigsalad.com/jazz_standards_live_jazz_groups_toronto/thumbnail/480","priceRange":"Contact for rates"},"100":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/jesse_dietschi_trio_toronto","url":"https://www.gigsalad.com/jesse_dietschi_trio_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Jesse Dietschi Trio","image":"https://www.gigsalad.com/jesse_dietschi_trio_toronto/thumbnail/480","priceRange":"Contact for rates"},"98":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/ataraxia_toronto","url":"https://www.gigsalad.com/ataraxia_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Ataraxia","image":"https://www.gigsalad.com/ataraxia_toronto/thumbnail/480","priceRange":"$450 and up"},"59":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/the_sidemen_toronto","url":"https://www.gigsalad.com/the_sidemen_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"The Sidemen","image":"https://www.gigsalad.com/the_sidemen_toronto/thumbnail/480","priceRange":"Contact for rates"},"58":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/cat_bernardi_music_toronto","url":"https://www.gigsalad.com/cat_bernardi_music_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Cat Bernardi Music","image":"https://www.gigsalad.com/cat_bernardi_music_toronto/thumbnail/480","priceRange":"Contact for rates"},"55":{"@context":"http://schema.org","@type":"LocalBusiness","@id":"https://www.gigsalad.com/robert_chapman_music_toronto","url":"https://www.gigsalad.com/robert_chapman_music_toronto","address":{"@type":"PostalAddress","addressLocality":"Toronto","addressRegion":"ON"},"name":"Robert Chapman Music","image":"https://www.gigsalad.com/robert_chapman_music_toronto/thumbnail/480","priceRange":"$150 and up"}}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"GigSalad","description":"GigSalad helps you hire live entertainment & book event services for your events!","url":"https://www.gigsalad.com","logo":"https://www.gigsalad.com/images/logo.png","sameAs":["https://www.facebook.com/gigsalad","https://www.instagram.com/gigsalad","https://www.linkedin.com/company/gigsalad"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"GigSalad","description":"GigSalad helps you hire live entertainment & book event services for your events!","url":"https://www.gigsalad.com"}</script>
<div wire:snapshot="{"data":{"isFilamentNotificationsComponent":true,"notifications":[[],{"class":"Filament\\Notifications\\Collection","s":"wrbl"}]},"memo":{"id":"mtIMxQgRI1gX2Qs5gtS8","name":"notifications","path":"Music-Groups\/Jazz-Band\/ON\/Toronto","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"8ed00c2cbdfc6d1e31ccd1e0c98f7274dbad1c62939f2a50346ec96e63a0a7fa"}" wire:effects="{"listeners":["notificationsSent","notificationSent","notificationClosed"]}" wire:id="mtIMxQgRI1gX2Qs5gtS8">
<div
class="fi-no pointer-events-none fixed inset-4 z-50 mx-auto flex gap-3 items-end flex-col-reverse justify-end"
role="status"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<script src="https://cress.gigsalad.com/vendor/livewire/livewire.js" data-csrf="a6ClLTyUvRGHGoegiMdT8yVtvWvQDRozuYDqWS2R" data-update-uri="/livewire/update" data-navigate-once="true"></script>
<script>
window.filamentData = [] </script>
<script
src="https://cress.gigsalad.com/js/filament/notifications/notifications.js?v=3.3.20.0"
></script>
<script
src="https://cress.gigsalad.com/js/filament/support/support.js?v=3.3.20.0"
></script>
<style>
:root {
}
</style>
<script>
const bugsnagConfig = {
apiKey: 'b4d03e22f81c42ed4e6f8eb73c8bb844'
};
const bugsnagClient = bugsnag(bugsnagConfig);
</script>
<script>
document.addEventListener('alpine:init', () => {
window.addEventListener('open-modal', (event) => {
if (event.detail?.id === 'login-modal' && !window.grecaptcha) {
// console.log('Login modal opened — injecting reCAPTCHA'); // Debugging
if (!document.querySelector('#recaptcha-script')) {
const s = document.createElement('script');
s.id = 'recaptcha-script';
s.defer = true;
s.src = 'https://www.google.com/recaptcha/api.js?render=6Lc8YmkjAAAAAJBVrWOF0t1bSbJMoxqG6NNOgobm';
document.head.appendChild(s);
// console.log('reCAPTCHA script loaded'); // Debugging
}
}
});
});
</script>
<div
aria-labelledby="login-modal.heading"
aria-modal="true"
role="dialog"
x-data="{
isOpen: false,
livewire: null,
close: function () {
this.isOpen = false
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-closed', { detail: { id: 'login-modal' } }),
)
},
open: function () {
this.$nextTick(() => {
this.isOpen = true
this.$refs.modalContainer.dispatchEvent(
new CustomEvent('modal-opened', { detail: { id: 'login-modal' } }),
)
})
},
}"
x-on:close-modal.window="if ($event.detail.id === 'login-modal') close()"
x-on:open-modal.window="if ($event.detail.id === 'login-modal') open()"
data-fi-modal-id="login-modal"
x-trap.noscroll="isOpen"
x-bind:class="{
'fi-modal-open': isOpen,
}"
class="fi-modal inline-block"
>
<div x-cloak x-show="isOpen">
<div
aria-hidden="true"
x-show="isOpen"
x-transition.duration.300ms.opacity
class="fi-modal-close-overlay fixed inset-0 z-40 bg-gray-950/50 dark:bg-gray-950/75"
></div>
<div
class="fixed inset-0 z-40 overflow-y-auto cursor-pointer"
>
<div
x-ref="modalContainer"
x-on:click.self="
document.activeElement.selectionStart === undefined &&
document.activeElement.selectionEnd === undefined &&
$dispatch('close-modal', { id: 'login-modal' })
"
class="relative grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center sm:grid-rows-[1fr_auto_3fr] p-4"
>
<div
x-data="{ isShown: false }"
x-init="
$nextTick(() => {
isShown = isOpen
$watch('isOpen', () => (isShown = isOpen))
})
"
x-on:keydown.window.escape="$dispatch('close-modal', { id: 'login-modal' })"
x-show="isShown"
x-transition:enter="duration-300"
x-transition:leave="duration-300"
x-transition:enter-start="scale-95 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-95 opacity-0"
class="fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl max-w-xl"
>
<div
class="fi-modal-header flex px-6 pt-6 gap-x-5"
>
<div
class="absolute end-4 top-4"
>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-9 w-9 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-modal-close-btn" title="Close" type="button" wire:loading.attr="disabled" tabindex="-1" x-on:click="$dispatch('close-modal', { id: 'login-modal' })"
>
<span class="sr-only">
Close
</span>
<svg class="fi-icon-btn-icon h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
</svg>
</button>
</div>
<div
class=""
>
<h2
class="fi-modal-heading text-base font-semibold leading-6 text-gray-950 dark:text-white me-6"
>
</h2>
</div>
</div>
<div
class="fi-modal-content flex flex-col gap-y-4 py-6 px-6"
>
<div class="p-2 pt-0 sm:p-6 sm:pt-0">
<div wire:snapshot="{"data":{"formData":[{"email":null,"password":null},{"s":"arr"}],"id":"Bj6Ap1evBYGM5wvq","isProcessing":false,"recaptchaToken":"token","currentView":"login","statusMessage":null,"componentFileAttachments":[[],{"s":"arr"}],"mountedFormComponentActions":[[],{"s":"arr"}],"mountedFormComponentActionsArguments":[[],{"s":"arr"}],"mountedFormComponentActionsData":[[],{"s":"arr"}],"mountedFormComponentActionsComponents":[[],{"s":"arr"}]},"memo":{"id":"lx6pkVrGjNi7Nk5mQQVk","name":"auth.login-form","path":"Music-Groups\/Jazz-Band\/ON\/Toronto","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"72ace65093ed2b61925f8ad6a24c057e720cb9fafeba077908463b65b4b01511"}" wire:effects="[]" wire:id="lx6pkVrGjNi7Nk5mQQVk"
x-data="{
state: $wire.$entangle('formData'),
isProcessing: $wire.$entangle('isProcessing'),
recaptchaToken: $wire.$entangle('recaptchaToken'),
currentView: $wire.$entangle('currentView'),
statusMessage: $wire.$entangle('statusMessage'),
executeRecaptcha() {
//console.log(this.currentView); // Debugging
this.isProcessing = true;
if (typeof grecaptcha === 'undefined') {
// window.___grecaptcha_cfg is a global variable that stores reCAPTCHA's
// configuration. By default, any functions listed in its 'fns' property
// are automatically executed when reCAPTCHA loads.
const c = '___grecaptcha_cfg';
window[c] = window[c] || {};
(window[c]['fns'] = window[c]['fns']||[]).push(this.executeRecaptcha);
} else {
// console.log(___grecaptcha_cfg); // Debugging
grecaptcha.ready(() => {
grecaptcha.execute('6Lc8YmkjAAAAAJBVrWOF0t1bSbJMoxqG6NNOgobm', {action: 'login'}).then((token) => {
// console.log(token); // Debugging
// Update the Livewire model.
this.recaptchaToken = token;
this.$wire.call('login');
});
});
}
},
handleCloseEvent() {
this.$wire.call('handleModalClose');
}
}"
x-init="
window.addEventListener('close-modal', () => {
if (event.detail?.id === 'login-modal') {
// console.log('Login modal closed - reseting form state') // Debugging
handleCloseEvent();
}
});
"
>
<form wire:submit.prevent="login" x-on:keydown.enter="executeRecaptcha" wire:key="login-Bj6Ap1evBYGM5wvq">
<input type="hidden" name="_token" value="a6ClLTyUvRGHGoegiMdT8yVtvWvQDRozuYDqWS2R" autocomplete="off"> <div class="flex flex-col gap-y-md">
<div class="w-full flex flex-col items-center space-y-md justify-center">
<a class="block h-12 text-party-purple">
<svg xmlns="http://www.w3.org/2000/svg" class="h-full min-h-3 w-auto" viewBox="0 0 54 56" fill="none"><path fill="currentColor" d="M49.5936 37.8312C51.6913 34.4777 52.923 30.5526 53 26.3607l-.0192-4.268C52.7691 10.4126 43.1658 1 31.3686 1h-2.7328c-.5581 0-1.1162.22865-1.5203.62878l-3.3679 3.23916C20.245 2.42904 15.9726 1 11.3731 1H8.37084c-.55811 0-1.11621.22865-1.52036.62878L1.63509 6.81144C1.23094 7.21157 1 7.76413 1 8.33575V22.3785c0 1.1813.96225 2.134 2.1362 2.134h2.75203c.09623 0 .15396.1334.07698.1905l-4.17616 3.3726C1.28867 28.4757 1 29.1045 1 29.7333v2.6485C1 44.843 11.2191 55.1321 23.7668 54.9987c13.2021 0 22.0356-11.6419 25.8268-17.1675Z"/><path class="fill-white" d="M39.9866 22.3426c0-4.3252-2.194-7.8692-7.7365-8.2503-.5581-.0381-1.0008-.4954-1.0008-1.067V5.89914c0-.62878.5197-1.10513 1.1547-1.06702 9.2184.59067 16.5122 8.25038 16.5122 17.60578h-8.9104c-.0192-.0381-.0192-.0571-.0192-.0953ZM11.35 5.89914v7.22146c0 .5525.4234 1.0098.9623 1.067 4.1376.4763 7.3515 3.9822 7.3515 8.2503h9.3531c0-9.3554-7.2938-17.01511-16.5122-17.60578-.6158-.03811-1.1547.4573-1.1547 1.06702Zm2.2902 19.98756c-1.2895 0-2.2902 1.1432-2.1362 2.4198 1.1932 9.203 9.0644 16.3292 18.6099 16.3292 10.373 0 18.7639-8.4028 18.7639-18.749H13.6402Z"/></svg>
</a>
<div class="flex flex-col text-center gap-2xs mt-6">
<h3 class="text-party-purple">Welcome back!</h3>
<p>Please enter your details.</p>
</div>
</div>
<div class="space-y-md">
<div
style="--cols-default: repeat(1, minmax(0, 1fr));" class="grid grid-cols-[--cols-default] fi-fo-component-ctn gap-6" x-data="{}" x-on:form-validation-error.window="if ($event.detail.livewireId !== 'lx6pkVrGjNi7Nk5mQQVk') {
return
}
$nextTick(() => {
let error = $el.querySelector('[data-validation-error]')
if (! error) {
return
}
let elementToExpand = error
while (elementToExpand) {
elementToExpand.dispatchEvent(new CustomEvent('expand'))
elementToExpand = elementToExpand.parentNode
}
setTimeout(
() =>
error.closest('[data-field-wrapper]').scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'start',
}),
200,
)
})"
>
<!--[if BLOCK]><![endif]-->
<div
style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="lx6pkVrGjNi7Nk5mQQVk.formData.email.Filament\Forms\Components\TextInput"
>
<!--[if BLOCK]><![endif]--> <div
data-field-wrapper
class="fi-fo-field-wrp"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
class="grid gap-y-2"
>
<!--[if BLOCK]><![endif]--> <div
class="flex items-center gap-x-3 justify-between "
>
<!--[if BLOCK]><![endif]--> <label
class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="email-Bj6Ap1evBYGM5wvq"
>
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white">
Email<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div
class="grid auto-cols-fr gap-y-2"
>
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden" data-size="lg"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
class="fi-input-wrp-input min-w-0 flex-1"
>
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3" autocomplete="username" id="email-Bj6Ap1evBYGM5wvq" placeholder="Email Address" required="required" type="email" wire:model="formData.email"
/>
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div
style="--col-span-default: span 1 / span 1;" class="col-[--col-span-default]" wire:key="lx6pkVrGjNi7Nk5mQQVk.formData.password.Filament\Forms\Components\TextInput"
>
<!--[if BLOCK]><![endif]--> <div
data-field-wrapper
class="fi-fo-field-wrp"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
class="grid gap-y-2"
>
<!--[if BLOCK]><![endif]--> <div
class="flex items-center gap-x-3 justify-between "
>
<!--[if BLOCK]><![endif]--> <label
class="fi-fo-field-wrp-label inline-flex items-center gap-x-3" for="password-Bj6Ap1evBYGM5wvq"
>
<span class="text-sm font-medium leading-6 text-gray-950 dark:text-white">
Password<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</span>
</label>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div
class="grid auto-cols-fr gap-y-2"
>
<div
class="fi-input-wrp flex rounded-lg shadow-sm ring-1 transition duration-75 bg-white dark:bg-white/5 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-2 ring-gray-950/10 dark:ring-white/20 [&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-600 dark:[&:not(:has(.fi-ac-action:focus))]:focus-within:ring-primary-500 fi-fo-text-input overflow-hidden" x-data="{ isPasswordRevealed: false }" data-size="lg"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<div
class="fi-input-wrp-input min-w-0 flex-1"
>
<input
class="fi-input block w-full border-none py-1.5 text-base text-gray-950 transition duration-75 placeholder:text-gray-400 focus:ring-0 disabled:text-gray-500 disabled:[-webkit-text-fill-color:theme(colors.gray.500)] disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.400)] dark:text-white dark:placeholder:text-gray-500 dark:disabled:text-gray-400 dark:disabled:[-webkit-text-fill-color:theme(colors.gray.400)] dark:disabled:placeholder:[-webkit-text-fill-color:theme(colors.gray.500)] sm:text-sm sm:leading-6 bg-white/0 ps-3 pe-3 [&::-ms-reveal]:hidden" autocomplete="current-password" id="password-Bj6Ap1evBYGM5wvq" placeholder="Password" required="required" wire:model="formData.password" x-bind:type="isPasswordRevealed ? 'text' : 'password'"
/>
</div>
<!--[if BLOCK]><![endif]--> <div
class="fi-input-wrp-suffix flex items-center gap-x-3 pe-3 border-s border-gray-200 ps-3 dark:border-white/10"
>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--> <div class="flex items-center gap-3">
<!--[if BLOCK]><![endif]--> <button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-8 w-8 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-ac-action fi-ac-icon-btn-action" title="Show password" type="button" wire:loading.attr="disabled" x-on:click="isPasswordRevealed = true" x-show="! isPasswordRevealed"
>
<span class="sr-only">
Show password
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"/><path d="M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z"/></svg>
</button>
<button
style="--c-300:var(--gray-300);--c-400:var(--gray-400);--c-500:var(--gray-500);--c-600:var(--gray-600);" class="fi-icon-btn relative flex items-center justify-center rounded-lg outline-none transition duration-75 focus-visible:ring-2 -m-1.5 h-8 w-8 text-gray-400 hover:text-gray-500 focus-visible:ring-primary-600 dark:text-gray-500 dark:hover:text-gray-400 dark:focus-visible:ring-primary-500 fi-color-gray fi-ac-action fi-ac-icon-btn-action" title="Hide password" type="button" wire:loading.attr="disabled" x-on:click="isPasswordRevealed = false" x-cloak="x-cloak" x-show="isPasswordRevealed"
>
<span class="sr-only">
Hide password
</span>
<svg class="fi-icon-btn-icon h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" opacity="0.2"/><path d="M53.92,34.62A8,8,0,1,0,42.08,45.38L61.32,66.55C25,88.84,9.38,123.2,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208a127.11,127.11,0,0,0,52.07-10.83l22,24.21a8,8,0,1,0,11.84-10.76Zm47.33,75.84,41.67,45.85a32,32,0,0,1-41.67-45.85ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.16,133.16,0,0,1,25,128c4.69-8.79,19.66-33.39,47.35-49.38l18,19.75a48,48,0,0,0,63.66,70l14.73,16.2A112,112,0,0,1,128,192Zm6-95.43a8,8,0,0,1,3-15.72,48.16,48.16,0,0,1,38.77,42.64,8,8,0,0,1-7.22,8.71,6.39,6.39,0,0,1-.75,0,8,8,0,0,1-8-7.26A32.09,32.09,0,0,0,134,96.57Zm113.28,34.69c-.42.94-10.55,23.37-33.36,43.8a8,8,0,1,1-10.67-11.92A132.77,132.77,0,0,0,231.05,128a133.15,133.15,0,0,0-23.12-30.77C185.67,75.19,158.78,64,128,64a118.37,118.37,0,0,0-19.36,1.57A8,8,0,1,1,106,49.79,134,134,0,0,1,128,48c34.88,0,66.57,13.26,91.66,38.35,18.83,18.83,27.3,37.62,27.65,38.41A8,8,0,0,1,247.31,131.26Z"/></svg>
</button>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<!--[if ENDBLOCK]><![endif]-->
</div>
<div class="flex items-center justify-start">
<a
href="https://www.gigsalad.com/forgot-password"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Forgot your password?
</span>
</a> </div>
<button
style="--c-400:var(--primary-400);--c-500:var(--primary-500);--c-600:var(--primary-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-primary fi-color-primary fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" type="button" wire:loading.attr="disabled" wire:loading.class="opacity-70" x-on:click="executeRecaptcha"
>
<span
class="fi-btn-label"
>
<div class="flex gap-2">
Log in
<svg
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
class="animate-spin size-5" x-show="isProcessing"
>
<path
clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd"
fill="currentColor"
opacity="0.2"
></path>
<path
d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
fill="currentColor"
></path>
</svg>
</div>
</span>
</button>
</div>
<div class="flex items-center justify-between">
<hr class="w-full"/>
<span class="px-3 text-xs text-gray-500">OR</span>
<hr class="w-full"/>
</div>
<a
href="https://www.gigsalad.com/auth/facebook/redirect"
style="--c-400:var(--facebook-400);--c-500:var(--facebook-500);--c-600:var(--facebook-600);" class="fi-btn relative grid-flow-col items-center justify-center font-semibold outline-none transition duration-75 focus-visible:ring-2 rounded-lg fi-color-custom fi-btn-color-facebook fi-color-facebook fi-size-xl fi-btn-size-xl gap-1.5 px-4 py-3 text-sm inline-grid shadow-sm bg-custom-600 text-white hover:bg-custom-500 focus-visible:ring-custom-500/50 dark:bg-custom-500 dark:hover:bg-custom-400 dark:focus-visible:ring-custom-400/50 w-full" wire:loading.class="opacity-70"
>
<svg class="fi-btn-icon transition duration-75 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor"><path d="M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z"/></svg>
<span
class="fi-btn-label"
>
Sign in with Facebook
</span>
</a>
<div class="flex flex-col justify-center items-center gap-3xs">
<div><span class="text-sm">Not on GigSalad? </span><a
href="https://www.gigsalad.com/join"
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary"
>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Get started here.
</span>
</a></div>
<div><button
class="fi-link group/link relative inline-flex items-center justify-center outline-none fi-size-sm fi-link-size-sm gap-1 fi-color-custom fi-color-primary" type="button" wire:loading.attr="disabled" wire:target="showTroubleshootLogin" wire:click.prevent="showTroubleshootLogin"
>
<svg
fill="none"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
class="animate-spin fi-link-icon h-4 w-4 text-custom-600 dark:text-custom-400" style="--c-400:var(--primary-400);--c-600:var(--primary-600);" wire:loading.delay.default="" wire:target="showTroubleshootLogin"
>
<path
clip-rule="evenodd"
d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
fill-rule="evenodd"
fill="currentColor"
opacity="0.2"
></path>
<path
d="M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z"
fill="currentColor"
></path>
</svg>
<span class="font-semibold text-sm text-custom-600 dark:text-custom-400 group-hover/link:underline group-focus-visible/link:underline" style="--c-400:var(--primary-400);--c-600:var(--primary-600);">
Having trouble logging in?
</span>
</button></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
- Log in to post comments