{layout="Home/_main_wrap"}

{exp:channel:entries channel="single_pages" disable="categories|member_data|category_fields|pagination" limit="1" dynamic="no" entry_id="142"}

<section class="head overflow-hidden" id="anim">
	<div class="container-fluid home-hero">
		<div class="row justify-content-center">
			<div class="col-xs-12 text-center col-lg-10">
				<img class="img-fluid main-img mx-auto d-block padding-bottom-soulard soulard-graphic" src="https://stlmardigras.org/images/uploads/Soulard-Mardi-Gras_hero_logo.svg" alt="Soulard Mardi Gras 2025"/>
			</div>
		</div><!-- end row -->


		<div class="row justify-content-center mx-auto">

		 	 <div class="text-center justify-content-center col-xl-3 col-lg-3 col-md-5"> {!-- col-xl-8 col-lg-8 col-md-12 col-sm-12 --}
					<a href="/events" class="btn btn-xl js-scroll-trigger button-top-margin uppercase">Events</a>
			</div>

		</div><!-- end row -->
	</div><!-- end container-fluid -->
</section>

{if home_featured_slides}

<section class="featured-events">
		<div class="hero_container" style="background: none;">
			<div class="hero_container_inner">
			<div class="hero_container_border">
				<img src="/imgs/home-2025/home_new_border-top.svg" />
			</div>
			<div class="hero_container_feature_grid" style="">
				{home_featured_slides}
				<a href="{home_featured_slides:feat_slide_url}"><img src="{home_featured_slides:feat_slide_image}{img:url:resize width='1000'}{/home_featured_slides:feat_slide_image}"/></a>
				{/home_featured_slides}
			</div>
			<div class="hero_container_border flipped">
				<img src="/imgs/home-2025/home_new_border-top.svg" />
			</div>
			</div>
		</div>
</section>

{/if}

<section class="home_event_listing">
		<div class="row home_event_listing__grid">
			
			{home_event_listing}
			<div class="event_column">
				<a href="/events/{home_event_listing:url_title}">
					{home_event_listing:home_listing_image}<img src="{img:url}" alt="{img:title}"/>{/home_event_listing:home_listing_image}
					{if home_event_listing:events_short_date}<span class="home_event_listing__event_date" />{home_event_listing:events_short_date}</span>{/if}
				</a>
			</div>
			{/home_event_listing}
			
		</div>
</section>




{/exp:channel:entries}

<section style="border-bottom: 1px solid #f6eff6; background-color: white;">
		<div class="container">
			<div class="row justify-content-md-center">
				<div class="col-lg-9">

<!-- 				<img style="width:100%" class="img-fluid mobile-spacing" src="/images/uploads/Mardi_Gras_Web_Banner-01.jpg" alt="Mardi Gras Ticket Sale Graphic 1"/> -->

				<h2 class="event-h3 medium-headline h2-padding-desktop text-center">{lv_home_email_newsletter_message}</h2>
				<h3 class="text-center">Sign up below to get on the list!</h3>






				{!-- Campaign MOnitor form added back in 11-20-25, Hive form removed, saved the form html in notes --}

				<form class="js-cm-form padding-top-40" style="margin-bottom: 0;" id="subForm" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="5B5E7037DA78A748374AD499497E309EF688264F71323DD3668FB2F9712F33D62E35F1A1079338337DE67C64B784832E85134CE63EA6155C40611578DBE6BDAA">
					<div class="newsletter-form-wrap">
						{!--<div>
							<label>Name </label>
							<input aria-label="Name" id="fieldName" maxlength="200" name="cm-name" required="">
						</div>--}
						<div>
							<label>Email </label>
							<input autocomplete="Email" aria-label="Email" class="js-cm-email-input qa-input-email" id="fieldEmail" maxlength="200" name="cm-ijdlq-ijdlq" required="" type="email">
						</div>
						{!--<div>
							<label>Zip Code </label>
							<input aria-label="Zip Code" id="fielddthutun" maxlength="200" name="cm-f-dthutun">
						</div>--}
						<div>
							<button type="submit" class="margin-bottom-30 margin-top-10 justify-content-center btn btn-xl uppercase">Subscribe</button>
						</div>
					</div>

				</form>

				<script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>

				

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




  <div class="container-fluid">
    <img class="super-z width-100 parade-graphic" src="/imgs/mgras-parade.png" alt="parade graphic"/>
  </div>





{exp:channel:entries channel="single_pages" disable="categories|member_data|category_fields|pagination" limit="1" dynamic="no" entry_id="142"}
<img src="../imgs/green.svg" alt="background"/>
<section class="partners padding-top-30">
	<h2 class="text-center">Mardi Gras Season is Brought to You By</h2>
		<div class="event-border-white padding-top-20"></div>
	<div class="row padding-top-50 container mx-auto">

		{sponsors}
		<div class="col-lg-3 col-xs-2 mx-auto sponsors-box">
			{if sponsors:website_url}<a href="{sponsors:website_url}" target="_blank">{/if}<img class="mx-auto width-100" src="{sponsors:sponsor_logo}{img:url:resize width="700" height="700" crop="true"}{/sponsors:sponsor_logo}" alt="{sponsors:title}"/>{if sponsors:website_url}</a>{/if}
		</div>
		{/sponsors}
	</div>
</section>
{/exp:channel:entries}


</section>