Official website for David Maestro — Professional magician and illusionist.
A modern, high-performance website showcasing David Maestro's magic performances, featuring bilingual support (EN/ES), comprehensive SEO optimization, and seamless user experience across all devices.
- 🌍 Bilingual — Full English and Spanish localization
- ⚡ Lightning Fast — Static site generation with Astro
- 📱 Responsive — Optimized for mobile, tablet, and desktop
- 🎨 Custom Design System — Dark theme with crimson accents
- 🔍 SEO Optimized — Schema.org structured data, IndexNow protocol
- ♿ Accessible — ARIA compliant, semantic HTML
- 📊 Analytics — Google Tag Manager with Consent Mode v2
- 🖼️ Modern Images — WebP format with fallbacks
- Astro 4.16 — Static site generator
- TypeScript 5.6 — Type safety
- CSS Custom Properties — Design tokens system
- Fontsource Variable — Bodoni Moda + Manrope
- Google Tag Manager — Analytics and tracking
- Consent Mode v2 — GDPR-compliant cookie consent
- IndexNow — Instant Bing/Yandex indexing
- Schema.org — Structured data (Service, Review, Video)
- Sitemap — Bilingual with hreflang annotations
- GitHub Actions — Automated deployment
- GitHub Pages — Static hosting
- Cloudflare — CDN, caching, email routing
- FormSubmit — Contact form backend
| Metric | Score | Target |
|---|---|---|
| LCP | < 1.5s | ✅ Good |
| FID | < 50ms | ✅ Good |
| CLS | < 0.05 | ✅ Good |
- ✅ Hero image preload with
fetchpriority="high" - ✅ Font display swap to prevent FOIT
- ✅ WebP images (37% smaller than JPG)
- ✅ Minimal JavaScript (progressive enhancement)
- ✅ Cloudflare caching (365-day max-age on static assets)
magodavidmaestro.com/
├── src/
│ ├── components/ # Astro components
│ │ ├── Hero.astro
│ │ ├── Nav.astro
│ │ ├── Contact.astro
│ │ ├── ReviewSchema.astro
│ │ └── ...
│ ├── layouts/
│ │ └── Base.astro # Base layout with meta tags
│ ├── pages/
│ │ ├── index.astro # EN homepage
│ │ ├── legal.astro
│ │ └── es/ # Spanish routes
│ │ ├── index.astro
│ │ └── legal.astro
│ └── styles/
│ ├── tokens.css # Design tokens
│ └── fonts.css # Font overrides
├── public/
│ ├── img/ # Images (JPG + WebP)
│ ├── robots.txt
│ └── site.webmanifest
├── scripts/
│ ├── convert-images.mjs
│ └── build-favicons.mjs
└── astro.config.mjs
- Node.js 20+ and npm
- Git
# Clone the repository
git clone https://github.com/PumaZilla/MagoDavidMaestro.git
cd MagoDavidMaestro
# Install dependencies
npm install
# Start dev server
npm run devThe site will be available at http://localhost:4321
npm run dev # Start dev server with hot reload
npm run build # Build for production
npm run preview # Preview production build locally
npm run check # TypeScript type checkingRerun when source SVG or raw photos change:
npm run assets:favicons # Regenerate favicon PNG variants from favicon.svg
npm run assets:photos # Optimize raw photos into web-ready JPG + WebP
npm run assets:textures # Optimize textures into WebP + JPGThe site deploys automatically via GitHub Actions on push to main:
- Build — Astro generates static HTML/CSS/JS
- Deploy — Files pushed to
gh-pagesbranch - IndexNow — URLs submitted to Bing/Yandex
- Live — Changes visible at magodavidmaestro.com
- EntertainmentBusiness — Organization markup
- Service — Stage magic, close-up, corporate shows
- Review — 5 testimonials with AggregateRating
- VideoObject — 4 YouTube embeds with metadata
- Sitemap —
sitemap-index.xmlwith EN/ES hreflang - IndexNow — Auto-submission on build (Bing, Yandex)
- Robots.txt — AI crawler permissions (GPTBot, Claude, Perplexity)
- Image Optimization — WebP with
<picture>fallback - Font Loading —
font-display: swap - Resource Hints — Preconnect to GTM, YouTube
- Cache Headers — 365-day via Cloudflare Transform Rules
The site supports English and Spanish with complete content parity:
- English —
/(default) - Spanish —
/es/
Each component uses a t object for translations:
const t = {
es: { title: 'Contacto', ... },
en: { title: 'Contact', ... },
}[lang];Hreflang annotations in <head> for SEO:
<link rel="alternate" hreflang="en" href="https://magodavidmaestro.com/" />
<link rel="alternate" hreflang="es" href="https://magodavidmaestro.com/es/" />
<link rel="alternate" hreflang="x-default" href="https://magodavidmaestro.com/" />Posts to FormSubmit at info@magodavidmaestro.com.
First submission triggers a one-off confirmation email — open it once to activate delivery. No account, no dashboard, no backend required.
Google Analytics 4 (G-TGK8K3CK84) loaded via gtag.js with Consent Mode v2.
- All consent categories default to
denied analytics_storageupgrades tograntedonly after visitor accepts cookie banner- IP anonymization enabled
Please read CONTRIBUTING.md before making any changes.
Copyright © 2024-2026 David Maestro. All rights reserved.
This is proprietary software. Unauthorized copying, modification, or distribution is prohibited.
For booking inquiries, visit magodavidmaestro.com
Built with