<?php
/**
 * Template Name: Hire
 *
 * Venue hire information for the Main Auditorium, Studio, Foyer Bar and
 * Moorside Town Hall. Aimed at corporate, private event, and filming
 * enquiries.
 *
 * @package Northfield_Theatre
 * @since 1.0.0
 */

get_header();

$spaces = array(
	array(
		'name'     => __( 'Main Auditorium', 'northfield-theatre' ),
		'capacity' => __( '1,200 seated', 'northfield-theatre' ),
		'suited'   => __( 'Conferences · Award ceremonies · Film premieres · Product launches', 'northfield-theatre' ),
		'blurb'    => __( 'Our flagship space: a proscenium-arch house with full fly tower, professional PA and lighting rig, and a 12-metre stage. Green-room, dressing rooms for 40, and full technical crew available.', 'northfield-theatre' ),
		'rate'     => __( 'From £2,400 / day', 'northfield-theatre' ),
	),
	array(
		'name'     => __( 'The Studio', 'northfield-theatre' ),
		'capacity' => __( '200 flexible', 'northfield-theatre' ),
		'suited'   => __( 'Readings · Board meetings · Workshops · Recitals · Filming', 'northfield-theatre' ),
		'blurb'    => __( 'A black-box studio with retractable raked seating, dedicated sound studio, and a sprung floor. Can be configured in the round, thrust, end-on, or cleared for dining / cabaret.', 'northfield-theatre' ),
		'rate'     => __( 'From £850 / day', 'northfield-theatre' ),
	),
	array(
		'name'     => __( 'Foyer Bar', 'northfield-theatre' ),
		'capacity' => __( '80 standing · 50 seated', 'northfield-theatre' ),
		'suited'   => __( 'Drinks receptions · Book launches · Private dining · Networking', 'northfield-theatre' ),
		'blurb'    => __( 'Our front-of-house bar, available for exclusive hire outside performance hours. Terrazzo floor, art deco detail, a proper bar, and a discreet PA for speeches.', 'northfield-theatre' ),
		'rate'     => __( 'From £650 / evening', 'northfield-theatre' ),
	),
	array(
		'name'     => __( 'Moorside Town Hall', 'northfield-theatre' ),
		'capacity' => __( '280 seated · 400 standing', 'northfield-theatre' ),
		'suited'   => __( 'Weddings · Civic events · Concerts · Filming · Fairs', 'northfield-theatre' ),
		'blurb'    => __( 'Grade I listed Victorian hall with oak panelling, a restored pipe organ, and a sprung oak floor. Licensed for weddings and civil partnerships.', 'northfield-theatre' ),
		'rate'     => __( 'From £1,200 / day', 'northfield-theatre' ),
	),
);

$services = array(
	array(
		'title' => __( 'A dedicated producer', 'northfield-theatre' ),
		'body'  => __( 'From first enquiry to load-out, one of our in-house producers manages your event. We won\'t hand you over to a booking agent.', 'northfield-theatre' ),
	),
	array(
		'title' => __( 'Full technical crew', 'northfield-theatre' ),
		'body'  => __( 'Our resident stage, sound, and lighting crew know every inch of the building. Rigging, audio-visual, live streaming — all in-house.', 'northfield-theatre' ),
	),
	array(
		'title' => __( 'Catering partnerships', 'northfield-theatre' ),
		'body'  => __( 'Three approved caterers on our roster, covering drinks receptions through to full banqueting. Or bring your own — we have prep-kitchen access.', 'northfield-theatre' ),
	),
	array(
		'title' => __( 'Accessible by design', 'northfield-theatre' ),
		'body'  => __( 'Every hireable space has step-free access, accessible toilets, an induction loop, and wheelchair positions. Access Consultant available for large bookings.', 'northfield-theatre' ),
	),
);
?>

<article class="hire-page">

	<header class="hire-hero section--dark">
		<div class="container hire-hero__inner">
			<p class="hire-hero__eyebrow"><?php esc_html_e( 'Hire', 'northfield-theatre' ); ?></p>
			<h1 class="hire-hero__title"><?php esc_html_e( 'Four distinctive spaces for the moments that matter.', 'northfield-theatre' ); ?></h1>
			<p class="hire-hero__lead">
				<?php esc_html_e( 'Product launches, conferences, weddings, film shoots, or something else entirely — our spaces and our crew can take it on.', 'northfield-theatre' ); ?>
			</p>
			<div class="hire-hero__actions">
				<a href="<?php echo esc_url( home_url( '/contact/?subject=hire' ) ); ?>" class="btn btn--primary btn--lg">
					<?php esc_html_e( 'Make an enquiry', 'northfield-theatre' ); ?>
				</a>
				<a href="tel:01484567892" class="btn btn--outline-light btn--lg">
					<?php esc_html_e( '01484 567 892', 'northfield-theatre' ); ?>
				</a>
			</div>
		</div>
	</header>

	<section class="hire-spaces section">
		<div class="container">
			<div class="hire-spaces__header">
				<p class="hire-spaces__eyebrow"><?php esc_html_e( 'The spaces', 'northfield-theatre' ); ?></p>
				<h2 class="hire-spaces__heading"><?php esc_html_e( 'Pick a room — we\'ll make it work.', 'northfield-theatre' ); ?></h2>
			</div>
			<div class="hire-spaces__list">
				<?php foreach ( $spaces as $index => $space ) : ?>
					<article class="hire-space fade-in-up">
						<div class="hire-space__meta">
							<span class="hire-space__num"><?php printf( '%02d', $index + 1 ); ?></span>
							<span class="hire-space__rate"><?php echo esc_html( $space['rate'] ); ?></span>
						</div>
						<h3 class="hire-space__name"><?php echo esc_html( $space['name'] ); ?></h3>
						<dl class="hire-space__specs">
							<div class="hire-space__specs-row">
								<dt><?php esc_html_e( 'Capacity', 'northfield-theatre' ); ?></dt>
								<dd><?php echo esc_html( $space['capacity'] ); ?></dd>
							</div>
							<div class="hire-space__specs-row">
								<dt><?php esc_html_e( 'Suited to', 'northfield-theatre' ); ?></dt>
								<dd><?php echo esc_html( $space['suited'] ); ?></dd>
							</div>
						</dl>
						<p class="hire-space__body"><?php echo esc_html( $space['blurb'] ); ?></p>
					</article>
				<?php endforeach; ?>
			</div>
		</div>
	</section>

	<section class="hire-services section--cream">
		<div class="container">
			<div class="hire-services__header">
				<p class="hire-services__eyebrow"><?php esc_html_e( 'What you get', 'northfield-theatre' ); ?></p>
				<h2 class="hire-services__heading"><?php esc_html_e( 'A venue, yes. Also a team.', 'northfield-theatre' ); ?></h2>
			</div>
			<div class="hire-services__grid">
				<?php foreach ( $services as $index => $s ) : ?>
					<div class="hire-services__card fade-in-up">
						<span class="hire-services__num"><?php printf( '%02d', $index + 1 ); ?></span>
						<h3 class="hire-services__title"><?php echo esc_html( $s['title'] ); ?></h3>
						<p class="hire-services__body"><?php echo esc_html( $s['body'] ); ?></p>
					</div>
				<?php endforeach; ?>
			</div>
		</div>
	</section>

	<section class="hire-process section">
		<div class="container">
			<div class="hire-process__grid">
				<div>
					<p class="hire-process__eyebrow"><?php esc_html_e( 'How it works', 'northfield-theatre' ); ?></p>
					<h2 class="hire-process__heading"><?php esc_html_e( 'Three steps to a booking.', 'northfield-theatre' ); ?></h2>
				</div>
				<ol class="hire-process__steps">
					<li>
						<span class="hire-process__step-num">1</span>
						<div>
							<h3><?php esc_html_e( 'Tell us what you\'re planning', 'northfield-theatre' ); ?></h3>
							<p><?php esc_html_e( 'Drop us a line with the date, the shape of the event, and any must-haves. We\'ll come back within two working days with availability and an indicative quote.', 'northfield-theatre' ); ?></p>
						</div>
					</li>
					<li>
						<span class="hire-process__step-num">2</span>
						<div>
							<h3><?php esc_html_e( 'Come for a look', 'northfield-theatre' ); ?></h3>
							<p><?php esc_html_e( 'We\'ll show you the space, talk through the technical kit, and work out what you need — and what you don\'t. No obligation.', 'northfield-theatre' ); ?></p>
						</div>
					</li>
					<li>
						<span class="hire-process__step-num">3</span>
						<div>
							<h3><?php esc_html_e( 'We handle the rest', 'northfield-theatre' ); ?></h3>
							<p><?php esc_html_e( 'Your producer confirms the final schedule, briefs the crew, coordinates with caterers, and is on-site from first load-in to last guest leaving.', 'northfield-theatre' ); ?></p>
						</div>
					</li>
				</ol>
			</div>
		</div>
	</section>

	<section class="hire-cta section--dark">
		<div class="container hire-cta__inner">
			<h2 class="hire-cta__heading"><?php esc_html_e( 'Let\'s talk.', 'northfield-theatre' ); ?></h2>
			<p class="hire-cta__body">
				<?php esc_html_e( 'Every booking is bespoke. The fastest way to get a real quote is a five-minute conversation.', 'northfield-theatre' ); ?>
			</p>
			<div class="hire-cta__actions">
				<a href="<?php echo esc_url( home_url( '/contact/?subject=hire' ) ); ?>" class="btn btn--primary btn--lg">
					<?php esc_html_e( 'Start an enquiry', 'northfield-theatre' ); ?>
				</a>
				<a href="mailto:hire@northfieldtheatre.co.uk" class="btn btn--outline-light btn--lg">
					<?php esc_html_e( 'hire@northfieldtheatre.co.uk', 'northfield-theatre' ); ?>
				</a>
			</div>
		</div>
	</section>

</article>

<?php
get_footer();
