50"
@active-field-changed.window="$store.headerState.headerActiveField = $event.detail"
class="sp-bg-[#fafafa] sp-transition-all sp-duration-300 sp-ease-in-out">
Event Type
Search
destinations
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType === 'All Events' || eventType === '' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
All Events
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Clubbing' && selectedEventTypeId ==
'5' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Clubbing
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Pool Party' && selectedEventTypeId ==
'10' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Pool Party
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Christmas' && selectedEventTypeId ==
'14' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Christmas
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Ladies Night' && selectedEventTypeId ==
'3' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Ladies Night
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Ladies Day' && selectedEventTypeId ==
'2' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Ladies Day
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Dinner Party' && selectedEventTypeId ==
'4' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Dinner Party
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Brunch' && selectedEventTypeId ==
'1' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Brunch
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Evening Brunch' && selectedEventTypeId ==
'6' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Evening Brunch
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Abu Dhabi' && selectedEventTypeId ==
'7' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Abu Dhabi
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Afterparty' && selectedEventTypeId ==
'8' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Afterparty
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Promotions' && selectedEventTypeId ==
'9' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Promotions
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'test2' && selectedEventTypeId ==
'13' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
test2
activeField = 'date')"
type="button"
class="sp-flex sp-gap-2 sp-items-center sp-border sp-rounded-lg sp-p-2 filter-event-type-button sp-w-full hover:sp-bg-gray-50 sp-transition-colors sp-duration-150"
:class="eventType == 'Dinner Show' && selectedEventTypeId ==
'16' ?
'sp-bg-transparent-gold sp-border-gold' : ''">
Dinner Show
Find
Event
Find Your Event
All Events
Clubbing
Pool Party
Christmas
Ladies Night
Ladies Day
Dinner Party
Brunch
Evening Brunch
Abu Dhabi
Afterparty
Promotions
test2
Dinner Show
POST CATEGORY
Wednesday
Endless Events Endless Events is a nationwide event production company. They have experience helping their clients put on some pretty memorable events like Comic-Con, The Color Run, and the X-Games. Putting on these events has been no easy task. But the team at Endless is eager to share their events best practices via their event planning blog.
tags: