Banner

Contact us text written by an old typewriter on white sheet

Call to action

24/7 luxury dispatch for DFW, Love Field, and JSX. Professional chauffeurs. On-time, every time.

 Dallas’ Premier Black SUV Chauffeur Service

Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Astra Lux Button Widget</title>
  <style>
    :root {
      --lux-red: #B02626;
      --lux-gold: #D4AF37;
      --lux-gold-light: #f9e076;
    }

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      background-color: #121212;
      display:block;
      justify-content: center;
      align-items: center;
   
    }

    .astralux-buttons-container {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      gap: 150px;
      max-width: 1000px;
      margin: 0 auto;
      padding: 30px 20px;
      box-sizing: border-box;
    }

    .astralux-button {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 65px;
      padding: 0 20px;
      width: 100%;
      max-width: 320px;
      color: white;
      font-weight: 600;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      text-decoration: none;
      border: none;
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
      transition: all 0.3s ease;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      z-index: 1;
      animation: fadeInUp 0.7s ease-out both;
    }

    .button-text {
      flex-grow: 1;
      flex-shrink: 1;
      min-width: 0;
      text-align: center;
      padding-right: 10px;
      z-index: 2;
    }

    .astralux-book-button {
      background: linear-gradient(to right, var(--lux-red), #9a1f1f);
    }

    .astralux-contact-button {
      background: linear-gradient(to right, var(--lux-red), #9a1f1f);
      border: 2px solid rgba(212, 175, 55, 0.4);
    }

    .astralux-button:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 20px rgba(176, 38, 38, 0.4);
    }

    .astralux-button:active {
      transform: translateY(1px);
    }

    /* Focus state for accessibility */
    .astralux-button:focus {
      outline: 2px solid var(--lux-gold);
      outline-offset: 2px;
    }

    .luxury-arrow {
      position: relative;
      z-index: 3;
      width: 45px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 10px;
      animation: arrowMove 2.5s ease-in-out infinite;
    }

    .luxury-arrow::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57 40'%3E%3Cpath d='M56.2 20c0 .5-.2 1-.6 1.4l-14.3 14.3c-.8.8-2 .8-2.8 0s-.8-2 0-2.8L48.2 23H3c-1.1 0-2-.9-2-2s.9-2 2-2h45.2l-9.7-9.7c-.8-.8-.8-2 0-2.8s2-.8 2.8 0l14.3 14.3c.4.4.6.9.6 1.4z' fill='white'/%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }

    @keyframes arrowMove {
      0%, 100% { transform: translateX(0); }
      50% { transform: translateX(6px); }
    }

    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .astralux-book-button::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(212, 175, 55, 0.2) 30%,
        rgba(249, 224, 118, 0.4) 50%,
        rgba(212, 175, 55, 0.2) 70%,
        transparent
      );
      background-size: 300px 100%;
      z-index: 1;
      animation: goldWave 9s linear infinite;
      opacity: 0.8;
    }

    @keyframes goldWave {
      0% { background-position: -200px 0; }
      100% { background-position: calc(100% + 200px) 0; }
    }

    .gold-overlay {
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg,
        transparent,
        rgba(212, 175, 55, 0.2),
        transparent);
      z-index: 1;
      transition: left 1s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .astralux-button:hover .gold-overlay {
      left: 100%;
    }

    /* Reduced motion for accessibility */
    @media (prefers-reduced-motion: reduce) {
      .astralux-button {
        animation: none;
      }
      
      .luxury-arrow {
        animation: none;
      }
      
      .astralux-book-button::after {
        animation: none;
      }
    }

    /* ✅ Mobile-specific overrides only */
    @media (max-width: 768px) {
      .astralux-buttons-container {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 25px;
        padding: 20px;
      }

      .astralux-button {
        font-size: clamp(13px, 4vw, 15px);
        width: 95%;
        max-width: 340px;
        height: auto;
        min-height: 60px;
        padding: 10px 16px;
        white-space: normal;
        text-align: center;
        flex-wrap: nowrap;
      }

      .button-text {
        font-size: clamp(12px, 3.5vw, 14px);
        line-height: 1.4;
        padding-right: 10px;
      }

      .luxury-arrow {
        width: 30px;
        height: 20px;
        flex-shrink: 0;
      }
    }
  </style>
</head>
<body>
  <div class="astralux-buttons-container">
    <a href="https://book-now.astraluxllc.us/" target="_blank" rel="noopener noreferrer" class="astralux-button astralux-book-button" aria-label="Book a chauffeur in 90 seconds">
      <span class="gold-overlay"></span>
      <span class="button-text">BOOK A CHAUFFEUR IN 90 SECONDS</span>
      <span class="luxury-arrow" aria-hidden="true"></span>
    </a>
  </div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact ASTRA LUX | Dallas Black SUV & Airport Chauffeur Service</title>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* COMPONENT ONLY STYLES - SCOPED TO CONTAINER */
        .luxury-contact-component {
            --luxury-red: #B02626;
            --luxury-dark: #1a1a1a;
            --luxury-darker: #0d0d0d;
            --luxury-card-bg: rgba(25, 25, 25, 0.7);
            --luxury-item-bg: rgba(30, 30, 30, 0.6);
            --luxury-text: #ddd;
            --luxury-text-light: #aaa;
            
            font-family: 'Playfair Display', serif;
            max-width: 900px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .luxury-card {
            background: var(--luxury-card-bg);
            backdrop-filter: blur(12px);
            border-radius: 20px;
            padding: 40px;
            width: 100%;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7);
            border: 1px solid rgba(176, 38, 38, 0.4);
            position: relative;
            overflow: hidden;
        }
        
        .luxury-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(176, 38, 38, 0.15) 0%, transparent 70%);
            animation: rotate 25s linear infinite;
            z-index: -1;
        }
        
        .luxury-header {
            text-align: center;
            margin-bottom: 40px;
            position: relative;
        }
        
        .luxury-header h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(1.8rem, 5vw, 2.8rem);
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 15px;
            text-shadow: 0 0 15px rgba(176, 38, 38, 0.8);
            position: relative;
            display: inline-block;
            font-weight: 700;
        }
        
        .luxury-header h1::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: min(150px, 70%);
            height: 4px;
            background: linear-gradient(90deg, transparent, var(--luxury-red), transparent);
            border-radius: 2px;
        }
        
        .luxury-header p {
            font-family: 'Playfair Display', serif;
            color: var(--luxury-text);
            font-size: clamp(1rem, 2.5vw, 1.2rem);
            max-width: 620px;
            margin: 25px auto 0;
            line-height: 1.7;
            font-weight: 500;
        }
        
        .contact-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .contact-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 35px 25px;
            border-radius: 15px;
            background: var(--luxury-item-bg);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(100, 100, 100, 0.3);
            min-height: 180px;
            cursor: pointer;
        }
        
        .contact-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, transparent 0%, rgba(176, 38, 38, 0.15) 50%, transparent 100%);
            animation: diagonal-sweep 8s linear infinite;
            z-index: 0;
        }
        
        .contact-item:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(176, 38, 38, 0.3);
        }
        
        .contact-icon {
            font-size: clamp(2rem, 5vw, 2.5rem);
            color: var(--luxury-red);
            margin-bottom: 20px;
            z-index: 2;
            transition: all 0.3s ease;
        }
        
        .contact-item:hover .contact-icon {
            transform: scale(1.2);
            color: #fff;
            text-shadow: 0 0 15px rgba(255, 0, 0, 0.8);
        }
        
        .contact-link {
            font-family: 'Playfair Display', serif;
            font-size: clamp(1.2rem, 3vw, 1.6rem);
            font-weight: 600;
            text-decoration: none;
            color: var(--luxury-red);
            z-index: 2;
            position: relative;
            padding: 10px 15px;
            border-radius: 10px;
            transition: all 0.3s ease;
            text-align: center;
            background: rgba(15, 15, 15, 0.7);
            letter-spacing: 1px;
            display: block;
            width: 100%;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            box-sizing: border-box;
        }
        
        .contact-link:hover {
            color: #fff;
            background: rgba(176, 38, 38, 0.25);
        }
        
        .contact-label {
            font-family: 'Playfair Display', serif;
            color: var(--luxury-text-light);
            font-size: clamp(0.85rem, 2vw, 1rem);
            margin-top: 15px;
            z-index: 2;
            letter-spacing: 1px;
            font-weight: 500;
        }
        
        .luxury-footer {
            font-family: 'Playfair Display', serif;
            margin-top: 50px;
            text-align: center;
            color: #777;
            font-size: clamp(0.8rem, 2vw, 1rem);
            padding-top: 20px;
            border-top: 1px solid rgba(100, 100, 100, 0.3);
            font-weight: 500;
        }
        
        /* Animations */
        @keyframes diagonal-sweep {
            0% {
                transform: translate(-100%, -100%);
            }
            100% {
                transform: translate(100%, 100%);
            }
        }
        
        @keyframes rotate {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        
        /* Phone pulsation animation */
        @keyframes soft-pulse {
            0% {
                transform: scale(1);
                text-shadow: 0 0 0 rgba(176, 38, 38, 0.5);
            }
            50% {
                transform: scale(1.1);
                text-shadow: 0 0 15px rgba(176, 38, 38, 0.8);
            }
            100% {
                transform: scale(1);
                text-shadow: 0 0 0 rgba(176, 38, 38, 0.5);
            }
        }
        
        .fa-phone.contact-icon {
            animation: soft-pulse 2s infinite ease-in-out;
        }
        
        /* Mobile Optimization */
        @media (max-width: 768px) {
            .luxury-card {
                padding: 30px 20px;
            }
            
            .contact-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .contact-item {
                padding: 25px 15px;
                min-height: 150px;
            }
            
            .contact-link {
                padding: 8px 10px;
                font-size: 1.2rem;
                white-space: normal;
            }
        }
        
        @media (max-width: 480px) {
            .luxury-contact-component {
                padding: 10px;
            }
            
            .luxury-header h1 {
                letter-spacing: 2px;
            }
            
            .luxury-footer {
                margin-top: 30px;
                padding-top: 15px;
            }
            
            .contact-link {
                font-size: 1.1rem;
            }
        }
    </style>
</head>
<body>
    
    <div class="luxury-contact-component">
        <div class="luxury-card">
            <div class="luxury-header">
                <h1>CONTACT OUR CONCIERGE</h1>
                <p>Serving All DFW<br>24/7 – Always Open</p>
            </div>
            
            <div class="contact-grid">
                <div class="contact-item">
                    <i class="fas fa-phone contact-icon"></i>
                    <a href="tel:214-885-9850" class="contact-link">214-885-9850</a>
                    <div class="contact-label">CALL US ANYTIME</div>
                </div>
                
                <div class="contact-item">
                    <i class="fas fa-envelope contact-icon"></i>
                    <a href="mailto:info@astraluxllc.us" class="contact-link">info@astraluxllc.us</a>
                    <div class="contact-label">EMAIL FOR INQUIRIES</div>
                </div>
            </div>
            
            <div class="luxury-footer">
                <p>Luxury Beyond Expectations | Premium Chauffeur Services</p>
            </div>
        </div>
    </div>
    
    
    <script>
        // Enhanced micro-interactions - scoped to component
        document.querySelectorAll('.luxury-contact-component .contact-item').forEach(item => {
            item.addEventListener('mousemove', (e) => {
                const rect = item.getBoundingClientRect();
                const x = e.clientX - rect.left;
                const y = e.clientY - rect.top;
                
                // Dynamic glow effect
                item.style.boxShadow = `
                    ${(x - rect.width/2)/20}px ${(y - rect.height/2)/20}px 40px rgba(176, 38, 38, 0.4)
                `;
            });
            
            item.addEventListener('mouseleave', () => {
                // Smooth transition back to original state
                item.style.boxShadow = '0 10px 25px rgba(176, 38, 38, 0.2)';
                item.style.transform = 'translateY(0)';
            });
            
            // Add touch interaction for mobile
            item.addEventListener('touchstart', () => {
                item.style.transform = 'translateY(-8px)';
                item.style.boxShadow = '0 15px 30px rgba(176, 38, 38, 0.3)';
            });
            
            item.addEventListener('touchend', () => {
                setTimeout(() => {
                    item.style.transform = 'translateY(0)';
                    item.style.boxShadow = '0 10px 25px rgba(176, 38, 38, 0.2)';
                }, 200);
            });
            
            // Pause phone animation on hover
            const phoneIcon = item.querySelector('.fa-phone');
            if (phoneIcon) {
                item.addEventListener('mouseenter', () => {
                    phoneIcon.style.animationPlayState = 'paused';
                });
                
                item.addEventListener('mouseleave', () => {
                    phoneIcon.style.animationPlayState = 'running';
                });
            }
        });
    </script>
</body>
</html>

<div class="responsive-map-container"
     data-map-url="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53669.84901908646!2d-96.8469028098032!3d32.782564999999984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8055e44acb3b2531%3A0x41d0acbe3359d783!2sASTRA%20LUX%20LLC!5e0!3m2!1sen!2sus!4v1757833621518!5m2!1sen!2sus">
  <div class="map-box">
    <button class="map-btn">Load interactive map</button>
  </div>
</div>
<div class="map-note">Map loads on scroll or click to keep the page fast.</div>

<noscript>
  <iframe title="ASTRA LUX LLC on Google Maps"
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d53669.84901908646!2d-96.8469028098032!3d32.782564999999984!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8055e44acb3b2531%3A0x41d0acbe3359d783!2sASTRA%20LUX%20LLC!5e0!3m2!1sen!2sus!4v1757833621518!5m2!1sen!2sus"
          style="border:0;width:100%;height:400px" loading="lazy" allowfullscreen
          referrerpolicy="no-referrer-when-downgrade"></iframe>
</noscript>


Contact form

<h3>Contact Us Today</h3> <p>Reach out to us using the contact form. We are here to help with your transportation needs.</p>

name

email

phone

message

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ASTRA LUX Headquarters</title>
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        /* ASTRA LUX COMPONENT - Fixed Mobile Layout */
        #astra-lux-component {
            --luxury-red: #B02626;
            --luxury-grey-dark: #1F1F1F;
            --luxury-grey: #2F2C2C;
            --luxury-grey-light: #3A3A3A;
            --luxury-grey-lighter: #4A4A4A;
            --luxury-text: #e0e0e0;
            --luxury-text-light: #b0b0b0;
            --luxury-border: rgba(255, 255, 255, 0.1);
            
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            max-width: 1200px;
            width: 100%;
            margin: 40px auto;
            padding: 0 20px;
            box-sizing: border-box;
            display: block;
        }
        
        #astra-lux-component * {
            box-sizing: border-box;
        }
        
        .al-card {
            background: linear-gradient(135deg, var(--luxury-grey-dark) 0%, var(--luxury-grey) 100%);
            border-radius: 20px;
            padding: 40px;
            width: 100%;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
            border: 1px solid var(--luxury-border);
            position: relative;
            overflow: hidden;
        }
        
        .al-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, transparent 70%);
            animation: al-rotate 25s linear infinite;
            z-index: 0;
        }
        
        .al-header {
            text-align: center;
            margin-bottom: 40px;
            position: relative;
            z-index: 2;
        }
        
        .al-header h2 {
            font-size: clamp(1.8rem, 5vw, 2.5rem);
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-bottom: 15px;
            font-weight: 300;
            position: relative;
            display: inline-block;
        }
        
        .al-header h2::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: min(180px, 70%);
            height: 2px;
            background: linear-gradient(90deg, transparent, var(--luxury-red), transparent);
            border-radius: 2px;
        }
        
        .al-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-top: 20px;
            z-index: 2;
            position: relative;
        }
        
        .al-details {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .al-text {
            background: rgba(30, 30, 30, 0.6);
            border: 1px solid var(--luxury-border);
            border-radius: 15px;
            padding: 30px;
            position: relative;
            overflow: hidden;
            z-index: 2;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }
        
        .al-text::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.03) 50%, transparent 100%);
            z-index: -1;
        }
        
        .al-text h3 {
            font-size: clamp(1.4rem, 3vw, 1.8rem);
            color: #fff;
            margin-bottom: 30px;
            text-align: center;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-weight: 400;
            position: relative;
        }
        
        .al-text h3::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 1px;
            background: rgba(255, 255, 255, 0.1);
        }
        
        .al-info {
            font-size: clamp(1.1rem, 2.5vw, 1.3rem);
            line-height: 1.8;
            color: var(--luxury-text);
            text-align: center;
        }
        
        .al-info p {
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            padding: 8px 0;
        }
        
        .al-info i {
            color: var(--luxury-red);
            font-size: 1.2em;
            min-width: 30px;
            text-align: center;
        }
        
        /* Services emphasis section (replaces map) */
        .al-services {
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: rgba(30, 30, 30, 0.6);
            border: 1px solid var(--luxury-border);
            border-radius: 15px;
            padding: 30px;
            position: relative;
            overflow: hidden;
            z-index: 2;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            text-align: center;
        }
        
        .al-services::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.03) 50%, transparent 100%);
            z-index: -1;
        }
        
        .al-services h3 {
            font-size: clamp(1.4rem, 3vw, 1.8rem);
            color: #fff;
            margin-bottom: 25px;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-weight: 400;
            position: relative;
        }
        
        .al-services h3::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 1px;
            background: rgba(255, 255, 255, 0.1);
        }
        
        .al-services-list {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .al-service-item {
            display: flex;
            align-items: center;
            gap: 12px;
            color: var(--luxury-text);
            font-size: 1.1rem;
        }
        
        .al-service-item i {
            color: var(--luxury-red);
            font-size: 1.3rem;
            min-width: 30px;
            text-align: center;
        }
        
        .al-directions {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }
        
        .al-btn {
            background: linear-gradient(135deg, var(--luxury-grey-light), var(--luxury-grey-lighter));
            color: #e0e0e0;
            padding: 12px 30px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 0.9rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .al-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(176, 38, 38, 0.3);
            background: linear-gradient(135deg, var(--luxury-grey-lighter), var(--luxury-grey-light));
            color: #fff;
        }
        
        .al-divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            width: 80%;
            margin: 40px auto 30px;
        }
        
        /* Animations */
        @keyframes al-rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* Responsive Design */
        @media (max-width: 992px) {
            .al-content { 
                grid-template-columns: 1fr; 
                gap: 30px;
            }
            
            .al-card { 
                padding: 30px 25px; 
            }
        }
        
        @media (max-width: 768px) {
            #astra-lux-component {
                padding: 0 15px;
                margin: 30px auto;
            }
            
            .al-card { 
                padding: 25px 20px; 
                border-radius: 16px;
            }
            
            .al-header h2 { 
                font-size: 1.8rem; 
                letter-spacing: 3px;
            }
            
            .al-text, .al-services { 
                padding: 25px 20px; 
                border-radius: 12px;
            }
            
            .al-info, .al-service-item { 
                font-size: 1.05rem; 
            }
        }
        
        @media (max-width: 480px) {
            .al-header h2 { 
                letter-spacing: 2px; 
                font-size: 1.6rem; 
            }
            
            .al-text, .al-services { 
                padding: 20px 15px; 
            }
            
            .al-info { 
                font-size: 1rem; 
            }
            
            .al-info p, .al-service-item {
                flex-direction: column;
                text-align: center;
                gap: 8px;
            }
            
            .al-btn { 
                width: 100%; 
                justify-content: center; 
                padding: 12px; 
            }
        }
    </style>
</head>
<body>
    
    <div id="astra-lux-component">
        <div class="al-card">
            <div class="al-header">
                <h2>OUR HEADQUARTERS</h2>
                <div class="al-divider"></div>
            </div>
            
            <div class="al-content">
                <div class="al-details">
                    <div class="al-text">
                        <h3>ASTRA LUX LLC</h3>
                        <div class="al-info">
                            <p><i class="fas fa-building"></i>1777 N Record St, Unit 3207</p>
                            <p><i class="fas fa-city"></i>Dallas, TX 75202</p>
                            <p><i class="fas fa-road"></i>Airport Transfers · City-to-City · Hourly</p>
                        </div>
                    </div>
                </div>
                
                <div class="al-services">
                    <h3>PREMIUM SERVICES</h3>
                    <div class="al-services-list">
                        <div class="al-service-item">
                            <i class="fas fa-plane"></i>
                            <span>Airport Transfers</span>
                        </div>
                        <div class="al-service-item">
                            <i class="fas fa-city"></i>
                            <span>City-to-City Travel</span>
                        </div>
                        <div class="al-service-item">
                            <i class="fas fa-clock"></i>
                            <span>Hourly Charter</span>
                        </div>
                        <div class="al-service-item">
                            <i class="fas fa-star"></i>
                            <span>VIP Concierge</span>
                        </div>
                    </div>
                    <div class="al-directions">
                        <a href="https://maps.app.goo.gl/i34Qmt9GGFw53EmT7" 
                           target="_blank" rel="noopener" class="al-btn">
                            <i class="fas fa-route"></i> Get Directions
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

Banner image slider horizontal

ASTRA LUX delivers luxury SUV transfers across DFW, Love Field, and JSX private terminals. From corporate travel to special events, our professional chauffeurs ensure safe, stylish, and on-time service — 24/7 in Dallas.

Dallas’ Premier Black SUV & Airport Chauffeur Service

ASTRA LUX premium black SUV fleet Dallas airport transfers and hourly service

Dallas luxury skyline view with ASTRA LUX chauffeur SUV service near downtown HQ

Executive long-distance black SUV travel Dallas to Austin with ASTRA LUX

ASTRA LUX VIP Kids Concierge service Dallas with safe SUV chauffeur

Dallas night event chauffeur service with ASTRA LUX luxury black SUVs

VIP client experience with ASTRA LUX black SUV chauffeur service in Dallas

ASTRA LUX Dallas black SUV chauffeur discount offer for airport and hourly rides

Astra Lux LLC 

ASTRA LUX LLC | Dallas Black SUV Chauffeur Service
Luxury rides, professional chauffeurs, and VIP comfort – that’s the ASTRA LUX experience.
We specialize in DFW & Love Field airport transfers, hourly bookings (3+ hrs), corporate travel, and private events across Dallas. New clients save 10% on their first ride, plus $25 off hourly bookings of 3+ hours. Available 24/7 with spotless black SUVs and on-time, discreet service. No apps. No stress. Just premium, personalized service. Your luxury ride is waiting – reserve now.

Poppins

Playfair Display

Roboto

Hanken Grotesk

<p>We use cookies to enhance your experience and analyze our traffic.By cliclimg "Accept" , you consent to our use of cookies.</p>