fix(tour): restore location map and schedule button
This commit is contained in:
4 files changed
+95
-2
No files matched your search
@@ -0,0 +1,50 @@
|
||||
---
|
||||
const directions = 'https://www.google.com/maps/dir/?api=1&destination=8901%20E%20Raintree%20Dr%20Ste%20160%2C%20Scottsdale%2C%20AZ%2085260';
|
||||
---
|
||||
<section class="tour-map-section" aria-label="AIA Scottsdale location map">
|
||||
<div id="aia-tour-map" class="tour-map"></div>
|
||||
<p data-tour-map-fallback>
|
||||
Arizona Institute for Autism — 8901 E Raintree Dr, Ste 160, Scottsdale, AZ 85260.
|
||||
<a href={directions} target="_blank" rel="noopener noreferrer">Get Directions</a>
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<script is:inline src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
|
||||
<script is:inline define:vars={{ directions }}>
|
||||
(() => {
|
||||
const element = document.getElementById('aia-tour-map');
|
||||
if (!element || !window.L || element.dataset.initialized) return;
|
||||
const map = window.L.map(element).setView([33.63, -111.88756], 12);
|
||||
element.dataset.initialized = 'true';
|
||||
const tiles = window.L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
maxZoom: 19,
|
||||
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
||||
});
|
||||
tiles.on('tileload', ({ tile }) => {
|
||||
tile.alt = 'OpenStreetMap tile showing the area around Arizona Institute for Autism in Scottsdale, AZ';
|
||||
});
|
||||
tiles.addTo(map);
|
||||
window.L.marker([33.617746, -111.88756], {
|
||||
alt: 'Arizona Institute for Autism, Scottsdale',
|
||||
title: 'Arizona Institute for Autism, Scottsdale'
|
||||
}).addTo(map).bindPopup(`
|
||||
<span class="tour-map__popup">
|
||||
<b>Arizona Institute for Autism</b><br>
|
||||
<img alt="Arizona Institute for Autism" src="/assets/images/aia-logo.svg" width="124"><br>
|
||||
<a href="${directions}" target="_blank" rel="noopener noreferrer">Get Directions</a>
|
||||
</span>
|
||||
`).openPopup();
|
||||
// Keep address/directions available without JavaScript or if Leaflet is blocked.
|
||||
document.querySelector('[data-tour-map-fallback]')?.setAttribute('hidden', '');
|
||||
})();
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.tour-map-section { background: white; margin: 0; padding: 0; }
|
||||
.tour-map { height: 360px; width: 100%; }
|
||||
.tour-map :global(.tour-map__popup) { display: block; text-align: center; }
|
||||
.tour-map :global(.tour-map__popup img) { margin-bottom: .5rem; }
|
||||
.tour-map :global(a:focus-visible) { outline: 3px solid var(--color-focus, #115bbd); outline-offset: 2px; }
|
||||
[data-tour-map-fallback] { margin: 0; padding: 1rem; text-align: center; }
|
||||
[hidden] { display: none; }
|
||||
</style>
|
||||
@@ -8,6 +8,7 @@ translationKey: "tour"
|
||||
draft: false
|
||||
---
|
||||
import ImageCarousel from '../../../components/ImageCarousel.astro';
|
||||
import Button from '../../../components/Button.astro';
|
||||
import tourGallery from '../../../data/tour-gallery.json';
|
||||
|
||||
## Tour Arizona Institute for Autism
|
||||
@@ -50,4 +51,6 @@ Arizona's Leading Modern Learning Experience for Children Diagnosed with Autism
|
||||
|
||||
- On-Site Clinical Case Supervisor
|
||||
|
||||
[Schedule a Tour Today](/client-consultation)
|
||||
<div style={{ textAlign: 'center', marginBlock: '2.5rem' }}>
|
||||
<Button href="/client-consultation">Schedule a Tour Today</Button>
|
||||
</div>
|
||||
@@ -7,6 +7,7 @@ import AboutPage from '../components/pages/AboutPage.astro';
|
||||
import ServicesPage from '../components/pages/ServicesPage.astro';
|
||||
import CareersPage from '../components/pages/CareersPage.astro';
|
||||
import ContactPage from '../components/pages/ContactPage.astro';
|
||||
import TourMap from '../components/TourMap.astro';
|
||||
import FaqPage from '../components/pages/FaqPage.astro';
|
||||
import InsurancePage from '../components/pages/InsurancePage.astro';
|
||||
import PageHero from '../components/PageHero.astro';
|
||||
@@ -55,13 +56,14 @@ const pageTitles: Record<string, Record<string, string>> = {
|
||||
const bannerTitle = serviceTitles[entry.data.lang]?.[entry.data.slug] || pageTitles[entry.data.lang]?.[entry.data.slug] || entry.data.title.split('|')[0].trim();
|
||||
const isService = Boolean(serviceTitles[entry.data.lang]?.[entry.data.slug]);
|
||||
const route = entry.data.lang === 'en' ? `/${entry.data.slug}` : `/${entry.data.lang}/${entry.data.slug}`;
|
||||
const isTour = entry.data.lang === 'en' && entry.data.slug === 'tour';
|
||||
const heroImage = pageHeroImages[entry.data.slug];
|
||||
if (entry.data.slug === 'team' && entry.data.lang === 'en' && !entry.data.team) {
|
||||
throw new Error('The English Team page requires structured team frontmatter.');
|
||||
}
|
||||
---
|
||||
<BaseLayout title={entry.data.title} description={entry.data.description} image={entry.data.featuredImage || heroImage} lang={entry.data.lang}>
|
||||
{entry.data.slug === 'contact' && <Fragment slot="head"><link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /></Fragment>}
|
||||
{(entry.data.slug === 'contact' || isTour) && <Fragment slot="head"><link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /></Fragment>}
|
||||
<PageHero title={entry.data.displayH1 ?? bannerTitle} subtitle={entry.data.slug === 'faqs' ? 'FAQs' : undefined} image={heroImage} constrain />
|
||||
{entry.data.slug === 'team' && entry.data.lang === 'en'
|
||||
? <TeamPage content={entry.data.team!} />
|
||||
@@ -82,6 +84,7 @@ if (entry.data.slug === 'team' && entry.data.lang === 'en' && !entry.data.team)
|
||||
: entry.data.slug === 'contact'
|
||||
? <ContactPage title={bannerTitle} lang={entry.data.lang}><slot /></ContactPage>
|
||||
: <article class:list={['prose', 'source-page', 'container', { 'service-page': isService }]}><slot /></article>}
|
||||
{isTour && <TourMap />}
|
||||
{isService && (entry.data.lang === 'en' || entry.data.lang === 'es') && <ServiceInquiryDrawer service={entry.data.slug} lang={entry.data.lang} route={route} />}
|
||||
{showForm && <FormShell lang={entry.data.lang} route={route} title={bannerTitle} logicalForm={entry.data.slug === 'referrals' ? 'referral' : 'service'} showBackground={entry.data.slug === 'client-consultation'} />}
|
||||
</BaseLayout>
|
||||
Reference in new issue
Block a user