Banner

Your exclusive Astralux access (via QR code)
Skip the ride-share chaos - experience what truly premium transportation feels like:
•	For the busy professional: 
Door-to-door service with military precision
•	For the discerning traveler: 
Impeccable vehicles that match your standards
•	For special evenings: 
Arrive as you deserve to be seen

Available now - faster than booking a restaurant reservation


Effortless Luxury Travel Across Texas

Black SUV parked on wet surface with city skyline silhouetted against an orange sunset sky.

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;
    }

    .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);
    }


    .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%;
    }

    /* ✅ 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">
      <span class="gold-overlay"></span>
      <span class="button-text">BOOK A CHAUFFEUR IN 90 SECONDS</span>
      <span class="luxury-arrow"></span>
    </a>

    <a href="tel:+12148859850" class="astralux-button astralux-contact-button">
      <span class="gold-overlay"></span>
      <span class="button-text">CONTACT OUR CONCIERGE</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>Luxury Social Media Component</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        .luxury-social-container {
            width: 100%;
            padding: 25px 20px;
            background: transparent;
            font-family: 'Playfair Display', Georgia, serif;
            position: relative;
            overflow: hidden;
        }

        .luxury-social-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at center, rgba(218, 165, 32, 0.03) 0%, rgba(255, 255, 255, 0.01) 70%);
            pointer-events: none;
        }

        .social-content {
            max-width: 1200px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            z-index: 2;
        }

        .follow-us-text {
            font-size: clamp(2rem, 4vw, 3rem);
            font-weight: 400;
            color: #ffffff;
            margin-bottom: 20px;
            letter-spacing: 3px;
            text-transform: uppercase;
            position: relative;
            display: inline-block;
            text-shadow: 0 0 20px rgba(218, 165, 32, 0.5), 0 0 40px rgba(218, 165, 32, 0.3);
        }

        .follow-us-text::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 100px;
            height: 2px;
            background: linear-gradient(90deg, transparent, #daa520, transparent);
            animation: shimmer 3s ease-in-out infinite;
        }

        @keyframes shimmer {
            0%, 100% { opacity: 0.3; }
            50% { opacity: 1; }
        }

        .luxury-subtitle {
            font-size: 1.2rem;
            color: #666;
            margin-bottom: 50px;
            font-weight: 300;
            letter-spacing: 1px;
            font-style: italic;
        }

        .social-icons-container {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 30px;
            flex-wrap: wrap;
            margin-top: 40px;
        }

        .social-icon {
            position: relative;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 2px solid rgba(218, 165, 32, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            overflow: hidden;
        }

        .social-icon::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(218, 165, 32, 0.1), rgba(255, 255, 255, 0.1));
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .social-icon:hover::before {
            opacity: 1;
        }

        .social-icon:hover {
            transform: translateY(-8px) scale(1.1);
            border-color: #daa520;
            box-shadow: 0 20px 40px rgba(218, 165, 32, 0.2);
        }

        .social-icon svg {
            width: 30px;
            height: 30px;
            fill: #555;
            transition: all 0.3s ease;
            position: relative;
            z-index: 1;
        }

        .social-icon:hover svg {
            fill: #daa520;
            transform: scale(1.2);
        }

        .social-icon.pinterest:hover {
            border-color: #bd081c;
            box-shadow: 0 20px 40px rgba(189, 8, 28, 0.2);
        }

        .social-icon.pinterest:hover svg {
            fill: #bd081c;
        }

        .social-icon.facebook:hover {
            border-color: #1877f2;
            box-shadow: 0 20px 40px rgba(24, 119, 242, 0.2);
        }

        .social-icon.facebook:hover svg {
            fill: #1877f2;
        }

        .social-icon.tiktok:hover {
            border-color: #000;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
        }

        .social-icon.tiktok:hover svg {
            fill: #000;
        }

        .social-icon.twitter:hover {
            border-color: #1da1f2;
            box-shadow: 0 20px 40px rgba(29, 161, 242, 0.2);
        }

        .social-icon.twitter:hover svg {
            fill: #1da1f2;
        }

        .social-icon.instagram:hover {
            border-color: #e1306c;
            box-shadow: 0 20px 40px rgba(225, 48, 108, 0.2);
        }

        .social-icon.instagram:hover svg {
            fill: #e1306c;
        }

        .floating-elements {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            overflow: hidden;
        }

        .floating-dot {
            position: absolute;
            width: 4px;
            height: 4px;
            background: rgba(218, 165, 32, 0.4);
            border-radius: 50%;
            animation: float 20s infinite linear;
        }

        .floating-dot:nth-child(1) {
            top: 20%;
            left: 10%;
            animation-delay: 0s;
        }

        .floating-dot:nth-child(2) {
            top: 60%;
            right: 15%;
            animation-delay: 8s;
        }

        .floating-dot:nth-child(3) {
            bottom: 30%;
            left: 20%;
            animation-delay: 15s;
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0px) translateX(0px);
                opacity: 0.3;
            }
            25% {
                transform: translateY(-20px) translateX(10px);
                opacity: 0.7;
            }
            50% {
                transform: translateY(-10px) translateX(-5px);
                opacity: 1;
            }
            75% {
                transform: translateY(-30px) translateX(15px);
                opacity: 0.5;
            }
        }

        @media (max-width: 768px) {
            .luxury-social-container {
                padding: 20px 15px;
            }
            
            .social-icons-container {
                gap: 20px;
            }
            
            .social-icon {
                width: 60px;
                height: 60px;
            }
            
            .social-icon svg {
                width: 25px;
                height: 25px;
            }
        }
    </style>
</head>
<body>
    <div class="luxury-social-container">
        <div class="floating-elements">
            <div class="floating-dot"></div>
            <div class="floating-dot"></div>
            <div class="floating-dot"></div>
        </div>
        
        <div class="social-content">
            <h2 class="follow-us-text">Follow Us On</h2>
            
            <div class="social-icons-container">
                <a href="https://www.pinterest.com/astraluxllc/" class="social-icon pinterest" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Pinterest">
                    <svg viewBox="0 0 24 24">
                        <path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738.098.119.112.224.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.888-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.357-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12.001 24c6.624 0 11.99-5.373 11.99-12C24 5.372 18.627.001 12.001.001z"/>
                    </svg>
                </a>
                
                <a href="https://www.facebook.com/astraluxllc" class="social-icon facebook" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Facebook">
                    <svg viewBox="0 0 24 24">
                        <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.tiktok.com/@astra.lux41" class="social-icon tiktok" target="_blank" rel="noopener noreferrer" aria-label="Follow us on TikTok">
                    <svg viewBox="0 0 24 24">
                        <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>
                    </svg>
                </a>
                
                <a href="https://x.com/astraluxllc" class="social-icon twitter" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Twitter">
                    <svg viewBox="0 0 24 24">
                        <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                    </svg>
                </a>
                
                <a href="https://www.instagram.com/astraluxllc/" class="social-icon instagram" target="_blank" rel="noopener noreferrer" aria-label="Follow us on Instagram">
                    <svg viewBox="0 0 24 24">
                        <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>
            </div>
        </div>
    </div>
</body>
</html>

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>