<!DOCTYPE html><html lang="en" data-theme="dark" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Award-winning automotive journalism, in-depth car reviews, and hand-drawn automotive art from South Texas. Jesus R. Garcia, President of the Texas Motor Press Association and Houston Chronicle automotive columnist, brings you honest vehicle assessments, travel stories, and unique automotive artwork. Your one-stop destination for automotive expertise and artistry."><title>Error | Jesus Behind the Wheel | Jesus Behind The Wheel</title><link rel="icon" href="/images/Jesus-Behind-the-Wheel-Logo.svg"><!-- Theme color --><meta name="theme-color" content="#1565C0"><!-- Performance optimizations --><link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><!-- Preload critical images for LCP - made generic --><!-- Security Headers are handled by middleware --><!-- SEO Meta Tags --><link rel="canonical" href="https://jesusbehindthewheel.com/error"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://jesusbehindthewheel.com/error"><meta property="og:title" content="Error | Jesus Behind the Wheel"><meta property="og:description" content="Award-winning automotive journalism, in-depth car reviews, and hand-drawn automotive art from South Texas. Jesus R. Garcia, President of the Texas Motor Press Association and Houston Chronicle automotive columnist, brings you honest vehicle assessments, travel stories, and unique automotive artwork. Your one-stop destination for automotive expertise and artistry."><meta property="og:site_name" content="Jesus Behind The Wheel"><meta property="og:image" content="https://jesusbehindthewheel.com/images/jesus-featured-image.webp"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://jesusbehindthewheel.com/error"><meta property="twitter:title" content="Error | Jesus Behind the Wheel"><meta property="twitter:description" content="Award-winning automotive journalism, in-depth car reviews, and hand-drawn automotive art from South Texas. Jesus R. Garcia, President of the Texas Motor Press Association and Houston Chronicle automotive columnist, brings you honest vehicle assessments, travel stories, and unique automotive artwork. Your one-stop destination for automotive expertise and artistry."><!-- Mobile-first resource hints --><link rel="preconnect" href="https://kit.fontawesome.com" crossorigin><link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin><link rel="dns-prefetch" href="https://kit.fontawesome.com"><!-- Mobile-optimized FontAwesome loading --><script>
// Mobile-first loading strategy
const isMobile = /Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || window.innerWidth < 768;
if (window.__FA_INITIALIZED) {
console.log('FontAwesome already initialized');
} else {
// Optimized config for mobile performance
window.FontAwesomeConfig = {
autoReplaceSvg: isMobile ? false : 'nest', // Disable auto-replacement on mobile initially
observeMutations: false, // Disable to prevent mobile reflows
mutateApproach: 'sync',
searchPseudoElements: false,
keepOriginalSource: false,
showMissingIcons: false,
measurePerformance: false,
autoA11y: false,
familyPrefix: 'fa',
replacementClass: 'svg-inline--fa'
};
// Mobile-optimized loading
function loadFontAwesome() {
if (window.__FA_INITIALIZED) return;
// Try Pro kit first, fallback to Free
const script = document.createElement('script');
script.src = 'https://kit.fontawesome.com/d9a7f6bbae.js';
script.crossOrigin = 'anonymous';
script.async = true;
script.defer = true;
script.onload = function() {
window.__FA_INITIALIZED = true;
console.log('FontAwesome Pro Kit loaded');
// Enable SVG replacement after initial load on mobile
if (isMobile && window.FontAwesome?.config) {
window.FontAwesome.config.autoReplaceSvg = true;
if (window.FontAwesome.dom) {
window.FontAwesome.dom.i2svg();
}
}
};
script.onerror = function() {
console.warn('FontAwesome Pro Kit failed, loading Free fallback...');
loadFreeFallback();
};
document.head.appendChild(script);
// Mobile timeout - fail faster on slow connections
setTimeout(() => {
if (!window.__FA_INITIALIZED) {
console.warn('FontAwesome Pro Kit timed out on mobile, loading Free...');
loadFreeFallback();
}
}, isMobile ? 3000 : 5000);
}
// Optimized Free fallback for mobile
function loadFreeFallback() {
if (window.__FA_INITIALIZED) return;
// Load only essential CSS for mobile performance
const essentialCSS = [
'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css',
'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/solid.min.css'
];
// Only load brands if not mobile or after delay
if (!isMobile) {
essentialCSS.push('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css');
}
essentialCSS.forEach(href => {
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = href;
link.crossOrigin = 'anonymous';
document.head.appendChild(link);
});
window.__FA_INITIALIZED = true;
console.log('FontAwesome Free fallback loaded');
// Load brands CSS after delay on mobile
if (isMobile) {
setTimeout(() => {
const brandsLink = document.createElement('link');
brandsLink.rel = 'stylesheet';
brandsLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css';
brandsLink.crossOrigin = 'anonymous';
document.head.appendChild(brandsLink);
}, 1000);
}
}
// Load based on connection speed and device
if ('connection' in navigator) {
const connection = navigator.connection;
if (connection.effectiveType === 'slow-2g' || connection.effectiveType === '2g') {
// Very slow connection - use Free fallback immediately
setTimeout(loadFreeFallback, 100);
} else if (connection.effectiveType === '3g' || isMobile) {
// Medium connection or mobile - delayed load
setTimeout(loadFontAwesome, 200);
} else {
// Fast connection - immediate load
setTimeout(loadFontAwesome, 100);
}
} else {
// No connection API - use mobile detection
setTimeout(loadFontAwesome, isMobile ? 300 : 100);
}
}
</script><!-- Minimal Astro integration for mobile performance --><script type="module">let o,e=!1;function t(){e||(o&&clearTimeout(o),o=setTimeout(()=>{window.FontAwesome?.dom&&!e&&(e=!0,requestAnimationFrame(()=>{window.FontAwesome?.dom&&window.FontAwesome.dom.i2svg(),e=!1}))},100))}document.addEventListener("astro:page-load",()=>{window.FontAwesome?.dom&&t()});document.addEventListener("astro:after-swap",()=>{window.FontAwesome?.dom&&t()});</script><meta property="twitter:image" content="https://jesusbehindthewheel.com/images/jesus-featured-image.webp"><!-- Critical CSS for LCP optimization --><!-- Structured Data --><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Jesus Behind The Wheel","description":"Award-winning automotive journalism, in-depth car reviews, and hand-drawn automotive art from South Texas. Jesus R. Garcia, President of the Texas Motor Press Association and Houston Chronicle automotive columnist, brings you honest vehicle assessments, travel stories, and unique automotive artwork. Your one-stop destination for automotive expertise and artistry.","url":"https://jesusbehindthewheel.com","logo":{"@type":"ImageObject","url":"https://jesusbehindthewheel.com/images/Jesus-Behind-the-Wheel-nav-Logo.svg","width":200,"height":60},"contactPoint":{"@type":"ContactPoint","email":"info@jesusbehindthewheel.com","contactType":"customer service"},"sameAs":["https://www.facebook.com/Jesus_Behind_the_Wheel/","https://www.instagram.com/jesus_behind_the_wheel/","https://www.linkedin.com/in/jesus_R_Garcia/","https://youtube.com/c/jesusbehindthewheel","https://twitter.com/@jesusgreaser/"],"address":{"@type":"PostalAddress","addressLocality":"San Antonio","addressRegion":"TX","addressCountry":"US"},"founder":{"@type":"Person","name":"Kris Black","description":"Automotive journalist and award-winning driving enthusiast"}}</script><!-- Analytics - Generic implementation --><!-- Global Styles --><!-- Astro Tailwind integration will handle CSS processing --><!-- Analytics - Generic implementation --><script type="module">window.addEventListener("load",function(){setTimeout(function(){console.log("Analytics ready to initialize")},1e3)});</script><style>.glass-card[data-astro-cid-oiwnpwoo]{background:#ffffff1a;backdrop-filter:blur(10px);border-radius:.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px #0000001a}
</style>
<link rel="stylesheet" href="/_astro/edit-account.DujXlllF.css"><script>window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
var script = document.createElement('script');
script.defer = true;
script.src = '/_vercel/insights/script.js';
var head = document.querySelector('head');
head.appendChild(script);
</script></head> <body class="min-h-screen relative overflow-x-hidden" data-astro-cid-sckkx6r4> <!-- Ambient lighting effects --> <div class="fixed inset-0 overflow-hidden pointer-events-none z-0" data-astro-cid-sckkx6r4> <div class="ambient-light ambient-light-left" data-astro-cid-sckkx6r4></div> <div class="ambient-light ambient-light-right" data-astro-cid-sckkx6r4></div> </div> <!-- Global Background Shapes --><div class="fixed inset-0 overflow-hidden pointer-events-none z-0"> <div class="absolute top-20 left-10 w-64 h-64 bg-blue-500/20 rounded-full blur-3xl animate-float-1"></div> <div class="absolute top-40 right-20 w-96 h-96 bg-cyan-400/15 rounded-full blur-3xl animate-float-2"></div> <div class="absolute top-80 left-1/4 w-80 h-80 bg-blue-600/25 rounded-full blur-3xl animate-float-3"></div> <div class="absolute bottom-40 right-10 w-72 h-72 bg-indigo-500/20 rounded-full blur-3xl animate-float-4"></div> <div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[600px] h-[400px] bg-gradient-to-r from-blue-500/10 to-cyan-400/10 rounded-full blur-3xl animate-pulse-slow"></div> <div class="absolute bottom-20 left-1/3 w-96 h-96 bg-purple-500/15 rounded-full blur-3xl animate-float-5"></div> <div class="absolute top-1/4 right-1/3 w-80 h-80 bg-teal-400/20 rounded-full blur-3xl animate-float-6"></div> </div> <div class="relative z-10"></div> <div class="flex flex-col min-h-screen relative z-10" data-astro-cid-sckkx6r4> <!-- Main Navigation --> <nav class="navbar fixed top-0 left-0 right-0 z-[1030] transition-all duration-300 bg-neutral text-white animate-slide-in" data-astro-cid-whbovsvt> <div class="absolute inset-0 bg-neutral/80 backdrop-blur-md opacity-90 transition-opacity duration-300" data-astro-cid-whbovsvt></div> <div class="container mx-auto relative z-10" data-astro-cid-whbovsvt> <div class="flex justify-between items-center w-full" data-astro-cid-whbovsvt> <!-- Logo and mobile menu button --> <div class="flex items-center animate-fade-in" data-astro-cid-whbovsvt> <!-- Desktop Menu Trigger --> <div class="logo-container"> <a href="/" class="flex items-center" aria-label="Jesus Behind The Wheel"> <img src="/images/Jesus-Behind-the-Wheel-nav-Logo.svg" alt="Jesus Behind The Wheel" class="logo-image mr-2 h-16 w-auto"> <span class="text-xl font-bold text-primary text-italic logo-text">Jesus Behind The Wheel </span> </a> </div> </div> <!-- Right side with search, nav links, and icons --> <div class="flex items-center gap-4" data-astro-cid-whbovsvt> <!-- Search Form -->
<div class="form-control hidden md:block search-container" data-astro-cid-whbovsvt> <button type="button" class="btn btn-ghost btn-circle nav-icon-btn search-trigger" data-astro-cid-whbovsvt> <i class="fa-solid fa-search" data-astro-cid-whbovsvt></i> </button> <form action="/search" method="get" class="search-form input input-bordered flex items-center bg-base-300/50 h-9 px-2 w-0 opacity-0 overflow-hidden transition-all duration-300" data-astro-cid-whbovsvt> <input type="text" name="q" placeholder="Search products..." class="bg-transparent border-none outline-none w-full text-sm" required data-astro-cid-whbovsvt> <button type="submit" class="btn btn-ghost btn-sm btn-circle" data-astro-cid-whbovsvt> <i class="fa-solid fa-search" data-astro-cid-whbovsvt></i> </button> </form> </div> <!-- Navigation Links --> <div class="hidden lg:flex" data-astro-cid-whbovsvt> <ul class="menu menu-horizontal px-1 text-white flex items-center" data-astro-cid-whbovsvt> <li class="nav-item h-full flex items-center" style="animation-delay: 100ms" data-astro-cid-whbovsvt> <a href="/shop" class="h-full flex items-center px-3 " data-astro-cid-whbovsvt> Shop </a> </li><li class="nav-item h-full flex items-center" style="animation-delay: 200ms" data-astro-cid-whbovsvt> <a href="/blog" class="h-full flex items-center px-3 " data-astro-cid-whbovsvt> Blogs </a> </li><li class="nav-item h-full flex items-center" style="animation-delay: 300ms" data-astro-cid-whbovsvt> <a href="/about" class="h-full flex items-center px-3 " data-astro-cid-whbovsvt> About </a> </li><li class="nav-item h-full flex items-center" style="animation-delay: 400ms" data-astro-cid-whbovsvt> <a href="/contact" class="h-full flex items-center px-3 " data-astro-cid-whbovsvt> Contact </a> </li> </ul> </div> <!-- User and Cart Icons --> <div class="flex items-center gap-2" data-astro-cid-whbovsvt> <a href="/account" class="btn btn-ghost btn-circle nav-icon-btn" aria-label="My account" data-astro-cid-whbovsvt> <i class="fa-solid fa-user text-primary" aria-hidden="true" data-astro-cid-whbovsvt></i> </a> <div class="dropdown dropdown-end" data-astro-cid-whbovsvt> <div tabindex="0" role="button" class="btn btn-ghost btn-circle nav-icon-btn" aria-label="Shopping cart" data-astro-cid-whbovsvt> <div class="indicator" data-astro-cid-whbovsvt> <i class="fa-solid fa-shopping-cart" aria-hidden="true" data-astro-cid-whbovsvt></i> <span class="badge badge-sm indicator-item cart-count" data-astro-cid-whbovsvt>0</span> </div> </div> <div tabindex="0" class="mt-3 z-[1] card card-compact dropdown-content w-52 bg-base-100 shadow" data-astro-cid-whbovsvt> <div class="card-body" data-astro-cid-whbovsvt> <span class="font-bold text-lg" data-astro-cid-whbovsvt><span class="cart-count" data-astro-cid-whbovsvt>0</span> Items</span> <span class="text-info" data-astro-cid-whbovsvt>Subtotal: $<span class="cart-total" data-astro-cid-whbovsvt>0.00</span></span> <div class="card-actions" data-astro-cid-whbovsvt> <a href="/cart" class="btn btn-primary btn-block" aria-label="View shopping cart" data-astro-cid-whbovsvt>View cart</a> </div> </div> </div> </div> </div> <button class="btn btn-ghost btn-circle lg:hidden nav-icon-btn" id="mobileMenuButton" aria-label="Open mobile menu" data-astro-cid-whbovsvt> <i class="fa-solid fa-bars text-primary" aria-hidden="true" data-astro-cid-whbovsvt></i> </button> </div> </div> </div> </nav> <!-- Desktop Side Menu --> <div id="desktopMenu" class="fixed inset-0 hidden lg:flex max-lg:!hidden bg-black/50 z-[1040] opacity-0 pointer-events-none transition-opacity duration-300" data-astro-cid-whbovsvt> <div class="absolute left-0 top-0 h-full w-80 bg-neutral/90 backdrop-blur-md shadow-xl transform -translate-x-full transition-transform duration-300" data-astro-cid-whbovsvt> <div class="flex justify-between items-center p-4 border-b border-neutral-content/10 relative z-10" data-astro-cid-whbovsvt> <h2 class="text-lg font-semibold text-neutral-content" data-astro-cid-whbovsvt>Menu</h2> <button class="btn btn-ghost btn-sm" id="desktopMenuClose" aria-label="Close menu" data-astro-cid-whbovsvt> <i class="fa-solid fa-xmark text-xl text-primary" aria-hidden="true" data-astro-cid-whbovsvt></i> </button> </div> <div class="overflow-y-auto h-[calc(100%-4rem)] relative z-10" data-astro-cid-whbovsvt> <ul class="p-4 space-y-2" data-astro-cid-whbovsvt> <li data-astro-cid-whbovsvt> <a href="/shop" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> Shop </a> </li><li data-astro-cid-whbovsvt> <a href="/blog" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> Blogs </a> </li><li data-astro-cid-whbovsvt> <a href="/about" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> About </a> </li><li data-astro-cid-whbovsvt> <a href="/contact" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> Contact </a> </li> </ul> </div> </div> </div> <!-- Mobile Menu --> <div id="mobileMenu" class="fixed inset-0 lg:hidden bg-black/50 z-[1040] opacity-0 pointer-events-none transition-opacity duration-300" data-astro-cid-whbovsvt> <div class="absolute right-0 top-0 h-full w-80 bg-neutral/90 backdrop-blur-md shadow-xl transform translate-x-full transition-transform duration-300" data-astro-cid-whbovsvt> <div class="flex justify-between items-center p-4 border-b border-neutral-content/10 relative z-10" data-astro-cid-whbovsvt> <h2 class="text-lg font-semibold text-neutral-content" data-astro-cid-whbovsvt>Menu</h2> <button class="btn btn-ghost btn-sm" id="mobileMenuClose" aria-label="Close mobile menu" data-astro-cid-whbovsvt> <i class="fa-solid fa-xmark text-xl text-primary" aria-hidden="true" data-astro-cid-whbovsvt></i> </button> </div> <div class="overflow-y-auto h-[calc(100%-4rem)] relative z-10" data-astro-cid-whbovsvt> <ul class="p-4 space-y-2" data-astro-cid-whbovsvt> <li data-astro-cid-whbovsvt> <a href="/shop" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> Shop </a> </li><li data-astro-cid-whbovsvt> <a href="/blog" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> Blogs </a> </li><li data-astro-cid-whbovsvt> <a href="/about" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> About </a> </li><li data-astro-cid-whbovsvt> <a href="/contact" class="block px-4 py-3 text-xl text-neutral-content hover:bg-neutral-focus rounded-lg" data-astro-cid-whbovsvt> Contact </a> </li> <li class="mt-4" data-astro-cid-whbovsvt> <form action="/search" method="get" class="flex" data-astro-cid-whbovsvt> <input type="text" name="search" placeholder="Search..." class="input input-bordered w-full" required data-astro-cid-whbovsvt> <button type="submit" class="btn btn-primary ml-2" aria-label="Search" data-astro-cid-whbovsvt> <i class="fa-solid fa-search" aria-hidden="true" data-astro-cid-whbovsvt></i> </button> </form> </li> </ul> </div> </div> </div> <script type="module" src="/_astro/Nav.astro_astro_type_script_index_0_lang.YjPd3Usx.js"></script> <div class="py-2" data-astro-cid-ilhxcym7> <nav aria-label="breadcrumb" class="container mx-auto px-4" data-astro-cid-ilhxcym7> <div class="breadcrumbs text-sm" data-astro-cid-ilhxcym7> <ul data-astro-cid-ilhxcym7> <li data-astro-cid-ilhxcym7> <a href="/" class="link link-hover flex items-center" data-astro-cid-ilhxcym7> <i class="fas fa-home mr-1" data-astro-cid-ilhxcym7></i>
Home
</a> </li> <li class="text-primary font-medium" data-astro-cid-ilhxcym7> Error </li> </ul> </div> </nav> </div> <!-- Table of Contents --> <div class="container mx-auto" data-astro-cid-xvrfupwn> <div id="table-of-contents-container" class="toc-container" data-astro-cid-xvrfupwn> <!-- Hamburger Menu Button --> <button id="toc-toggle" class="toc-toggle bg-base-100/60 hover:bg-base-100/90" aria-label="Toggle Table of Contents" aria-expanded="false" aria-controls="toc-menu" data-astro-cid-xvrfupwn> <div class="hamburger-icon" data-astro-cid-xvrfupwn> <span data-astro-cid-xvrfupwn></span> <span data-astro-cid-xvrfupwn></span> <span data-astro-cid-xvrfupwn></span> </div> <span class="toc-label" data-astro-cid-xvrfupwn>Table of Contents</span> </button> <!-- Table of Contents Menu --> <nav id="toc-menu" class="toc-menu bg-base-100/60 hover:bg-base-100/90" role="navigation" aria-label="Page sections" aria-hidden="true" data-astro-cid-xvrfupwn> <div class="toc-header" data-astro-cid-xvrfupwn> <h3 data-astro-cid-xvrfupwn>Table of Contents</h3> <button id="toc-close" class="toc-close" aria-label="Close Table of Contents" data-astro-cid-xvrfupwn> <i class="fas fa-times" data-astro-cid-xvrfupwn></i> </button> </div> <ul id="toc-list" class="toc-list" data-astro-cid-xvrfupwn> <!-- Dynamically populated by JavaScript --> </ul> </nav> <!-- Overlay for mobile --> <div id="toc-overlay" class="toc-overlay" aria-hidden="true" data-astro-cid-xvrfupwn></div> </div> </div> <script type="module" src="/_astro/TableOfContents.astro_astro_type_script_index_0_lang.D_VK_gsF.js"></script> <!-- Main Content Area --> <main class="flex-grow pt-24 pb-12" data-astro-cid-sckkx6r4> <div class="flex flex-col items-center justify-center min-h-[60vh] text-center p-4" data-astro-cid-oiwnpwoo> <div class="glass-card p-8 max-w-xl w-full" data-astro-cid-oiwnpwoo> <h1 class="text-3xl font-bold mb-4" data-astro-cid-oiwnpwoo>Something went wrong</h1> <svg xmlns="http://www.w3.org/2000/svg" class="h-24 w-24 mx-auto text-error mb-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" data-astro-cid-oiwnpwoo> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" data-astro-cid-oiwnpwoo></path> </svg> <p class="text-lg mb-6" data-astro-cid-oiwnpwoo>
We encountered an error while trying to load the content you requested.
This could be due to a temporary server issue or network problem.
</p> <div class="flex flex-col sm:flex-row gap-4 justify-center" data-astro-cid-oiwnpwoo> <a href="/" class="btn btn-primary" data-astro-cid-oiwnpwoo>
Return to Home
</a> <button id="retry-btn" class="btn btn-outline" data-astro-cid-oiwnpwoo>
Try Again
</button> </div> </div> </div> </main> <!-- Footer --> <footer class="bg-base-100/80 text-neutral-content" data-astro-cid-dwelrhxs> <!-- Main Footer Content --> <div class="container mx-auto px-4 py-12" data-astro-cid-dwelrhxs> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 footer-grid" data-astro-cid-dwelrhxs> <!-- Column 1: Site info --> <div class="space-y-5 pr-4" data-astro-cid-dwelrhxs> <div class="flex flex-col items-start" data-astro-cid-dwelrhxs> <div class="logo-container"> <a href="/" class="flex items-center" aria-label="Jesus Behind The Wheel"> <img src="/images/Jesus-Behind-the-Wheel-nav-Logo.svg" alt="Jesus Behind The Wheel" class="logo-image mr-2 h-16 w-auto"> <span class="text-xl font-bold text-primary text-italic logo-text">Jesus Behind The Wheel </span> </a> </div> <div class="divider my-2" data-astro-cid-dwelrhxs></div> </div> <p class="text-sm" data-astro-cid-dwelrhxs>Award-winning automotive journalism, in-depth car reviews, and hand-drawn automotive art from South Texas. Jesus R. Garcia, President of the Texas Motor Press Association and Houston Chronicle automotive columnist, brings you honest vehicle assessments, travel stories, and unique automotive artwork. Your one-stop destination for automotive expertise and artistry.</p> <!-- Social Media Icons --> <div class="social-icons flex gap-4 mt-4"><a href="https://www.facebook.com/Jesus_Behind_the_Wheel/" target="_blank" rel="noopener noreferrer" class="text-primary hover:text-blue-200 hover:opacity-80 transition-opacity text-xl" aria-label="Visit our Facebook"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 inline-block">
<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
</svg></a><a href="https://www.instagram.com/jesus_behind_the_wheel/" target="_blank" rel="noopener noreferrer" class="text-primary hover:text-blue-200 hover:opacity-80 transition-opacity text-xl" aria-label="Visit our Instagram"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 inline-block">
<path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
</svg></a><a href="https://www.linkedin.com/in/jesus_R_Garcia/" target="_blank" rel="noopener noreferrer" class="text-primary hover:text-blue-200 hover:opacity-80 transition-opacity text-xl" aria-label="Visit our LinkedIn"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 inline-block">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg></a><a href="https://twitter.com/@jesusgreaser/" target="_blank" rel="noopener noreferrer" class="text-primary hover:text-blue-200 hover:opacity-80 transition-opacity text-xl" aria-label="Visit our X (Twitter)"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 inline-block">
<path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/>
</svg></a><a href="https://youtube.com/c/jesusbehindthewheel" target="_blank" rel="noopener noreferrer" class="text-primary hover:text-blue-200 hover:opacity-80 transition-opacity text-xl" aria-label="Visit our YouTube"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 inline-block">
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
</svg></a><a href="https://www.google.com/" target="_blank" rel="noopener noreferrer" class="text-primary hover:text-blue-200 hover:opacity-80 transition-opacity text-xl" aria-label="Visit our Google"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="w-5 h-5 inline-block">
<path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/>
<path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/>
<path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/>
<path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/>
</svg></a></div> </div> <!-- Column 2: Services --> <div class="space-y-2" data-astro-cid-dwelrhxs> <div data-astro-cid-dwelrhxs> <h3 class="uppercase text-base font-bold mb-4" data-astro-cid-dwelrhxs>SERVICES</h3> <ul class="space-y-2" data-astro-cid-dwelrhxs> <li data-astro-cid-dwelrhxs> <a href="/shop" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Art Gallery </a> </li><li data-astro-cid-dwelrhxs> <a href="/shop?category=prints" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Prints </a> </li><li data-astro-cid-dwelrhxs> <a href="/shop?category=auto-prints" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Auto Prints </a> </li><li data-astro-cid-dwelrhxs> <a href="/blog" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Articles & Auto News </a> </li><li data-astro-cid-dwelrhxs> <a href="/blog?category=auto-reviews" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Auto Reviews </a> </li><li data-astro-cid-dwelrhxs> <a href="/blog?category=military" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Military </a> </li> </ul> </div> </div> <!-- Column 3: Resources --> <div class="space-y-2" data-astro-cid-dwelrhxs> <div data-astro-cid-dwelrhxs> <h3 class="uppercase text-base font-bold mb-4" data-astro-cid-dwelrhxs>RESOURCES</h3> <ul class="space-y-2" data-astro-cid-dwelrhxs> <li data-astro-cid-dwelrhxs> <a href="/news" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> News </a> </li><li data-astro-cid-dwelrhxs> <a href="/blog" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Blog </a> </li><li data-astro-cid-dwelrhxs> <a href="/partners" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Partners </a> </li> </ul> </div> </div> <!-- Column 4: Company & Contact --> <div class="space-y-4" data-astro-cid-dwelrhxs> <!-- Company Links --> <div data-astro-cid-dwelrhxs> <h3 class="uppercase text-base font-bold mb-4" data-astro-cid-dwelrhxs>COMPANY</h3> <ul class="space-y-2" data-astro-cid-dwelrhxs> <li data-astro-cid-dwelrhxs> <a href="/about" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> About Us </a> </li><li data-astro-cid-dwelrhxs> <a href="/contact" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Contact </a> </li><li data-astro-cid-dwelrhxs> <a href="/privacy" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Privacy Policy </a> </li><li data-astro-cid-dwelrhxs> <a href="/terms" class="hover:text-primary transition-colors" data-astro-cid-dwelrhxs> Terms of Service </a> </li> </ul> </div> </div> <div class="space-y-2" data-astro-cid-dwelrhxs> <!-- Contact Info --> <h3 class="uppercase text-base font-bold mb-4" data-astro-cid-dwelrhxs>CONTACT</h3> <div class="text-base-content" data-astro-cid-dwelrhxs> <address class="not-italic mb-2" data-astro-cid-dwelrhxs> <a href="https://www.google.com/maps/search/?api=1&query=San%20Antonio%2C%20TX" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 text-primary hover:text-blue-200 transition-colors" data-astro-cid-dwelrhxs> <i class="fa-solid fa-location-dot" data-astro-cid-dwelrhxs></i> <span data-astro-cid-dwelrhxs> San Antonio, TX </span> </a> </address> <a class="space-y-2" data-astro-cid-dwelrhxs> <!-- Click to reveal phone --> <!-- Click to reveal email --> <div class="reveal-container" data-astro-cid-dwelrhxs> <div class="reveal-button flex items-center gap-2 mt-1 text-primary hover:text-blue-200 transition-colors cursor-pointer" data-astro-cid-dwelrhxs> <i class="fa-solid fa-envelope" data-astro-cid-dwelrhxs></i> <span data-astro-cid-dwelrhxs>Email Us</span> </div> <div class="reveal-content hidden" data-astro-cid-dwelrhxs> <div class="flex items-center gap-2 py-2" data-astro-cid-dwelrhxs> <i class="fa-solid fa-envelope text-primary" data-astro-cid-dwelrhxs></i> <a href="mailto:info@jesusbehindthewheel.com" class="text-primary hover:text-blue-200 hover:underline transition-colors" data-astro-cid-dwelrhxs> info@jesusbehindthewheel.com </a> </div> </div> </div> </a> </div> </div> </div> </div> <!-- Copyright Footer --> <div class="py-4" data-astro-cid-dwelrhxs> <div class="container mx-auto px-4" data-astro-cid-dwelrhxs> <!-- Service Areas and Back to Top Button Row --> <!-- Copyright --> <div class="text-center" data-astro-cid-dwelrhxs> <p data-astro-cid-dwelrhxs>© 2025 Jesus Behind The Wheel. All rights reserved.</p> <p class="text-sm mt-1" data-astro-cid-dwelrhxs>
Engineered by <a href="https://araptus.com" class="text-primary hover:underline" target="_blank" rel="noopener noreferrer" data-astro-cid-dwelrhxs> Araptus </a> </p> </div> </div> </div> </footer> <script type="module">document.addEventListener("DOMContentLoaded",function(){const s=document.getElementById("serviceAreasBtn"),e=document.getElementById("serviceAreasPopup");s&&e&&(s.addEventListener("click",function(t){t.preventDefault(),t.stopPropagation(),e.classList.contains("hidden")?(e.classList.remove("hidden"),s.classList.add("active")):(e.classList.add("hidden"),s.classList.remove("active"))}),document.addEventListener("click",function(t){const n=t.target;n&&!s.contains(n)&&!e.contains(n)&&(e.classList.add("hidden"),s.classList.remove("active"))}),document.addEventListener("keydown",function(t){t.key==="Escape"&&!e.classList.contains("hidden")&&(e.classList.add("hidden"),s.classList.remove("active"))}))});</script> <!-- Scripts are now handled in FooterScripts.astro --> </div> <script>
// Footer reveal functionality
function setupFooterReveals() {
const revealContainers = document.querySelectorAll('.reveal-container');
// Function to close all reveal containers
function closeAllReveals() {
revealContainers.forEach(container => {
const button = container.querySelector('.reveal-button');
const content = container.querySelector('.reveal-content');
if (button && content) {
button.classList.remove('hidden');
content.classList.add('hidden');
}
});
}
// Close reveals when clicking outside
document.addEventListener('click', (e) => {
const target = e.target;
// If not clicking on a reveal element or its content, close all
if (!target.closest('.reveal-container')) {
closeAllReveals();
}
});
// Setup click events for each container
revealContainers.forEach(container => {
const button = container.querySelector('.reveal-button');
const content = container.querySelector('.reveal-content');
if (button && content) {
// Show content when button is clicked
button.addEventListener('click', (e) => {
e.stopPropagation();
// First close all other reveals
revealContainers.forEach(otherContainer => {
if (otherContainer !== container) {
const otherButton = otherContainer.querySelector('.reveal-button');
const otherContent = otherContainer.querySelector('.reveal-content');
if (otherButton && otherContent) {
otherButton.classList.remove('hidden');
otherContent.classList.add('hidden');
}
}
});
// Toggle this container
button.classList.add('hidden');
content.classList.remove('hidden');
});
// Make revealed content clickable to toggle back
content.addEventListener('click', (e) => {
// Don't toggle if clicking on a link
if (!e.target.closest('a')) {
e.stopPropagation();
button.classList.remove('hidden');
content.classList.add('hidden');
}
});
}
});
}
// Initialize footer functionality
function initializeFooter() {
setupFooterReveals();
}
// Initialize on page load
document.addEventListener('DOMContentLoaded', initializeFooter);
document.addEventListener('astro:page-load', initializeFooter);
</script> <!-- Delayed Feedbucket loading for better performance --><script>(function(){const feedbucketKey = "PvZriqLtPUk9mEPMU7Ce";
// Load Feedbucket after page is fully loaded and settled
function loadFeedbucket() {
setTimeout(() => {
const script = document.createElement('script');
script.type = 'module';
script.async = true;
script.src = "https://cdn.feedbucket.app/assets/feedbucket.js";
script.dataset.feedbucket = feedbucketKey;
document.head.appendChild(script);
}, 2000); // 2 second delay to allow page to fully load
}
// Load Feedbucket after everything else
window.addEventListener('load', loadFeedbucket);
document.addEventListener('astro:page-load', loadFeedbucket);
})();</script><script src="https://analytics.ahrefs.com/analytics.js" data-key="jLrz9NNXYducYbtsb5k5NA" async></script><!-- Delayed Google Analytics 4 (gtag.js) for better performance --><script>(function(){const gtagId = "G-888MRDB8P9";
// Load Google Analytics after page is fully loaded and settled
function loadGoogleAnalytics() {
setTimeout(() => {
// Create and load the gtag script
const gtagScript = document.createElement('script');
gtagScript.async = true;
gtagScript.src = `https://www.googletagmanager.com/gtag/js?id=${gtagId}`;
document.head.appendChild(gtagScript);
// Initialize gtag after script loads
gtagScript.onload = function() {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
window.gtag = gtag; // Make gtag globally available
gtag('js', new Date());
gtag('config', gtagId);
};
}, 2500); // 2.5 second delay to allow page to fully load
}
// Load Google Analytics after everything else
window.addEventListener('load', loadGoogleAnalytics);
document.addEventListener('astro:page-load', loadGoogleAnalytics);
})();</script><!-- Add nofollow to external links if specified --> </body></html> <script type="module">document.getElementById("retry-btn")?.addEventListener("click",()=>{window.location.reload()});</script>