Showing source for: https://monarc.vip/
Duration: 0.054315s
Server: Vercel

<!DOCTYPE html>
<html lang="en">

<head>

    <meta name="google-site-verification" content="S_nleIrIm3LqE9jKgDGMc2wQ3KBbcFe_Ry6sHFUgpWE" />

    <!-- Page Metadata & Open Graph Tags -->
    <title>Miami Exotic Car Rental | Lambo, Ferrari, Rolls-Royce</title>
    <meta name="description" content="Rent a Lamborghini, Ferrari, or Rolls-Royce in Miami from $395/day. Free delivery on rentals of three days or longer; $100 each way on 1-2 days.">
    <link rel="canonical" href="https://monarc.vip/">

    <!-- hreflang -->
    <link rel="alternate" hreflang="en" href="https://monarc.vip/">
    <link rel="alternate" hreflang="de" href="https://monarc.vip/sportwagen-mieten-miami">
    <link rel="alternate" hreflang="es" href="https://monarc.vip/renta-de-autos-de-lujo-miami">
    <link rel="alternate" hreflang="x-default" href="https://monarc.vip/">

    <!-- Open Graph / Facebook / LinkedIn -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://monarc.vip/">
    <meta property="og:title" content="Miami Exotic Car Rental | Lambo, Ferrari, Rolls-Royce">
    <meta property="og:description" content="Rent a Lamborghini, Ferrari, or Rolls-Royce in Miami from $395/day. Free delivery on rentals of three days or longer; $100 each way on 1-2 days.">
    <meta property="og:image" content="https://monarc.vip/miami-hero-desktop.webp">
    <meta property="og:site_name" content="Monarc VIP">

    <!-- Twitter / iMessage -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:url" content="https://monarc.vip/">
    <meta name="twitter:title" content="Miami Exotic Car Rental | Lambo, Ferrari, Rolls-Royce">
    <meta name="twitter:description" content="Rent a Lamborghini, Ferrari, or Rolls-Royce in Miami from $395/day. Free delivery on rentals of three days or longer; $100 each way on 1-2 days.">
    <meta name="twitter:image" content="https://monarc.vip/miami-hero-desktop.webp">
    <!-- End Page Metadata -->

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="geo.region" content="US-FL">
    <meta name="geo.placename" content="Miami, Florida">
    <meta name="geo.position" content="25.7617;-80.1918">
    <meta name="ICBM" content="25.7617, -80.1918">
    <meta property="og:locale" content="en_US">

    <!-- Performance: DNS prefetch + preconnect for CDNs -->
    <link rel="dns-prefetch" href="//framerusercontent.com">
    <link rel="preconnect" href="https://framerusercontent.com" crossorigin>
    <link rel="dns-prefetch" href="//fareharbor.com">
    <!-- Hero image preload -->
    <link rel="preload" as="image" href="/miami-hero-desktop.webp" type="image/webp" fetchpriority="high">
    <link rel="preload" as="font" href="/assets/fonts/inter/inter-07.woff2" type="font/woff2" crossorigin>

    <link rel="preconnect" href="https://plausible.io">
    <link href="/assets/fonts/inter/inter.css?v=2" rel="stylesheet">
    <link rel="stylesheet" href="/styles.min.css?v=20261014-next">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
        <script type="application/ld+json">{
            "@context": "https://schema.org",
            "@type": "Organization",
            "@id": "https://monarc.vip/#organization",
            "name": "Monarc VIP",
            "url": "https://monarc.vip",
            "logo": "https://monarc.vip/assets/monarc-logo-white.png",
            "foundingDate": "2018",
            "description": "Miami's premier luxury & exotic car rental company offering Lamborghini, Ferrari, Rolls-Royce, McLaren, Mercedes, Porsche, and BMW rentals with concierge delivery across South Florida.",
            "address": {
                  "@type": "PostalAddress",
                  "streetAddress": "901 S Miami Ave, Suite 214",
                  "addressLocality": "Miami",
                  "addressRegion": "FL",
                  "postalCode": "33130",
                  "addressCountry": "US"
            },
            "telephone": "+1 (786) 949-7058",
            "email": "[email protected]",
            "numberOfEmployees": {
                  "@type": "QuantitativeValue",
                  "minValue": 5,
                  "maxValue": 15
            },
            "areaServed": [
                  {
                        "@type": "City",
                        "name": "Miami"
                  },
                  {
                        "@type": "City",
                        "name": "Miami Beach"
                  },
                  {
                        "@type": "City",
                        "name": "Fort Lauderdale"
                  },
                  {
                        "@type": "City",
                        "name": "Brickell"
                  },
                  {
                        "@type": "City",
                        "name": "Coral Gables"
                  },
                  {
                        "@type": "City",
                        "name": "Aventura"
                  },
                  {
                        "@type": "City",
                        "name": "Boca Raton"
                  },
                  {
                        "@type": "City",
                        "name": "West Palm Beach"
                  }
            ],
            "sameAs": [
                  "https://www.instagram.com/monarcvip/",
                  "https://www.tiktok.com/@monarc.vip",
                  "https://www.youtube.com/@monarcvip",
                  "https://x.com/monarcvip",
                  "https://www.yelp.com/biz/monarc-vip-miami",
                  "https://www.tripadvisor.com/Attraction_Review-g34438-d32868146-Reviews-Monarc_Vip-Miami_Florida.html",
                  "https://www.trustpilot.com/review/monarc.vip",
                  "https://www.provenexpert.com/en-us/monarc-vip2/",
                  "https://www.trustindex.io/reviews/monarc.vip",
                  "https://patch.com/florida/miami/business/listing/507915/monarc-vip-luxury-exotic-car-rentals-miami",
                  "https://sites.google.com/view/monarcvipluxuryexoticcarrental/home",
                  "https://monarcvip.carrd.co/",
                  "https://monarcvip.weebly.com/",
                  "https://monarcvip.godaddysites.com/"
            ],
            "knowsAbout": [
                  "Exotic car rental services",
                  "Luxury vehicle fleet management",
                  "Miami luxury automotive market",
                  "Supercar rental logistics",
                  "VIP event transportation",
                  "Yacht charter coordination",
                  "South Florida hospitality partnerships"
            ]
      }</script>
    <script type="application/ld+json">{
            "@context": "https://schema.org",
            "@type": "AutoRental",
            "@id": "https://monarc.vip/#autorental",
            "name": "Monarc VIP",
            "dateModified": "2026-08-05",
            "url": "https://monarc.vip",
            "logo": "https://monarc.vip/assets/monarc-logo-white.png",
            "image": "https://monarc.vip/assets/monarc-logo-white.png",
            "description": "Miami luxury and exotic car rentals for Lamborghini, Ferrari, Rolls-Royce, McLaren, Porsche, Corvette, and luxury SUV rentals.",
            "telephone": "+1 (786) 949-7058",
            "email": "[email protected]",
            "parentOrganization": {
                  "@id": "https://monarc.vip/#organization"
            },
            "address": {
                  "@type": "PostalAddress",
                  "streetAddress": "901 S Miami Ave, Suite 214",
                  "addressLocality": "Miami",
                  "addressRegion": "FL",
                  "postalCode": "33130",
                  "addressCountry": "US"
            },
            "geo": {
                  "@type": "GeoCoordinates",
                  "latitude": "25.7617",
                  "longitude": "-80.1918"
            },
            "openingHoursSpecification": {
                  "@type": "OpeningHoursSpecification",
                  "dayOfWeek": [
                        "Monday",
                        "Tuesday",
                        "Wednesday",
                        "Thursday",
                        "Friday",
                        "Saturday",
                        "Sunday"
                  ],
                  "opens": "08:00",
                  "closes": "22:00"
            },
            "priceRange": "$$$",
            "paymentAccepted": [
                  "Cash",
                  "Credit Card",
                  "Cryptocurrency"
            ],
            "currenciesAccepted": "USD",
            "areaServed": [
                  {
                        "@type": "City",
                        "name": "Miami"
                  },
                  {
                        "@type": "City",
                        "name": "Miami Beach"
                  },
                  {
                        "@type": "City",
                        "name": "Fort Lauderdale"
                  },
                  {
                        "@type": "City",
                        "name": "Brickell"
                  },
                  {
                        "@type": "City",
                        "name": "Coral Gables"
                  },
                  {
                        "@type": "City",
                        "name": "Aventura"
                  },
                  {
                        "@type": "City",
                        "name": "Boca Raton"
                  },
                  {
                        "@type": "City",
                        "name": "West Palm Beach"
                  }
            ],
            "sameAs": [
                  "https://www.instagram.com/monarcvip/",
                  "https://www.tiktok.com/@monarc.vip",
                  "https://www.youtube.com/@monarcvip",
                  "https://x.com/monarcvip",
                  "https://www.yelp.com/biz/monarc-vip-miami",
                  "https://www.tripadvisor.com/Attraction_Review-g34438-d32868146-Reviews-Monarc_Vip-Miami_Florida.html",
                  "https://www.trustpilot.com/review/monarc.vip",
                  "https://www.provenexpert.com/en-us/monarc-vip2/",
                  "https://www.trustindex.io/reviews/monarc.vip",
                  "https://patch.com/florida/miami/business/listing/507915/monarc-vip-luxury-exotic-car-rentals-miami",
                  "https://sites.google.com/view/monarcvipluxuryexoticcarrental/home",
                  "https://monarcvip.carrd.co/",
                  "https://monarcvip.weebly.com/",
                  "https://monarcvip.godaddysites.com/"
            ],
            "hasOfferCatalog": {
                  "@type": "OfferCatalog",
                  "name": "Exotic Car Rentals",
                  "itemListElement": [
                        {
                              "@type": "OfferCatalog",
                              "name": "Lamborghini Rentals",
                              "url": "https://monarc.vip/lamborghini-rental"
                        },
                        {
                              "@type": "OfferCatalog",
                              "name": "Ferrari Rentals",
                              "url": "https://monarc.vip/ferrari-rental"
                        },
                        {
                              "@type": "OfferCatalog",
                              "name": "Rolls-Royce Rentals",
                              "url": "https://monarc.vip/rolls-royce-rental"
                        },
                        {
                              "@type": "OfferCatalog",
                              "name": "McLaren Rentals",
                              "url": "https://monarc.vip/mclaren-rental"
                        },
                        {
                              "@type": "OfferCatalog",
                              "name": "Mercedes Rentals",
                              "url": "https://monarc.vip/mercedes-rental"
                        },
                        {
                              "@type": "OfferCatalog",
                              "name": "Porsche Rentals",
                              "url": "https://monarc.vip/porsche-rental"
                        },
                        {
                              "@type": "OfferCatalog",
                              "name": "Yacht Charter Miami",
                              "url": "https://monarc.vip/yacht-charter-miami"
                        }
                  ]
            }
      }</script>
    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What are the age and license requirements?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "According to our Fleet Manager James Hernandez, you must be at least 21 years old with a valid driver's license to rent any vehicle in our fleet."
      }
    },
    {
      "@type": "Question",
      "name": "Is insurance coverage included in the rental price?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Insurance is not included in the rental price. Renters must carry their own valid auto insurance policy that covers exotic and high-value vehicles prior to pickup."
      }
    },
    {
      "@type": "Question",
      "name": "How do I book an exotic car rental?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "You can request your Miami luxury car rental or exotic car rental right here on our website or contact the concierge team directly for quote review."
      }
    },
    {
      "@type": "Question",
      "name": "What should I bring when picking up the rental car?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Please bring your valid driver's license, proof of insurance, and the credit card used for the reservation deposit."
      }
    },
    {
      "@type": "Question",
      "name": "Are there mileage limits on exotic car rentals?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes, typical exotic car rentals include a daily mileage allowance (usually 100 miles/day). Additional miles are billed at a set rate depending on the vehicle class."
      }
    },
    {
      "@type": "Question",
      "name": "What payment methods do you accept?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "We accept all major credit cards, wire transfers, and cryptocurrency. A security deposit is required at the time of rental pickup."
      }
    },
    {
      "@type": "Question",
      "name": "How much does it cost to rent an exotic car in Miami?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Exotic car rental pricing at Monarc VIP in Miami depends on vehicle, date, mileage, rental length, delivery plan, deposit, and coverage requirements. Published starting rates are useful for planning, but the current quote should be confirmed before booking."
      }
    },
    {
      "@type": "Question",
      "name": "What exotic cars can I rent in Miami?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Monarc VIP helps clients compare Lamborghini, Ferrari, Rolls-Royce, McLaren, Porsche, Bentley, Mercedes, BMW, Cadillac, Corvette, and luxury SUV rentals in Miami. Current vehicle availability, model year, color, delivery timing, and rental terms should be confirmed for the requested date."
      }
    },
    {
      "@type": "Question",
      "name": "What do I need to rent an exotic car in Miami?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "To rent an exotic car from Monarc VIP in Miami you need three things: a valid driver's license, proof of full-coverage auto insurance that transfers to high-value vehicles, and a credit card for the booking payment. A $500 booking payment reserves the date and is applied to your rental total; it is refundable only if you cancel at least 7 days before pickup. Renters must be at least 21 years old with a valid license. International visitors with a valid foreign license are welcome; German-language visitors can review our Sportwagen mieten in Miami guide, and Spanish speakers can visit our renta de autos de lujo en Miami page. At pickup, you will present your license, insurance documentation, and the credit card used for the reservation. Security holds are sized to the car, from $500 on the Corvette C8 to $2,000 on the flagship Ferrari and Lamborghini models, and are confirmed in writing before pickup. If your personal insurance does not cover exotic vehicles, the concierge team can help you find temporary coverage options. For questions about documentation or eligibility, call (786) 949-7058 or visit our office at 901 S Miami Ave, Suite 214, Miami, FL 33130."
      }
    },
    {
      "@type": "Question",
      "name": "Does Monarc VIP deliver cars to Miami hotels?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Delivery and pickup can be coordinated for hotels, residences, airport-area plans, and private-aviation arrivals when timing, access, and vehicle availability are confirmed. Popular planning areas include South Beach, Brickell, Aventura, Coral Gables, Coconut Grove, Wynwood, Fort Lauderdale, and Miami International Airport."
      }
    },
    {
      "@type": "Question",
      "name": "What is the lowest-priced exotic car to rent in Miami?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "The most approachable exotic car rental at Monarc VIP in Miami is usually the Corvette C8, with published starting rates from $395 per day before date-specific taxes, delivery, mileage, coverage, and security-hold terms. Other value-focused options include BMW and Cadillac luxury models when available. Standard mileage is typically 100 miles per day, and delivery can be coordinated when timing, access, documentation, and vehicle availability are confirmed. Final pricing, deposit or card-hold details, and pickup or delivery timing are confirmed by concierge before handoff. Request dates at monarc.vip or call (786) 949-7058."
      }
    }
  ]
}
</script>

    <style>
        /* Responsive fleet cards */
        @media(max-width:1024px) { .feat-5, .feat-6 { display: none; } }
        @media(max-width:600px)  { .feat-4 { display: none; } }



        /* Urgency pill on car cards (base) */
        .urgency-pill {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 0.7rem;
            font-weight: 600;
            color: #ff6b35;
            background: rgba(255,107,53,0.1);
            border: 1px solid rgba(255,107,53,0.25);
            border-radius: 20px;
            padding: 3px 10px;
            white-space: nowrap;
        }

        /* Aggregate review row */
        .review-aggregate {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 32px;
            flex-wrap: wrap;
        }
        .review-agg-stars { color: var(--accent); font-size: 1.1rem; letter-spacing: 2px; }
        .review-agg-score { font-size: 1.5rem; font-weight: 700; color: #fff; }
        .review-agg-label { color: var(--text-muted); font-size: 0.9rem; }
        .review-agg-divider { color: var(--border); }

        /* Post-review CTA nudge */
        .reviews-cta {
            text-align: center;
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid var(--border);
        }
        .reviews-cta p { color: var(--text-muted); margin-bottom: 1.25rem; font-size: 0.95rem; }
    </style>
</head>

<body>
    <!-- Neon Logo Loading Screen -->
    <div id="pageLoader" class="page-loader hidden" aria-hidden="true">
        <div class="loader-logo">
            <span class="loader-text">MONARC</span><span class="loader-accent">VIP</span>
        </div>
        <div class="loader-bar">
            <div class="loader-bar-fill"></div>
        </div>
    </div>

    <!-- ========== NAVBAR ========== -->
    <div id="site-header">
<header id="navbar" class="navbar">
        <div class="container nav-container">
            <a href="/" class="logo magnetic" aria-label="Monarc VIP home"><img src="/assets/monarc-logo-white.png?v=2" alt="" class="logo-icon" width="86" height="67" decoding="async">ONARC<span>VIP</span></a>
            <nav class="nav-links" id="navLinks">
                <div class="nav-dropdown" data-dropdown="fleet">
                    <a href="/exotic-car-rentals" class="nav-dropdown-btn" id="fleet-nav-link"><span>Fleet</span> <span class="dropdown-arrow" onclick="event.preventDefault(); event.stopPropagation(); if(window.innerWidth<=1024){this.closest('.nav-dropdown').classList.toggle('active');}"><svg width="14" height="14" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></span></a>
                    <div class="nav-dropdown-content">
                        <a href="/exotic-car-rentals">All Exotic Cars</a>
                        <a href="/luxury-car-rental-miami">Luxury Car Rental Miami</a>
                        <a href="/lamborghini-rental">Lamborghini</a>
                        <a href="/ferrari-rental">Ferrari</a>
                        <a href="/rolls-royce-rental">Rolls-Royce</a>
                        <a href="/mclaren-rental">McLaren</a>
                        <a href="/maybach-rental">Maybach</a>
                        <a href="/porsche-rental">Porsche</a>
                        <a href="/corvette-rental">Corvette</a>
                        <div class="nav-dropdown-divider"></div>
                        <a href="/exotic-car-rentals#exotic">Exotic Cars</a>
                        <a href="/exotic-car-rentals#luxury">Luxury Cars</a>
                        <a href="/exotic-car-rentals#suv">SUVs & Trucks</a>
                        <a href="/exotic-car-rentals#convertible">Convertibles</a>
                    </div>
                </div>
                <a href="/yacht-charter-miami" class="nav-item">Yachts</a>
                <div class="nav-dropdown nav-dropdown-mega" data-dropdown="locations">
                    <a href="/contact" class="nav-dropdown-btn">Locations <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></a>
                    <div class="nav-dropdown-content nav-mega-panel">
                        <div class="nav-mega-header">WE SERVE ALL MIAMI</div>
                        <div class="nav-mega-columns">
                            <div class="nav-mega-col">
                                <div class="nav-mega-col-title">Miami Area</div>
                                <a href="/exotic-car-rental-downtown-miami">Downtown Miami</a>
                                <a href="/exotic-car-rental-miami-beach">South Beach</a>
                                <a href="/brickell-exotic-car-rental">Brickell</a>
                                <a href="/contact">Wynwood</a>
                                <a href="/exotic-car-rental-coral-gables">Coral Gables</a>
                                <a href="/exotic-car-rental-coconut-grove">Coconut Grove</a>
                            </div>
                            <div class="nav-mega-col">
                                <div class="nav-mega-col-title">Greater Miami</div>
                                <a href="/exotic-car-rental-aventura">Aventura</a>
                                <a href="/exotic-car-rental-key-biscayne">Key Biscayne</a>
                                <a href="/exotic-car-rental-fort-lauderdale">Fort Lauderdale</a>
                                <a href="/contact">Sunny Isles Beach</a>
                                <a href="/contact">Bal Harbour</a>
                                <a href="/exotic-car-rental-miami-airport">Miami Airport (MIA)</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nav-dropdown">
                    <a href="/blogs" class="nav-dropdown-btn">Blog <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></a>
                    <div class="nav-dropdown-content">
                        <a href="/blogs">All Posts</a>
                        <a href="/blogs/lamborghini">Lamborghini</a>
                        <a href="/blogs/ferrari">Ferrari</a>
                        <a href="/blogs/mclaren">McLaren</a>
                        <a href="/blogs/corvette">Corvette</a>
                        <a href="/blogs/rolls-royce">Rolls-Royce</a>
                        <a href="/blogs/guides">Guides</a>
                        <a href="/blogs/experiences">Experiences</a>
                        <a href="/blogs/yachts">Yachts</a>
                    </div>
                </div>
                <a href="/faq" class="nav-item">FAQ</a>
                <div class="nav-dropdown">
                    <button class="nav-dropdown-btn">More <svg width="14" height="14" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></button>
                    <div class="nav-dropdown-content">
                        <a href="/rental-calculator">Price Calculator</a>
                        <a href="/rates-and-policies">Rates & Policies</a>
                        <a href="/exotic-car-photoshoot-miami">Photoshoot Rentals</a>
                        <a href="/vehicle-management">Vehicle Management</a>
                        <a href="/investor-relations">Investor Relations</a>
                        <a href="/contact">Contact Us</a>
                    </div>
                </div>
            </nav>
            <a href="tel:+17869497058" class="btn btn-glow nav-cta">Call Now</a>
            <button class="hamburger" id="hamburger" aria-label="Menu">
                <span></span><span></span><span></span>
            </button>
        </div>
    </header>
</div>

    <!-- ========== HERO ========== -->
    <section id="home" class="hero">
        <div class="hero-bg">
            <img src="/miami-hero-desktop.webp" width="1920" height="750"
                alt="Exotic car rental Miami — Monarc VIP luxury fleet" title="Exotic car rental Miami — Monarc VIP luxury fleet" class="hero-img" loading="eager" decoding="async" fetchpriority="high" sizes="100vw">
        </div>
        <div class="hero-overlay"></div>
        <div class="container hero-content">
            <div class="hero-main-group">
                <div class="hero-badge">Miami Exotic & Luxury Car Rentals</div>
                <h1 class="hero-title"
                    style="font-size: clamp(3rem, 8vw, 6rem); font-weight: 900; line-height: 1.05; text-transform: uppercase; letter-spacing: -2px; margin-bottom: 24px; text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); text-align: center; color: white;">
                    <span class="accent hero-miami-highlight" tabindex="0">Miami</span> Exotic<br>Car Rental
                </h1>
                <p>Lamborghini, Ferrari, Rolls-Royce and more. Choose your car, then check your dates.</p>
                <div class="hero-btns" style="display: flex; align-items: center; gap: 20px;">
                    <a href="/exotic-car-rentals" class="btn btn-glow btn-lg magnetic"
                        style="display: inline-flex; justify-content: center; align-items: center; padding: 20px 40px; font-size: 1.25rem; max-width: 320px;">
                        Check Availability
                        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2.5" style="margin-left: 10px;">
                            <path d="M5 12h14M12 5l7 7-7 7" />
                        </svg>
                    </a>
                    <a href="/contact" class="btn btn-outline btn-lg magnetic"
                        style="display: inline-flex; justify-content: center; align-items: center; max-width: 320px;">Talk to Concierge</a>
                </div>

                <!-- Floating Glassmorphic Promo -->
                <a href="/exotic-car-rentals/corvette-c8-rental" class="promo-banner-glass">
                    <picture>
                        <source srcset="/assets/fleet-thumbs-lite/corvette-c8.webp" type="image/webp">
                        <img src="/assets/fleet-thumbs-lite/corvette-c8.webp" alt="Corvette C8" title="Corvette C8"
                            class="promo-img" loading="lazy" decoding="async" fetchpriority="low" width="768" height="480">
                    </picture>
                    <div class="promo-copy">
                        <span class="promo-title">HOT DEAL: Corvette C8</span>
                        <span class="promo-desc">Rent for 3 Days, Get the <span style="color:var(--accent);">4th Day
                                FREE!</span></span>
                    </div>
                    <div class="promo-arrow">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2">
                            <path d="M9 18l6-6-6-6" />
                        </svg>
                    </div>
                </a>
            </div>

            <div class="hero-trust">
                <div class="trust-item hotel-trust-item" title="Partners with Kimpton Angler's and Bentley Hotel">
                    <strong>Hotel Partners</strong>
                    <div style="display: flex; align-items: center; gap: 12px; margin-top: 5px;">
                        <div class="hotel-img-wrapper">
                            <picture>
                                <source srcset="/assets/Anglers-Hotel-Partner.webp" type="image/webp">
                                <img src="/assets/Anglers-Hotel-Partner.png"
                                    alt="Kimpton Angler's Hotel Partner" title="Kimpton Angler's Hotel Partner" width="85" height="50" style="height: 50px; object-fit: contain;">
                            </picture>
                        </div>
                        <span style="color: rgba(255,255,255,0.2);">|</span>
                        <div class="hotel-img-wrapper">
                            <picture>
                                <source srcset="/assets/Bentley-Hotel-Partner.webp" type="image/webp">
                                <img src="/assets/Bentley-Hotel-Partner.png"
                                    alt="Bentley Hotel Partner" title="Bentley Hotel Partner" width="133" height="50" style="height: 50px; object-fit: contain;">
                            </picture>
                        </div>
                    </div>
                    <a href="#hotel-partners" style="font-size: 0.7rem; color: var(--accent); text-decoration: none; margin-top: 4px; letter-spacing: 0.5px;">See partnerships &darr;</a>
                </div>
                <div class="trust-divider"></div>
                <div class="trust-item">
                    <strong style="display:flex;align-items:center;gap:4px;">5.0 <svg width="22" height="22"
                            viewBox="0 0 24 24" fill="var(--accent)" stroke="var(--accent)" stroke-width="2">
                            <polygon
                                points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" />
                        </svg></strong><span>50+ Google Reviews</span>
                </div>
                <div class="trust-divider"></div>
                <div class="trust-item">
                    <strong>3+ Days: Delivery On Us</strong><span>$100 each way on 1-2 day rentals &middot; Miami-Dade &amp; Broward</span>
                    <a href="/miami-hotel-exotic-car-delivery" style="font-size: 0.7rem; color: var(--accent); text-decoration: none; margin-top: 4px; letter-spacing: 0.5px;">How delivery works &rarr;</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== BOOKING BAR ========== -->
    <section class="booking-bar">
        <div class="container">
            <form class="booking-form" id="bookingForm">
                <div class="form-group">
                    <label for="bName">Name</label>
                    <input type="text" id="bName" placeholder="Your Name" required>
                </div>
                <div class="form-group">
                    <label for="bPhone">Phone</label>
                    <input type="tel" id="bPhone" placeholder="(555) 123-4567" required>
                </div>
                <div class="form-group">
                    <label for="bDate">Date</label>
                    <input type="date" id="bDate" required>
                </div>
                <div class="form-group">
                    <label for="bVehicle">Vehicle</label>
                    <select id="bVehicle">
                        <option value="">Select Vehicle</option>
                        <option>Lamborghini Aventador</option>
                        <option>McLaren 720S</option>
                        <option>Ferrari 488</option>
                        <option>Rolls-Royce Cullinan</option>
                        <option>Lamborghini Urus</option>
                        <option>Lamborghini Huracan</option>
                        <option>Porsche 911 GT3</option>
                        <option>Rolls-Royce Ghost</option>
                        <option>Bentley Continental GT</option>
                        <option>Mercedes-Benz G63</option>
                        <option>Mercedes-Maybach S580</option>
                        <option>Tesla Cybertruck</option>
                        <option>Other</option>
                    </select>
                </div>
                <a href="/exotic-car-rentals" class="btn btn-glow btn-form magnetic">Check Availability</a>
            </form>
        </div>
    </section>

    <!-- ========== STATS, credibility punch before the fleet ========== -->
    <section class="stats-bar">
        <div class="container stats-grid">
            <div class="stat">
                <span class="stat-num" data-target="30">30</span>
                <span class="stat-label">Luxury Vehicles</span>
            </div>
            <div class="stat">
                $<span class="stat-num" data-target="395">395</span>
                <span class="stat-label">Starting Daily Rate</span>
            </div>
            <div class="stat">
                <span class="stat-num" data-target="8">8</span>+
                <span class="stat-label">Years in Brickell</span>
            </div>
            <div class="stat">
                <span class="stat-num" data-target="100">100</span>
                <span class="stat-label">Included Miles/Day</span>
            </div>
        </div>
    </section>


    <!-- ========== BRAND STRIP (CSS Marquee) ========== -->
    <section class="brand-strip" aria-label="Luxury & Exotic Car Brands Available in Miami">
        <p class="brand-strip-label">Luxury &amp; Exotic Car Brands Available in Miami</p>
        <div class="brand-marquee">
            <div class="brand-track">
                <a href="/lamborghini-rental" class="brand-item"><img src="/assets/icons/brand/lamborghini.svg" alt="Lamborghini" title="Lamborghini" loading="lazy"><span>Lamborghini</span></a>
                <a href="/bentley-rental" class="brand-item"><img src="/assets/icons/brand/bentley.svg" alt="Bentley" title="Bentley" loading="lazy"><span>Bentley</span></a>
                <a href="/ferrari-rental" class="brand-item"><img src="/assets/icons/brand/ferrari.svg" alt="Ferrari" title="Ferrari" loading="lazy"><span>Ferrari</span></a>
                <a href="/rolls-royce-rental" class="brand-item"><img src="/assets/icons/brand/rolls-royce.svg" alt="Rolls-Royce" title="Rolls-Royce" loading="lazy"><span>Rolls-Royce</span></a>
                <a href="/porsche-rental" class="brand-item"><img src="/assets/icons/brand/porsche.svg" alt="Porsche" title="Porsche" loading="lazy"><span>Porsche</span></a>
                <a href="/mercedes-rental" class="brand-item"><img src="/assets/icons/brand/mercedes.svg" alt="Mercedes-Benz" title="Mercedes-Benz" loading="lazy"><span>Mercedes</span></a>
                <a href="/exotic-car-rentals" class="brand-item"><img src="/assets/icons/brand/land-rover.svg" alt="Land Rover" title="Land Rover" loading="lazy"><span>Land Rover</span></a>
                <a href="/exotic-car-rentals" class="brand-item"><img src="/assets/icons/brand/audi.svg" alt="Audi" title="Audi" loading="lazy"><span>Audi</span></a>
                <a href="/bmw-rental" class="brand-item"><img src="/assets/icons/brand/bmw.svg" alt="BMW" title="BMW" loading="lazy"><span>BMW</span></a>
                <a href="/mclaren-rental" class="brand-item"><img src="/assets/icons/brand/mclaren.svg" alt="McLaren" title="McLaren" loading="lazy"><span>McLaren</span></a>
                <a href="/cadillac-rental" class="brand-item"><img src="/assets/icons/brand/cadillac.svg" alt="Cadillac" title="Cadillac" loading="lazy"><span>Cadillac</span></a>
            </div>
            <div class="brand-track" aria-hidden="true">
                <a href="/lamborghini-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/lamborghini.svg" alt="Lamborghini" title="Lamborghini" loading="lazy"><span>Lamborghini</span></a>
                <a href="/bentley-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/bentley.svg" alt="Bentley" title="Bentley" loading="lazy"><span>Bentley</span></a>
                <a href="/ferrari-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/ferrari.svg" alt="Ferrari" title="Ferrari" loading="lazy"><span>Ferrari</span></a>
                <a href="/rolls-royce-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/rolls-royce.svg" alt="Rolls-Royce" title="Rolls-Royce" loading="lazy"><span>Rolls-Royce</span></a>
                <a href="/porsche-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/porsche.svg" alt="Porsche" title="Porsche" loading="lazy"><span>Porsche</span></a>
                <a href="/mercedes-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/mercedes.svg" alt="Mercedes" title="Mercedes" loading="lazy"><span>Mercedes</span></a>
                <a href="/exotic-car-rentals" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/land-rover.svg" alt="Land Rover" title="Land Rover" loading="lazy"><span>Land Rover</span></a>
                <a href="/exotic-car-rentals" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/audi.svg" alt="Audi" title="Audi" loading="lazy"><span>Audi</span></a>
                <a href="/bmw-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/bmw.svg" alt="BMW" title="BMW" loading="lazy"><span>BMW</span></a>
                <a href="/mclaren-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/mclaren.svg" alt="McLaren" title="McLaren" loading="lazy"><span>McLaren</span></a>
                <a href="/cadillac-rental" class="brand-item" tabindex="-1"><img src="/assets/icons/brand/cadillac.svg" alt="Cadillac" title="Cadillac" loading="lazy"><span>Cadillac</span></a>
            </div>
        </div>
    </section>
    <!-- ========== FEATURED FLEET ========== -->
    <section id="featured-fleet" class="section fleet-section">
        <div class="container">
            <div class="section-label">Most Popular</div>
            <h2 class="section-title">Featured Exotic Cars in <span class="accent">Miami</span></h2>

            <div class="homepage-hover-cue" aria-hidden="true">
                <span>hover</span>
                <span class="homepage-hover-cue-arrow"></span>
            </div>

            <div class="fleet-grid" data-homepage-featured-fleet data-featured-ids="ferrari-488,lamborghini-huracan,lamborghini-urus,lamborghini-aventador,mclaren-720s,mercedes-benz-g63" style="margin-top: 1rem;">
                <!-- Card 1, always visible -->
                <div class="car-card">
                    <div class="car-img-wrap">
                        <picture>
                            <source media="(max-width: 768px)" srcset="/assets/fleet-mobile/ferrari-488.webp" type="image/webp">
                            <img src="/assets/fleet-thumbs-lite/ferrari-488.webp" alt="Ferrari 488" title="Ferrari 488" loading="lazy" decoding="async" fetchpriority="low" width="768" height="480" sizes="(max-width: 768px) 50vw, (max-width: 1180px) 33vw, 25vw">
                        </picture>
                    </div>
                    <div class="car-body">
                        <div class="car-title-row">
                            <h3>Ferrari 488</h3>
                            <span class="car-tag tag-green" data-tooltip="Vehicle style and rental fit.">Supercar</span>
                        </div>
                        <div class="car-specs"><span>2 Seats</span><span>661 HP</span><span>3.0s 0-60</span></div>
                        <div class="car-bottom">
                            <div class="price-context"><div class="price-current"><span class="car-price">$1,395</span><span class="price-period">/day</span></div></div>
                            <a href="/exotic-car-rentals/ferrari-488-rental" class="btn btn-sm btn-outline magnetic view-details-btn">Check Availability</a>
                        </div>
                    </div>
                </div>

                <!-- Card 2, always visible -->
                <div class="car-card">
                    <div class="car-img-wrap">
                        <picture>
                            <source media="(max-width: 768px)" srcset="/assets/fleet-mobile/lamborghini-huracan.webp" type="image/webp">
                            <img src="/assets/fleet-thumbs-lite/lamborghini-huracan.webp" alt="Lamborghini Huracan" title="Lamborghini Huracan" loading="lazy" decoding="async" fetchpriority="low" width="768" height="480" sizes="(max-width: 768px) 50vw, (max-width: 1180px) 33vw, 25vw">
                        </picture>
                    </div>
                    <div class="car-body">
                        <div class="car-title-row">
                            <h3>Lamborghini Huracan</h3>
                            <span class="car-tag tag-orange" data-tooltip="Vehicle style and rental fit.">Convertible</span>
                        </div>
                        <div class="car-specs"><span>2 Seats</span><span>631 HP</span><span>2.9s 0-60</span></div>
                        <div class="car-bottom">
                            <div class="price-context"><div class="price-current"><span class="car-price">$1,295</span><span class="price-period">/day</span></div></div>
                            <a href="/exotic-car-rentals/lamborghini-huracan-rental" class="btn btn-sm btn-outline magnetic view-details-btn">Check Availability</a>
                        </div>
                    </div>
                </div>

                <!-- Card 3, always visible -->
                <div class="car-card">
                    <div class="car-img-wrap">
                        <picture>
                            <source media="(max-width: 768px)" srcset="/assets/fleet-mobile/lamborghini-urus.webp" type="image/webp">
                            <img src="/assets/fleet-thumbs-lite/lamborghini-urus.webp" alt="Lamborghini Urus" title="Lamborghini Urus" loading="lazy" decoding="async" fetchpriority="low" width="768" height="480" sizes="(max-width: 768px) 50vw, (max-width: 1180px) 33vw, 25vw">
                        </picture>
                    </div>
                    <div class="car-body">
                        <div class="car-title-row">
                            <h3>Lamborghini Urus</h3>
                            <span class="car-tag tag-orange" data-tooltip="Vehicle style and rental fit.">Performance SUV</span>
                        </div>
                        <div class="car-specs"><span>5 Seats</span><span>641 HP</span><span>3.6s 0-60</span></div>
                        <div class="car-bottom">
                            <div class="price-context"><div class="price-current"><span class="car-price">$1,295</span><span class="price-period">/day</span></div></div>
                            <a href="/exotic-car-rentals/lamborghini-urus-rental" class="btn btn-sm btn-outline magnetic view-details-btn">Check Availability</a>
                        </div>
                    </div>
                </div>

                <!-- Card 4, tablet + desktop only -->
                <div class="car-card feat-4">
                    <div class="car-img-wrap">
                        <picture>
                            <source media="(max-width: 768px)" srcset="/assets/fleet-mobile/lamborghini-aventador.webp" type="image/webp">
                            <img src="/assets/fleet-thumbs-lite/lamborghini-aventador.webp" alt="Lamborghini Aventador" title="Lamborghini Aventador" loading="lazy" decoding="async" fetchpriority="low" width="768" height="480" sizes="(max-width: 768px) 50vw, (max-width: 1180px) 33vw, 25vw">
                        </picture>
                    </div>
                    <div class="car-body">
                        <div class="car-title-row">
                            <h3>Lamborghini Aventador</h3>
                            <span class="car-tag tag-orange" data-tooltip="Vehicle style and rental fit.">V12 Supercar</span>
                        </div>
                        <div class="car-specs"><span>2 Seats</span><span>730 HP</span><span>2.8s 0-60</span></div>
                        <div class="car-bottom">
                            <div class="price-context"><div class="price-current"><span class="car-price">$1,795</span><span class="price-period">/day</span></div></div>
                            <a href="/exotic-car-rentals/lamborghini-aventador-rental" class="btn btn-sm btn-outline magnetic view-details-btn">Check Availability</a>
                        </div>
                    </div>
                </div>

                <!-- Card 5, desktop only -->
                <div class="car-card feat-5">
                    <div class="car-img-wrap">
                        <picture>
                            <source media="(max-width: 768px)" srcset="/assets/fleet-mobile/mclaren-720s.webp" type="image/webp">
                            <img src="/assets/fleet-thumbs-lite/mclaren-720s.webp" alt="McLaren 720S" title="McLaren 720S" loading="lazy" decoding="async" fetchpriority="low" width="768" height="480" sizes="(max-width: 768px) 50vw, (max-width: 1180px) 33vw, 25vw">
                        </picture>
                    </div>
                    <div class="car-body">
                        <div class="car-title-row">
                            <h3>McLaren 720S</h3>
                            <span class="car-tag tag-green" data-tooltip="Vehicle style and rental fit.">Supercar</span>
                        </div>
                        <div class="car-specs"><span>2 Seats</span><span>710 HP</span><span>2.7s 0-60</span></div>
                        <div class="car-bottom">
                            <div class="price-context"><div class="price-current"><span class="car-price">$1,595</span><span class="price-period">/day</span></div></div>
                            <a href="/exotic-car-rentals/mclaren-720s-rental" class="btn btn-sm btn-outline magnetic view-details-btn">Check Availability</a>
                        </div>
                    </div>
                </div>

                <!-- Card 6, desktop only -->
                <div class="car-card feat-6">
                    <div class="car-img-wrap">
                        <picture>
                            <source media="(max-width: 768px)" srcset="/assets/fleet-mobile/mercedes-benz-g63.webp" type="image/webp">
                            <img src="/assets/fleet-thumbs-lite/mercedes-benz-g63.webp" alt="Mercedes G63" title="Mercedes G63" loading="lazy" decoding="async" fetchpriority="low" width="768" height="480" sizes="(max-width: 768px) 50vw, (max-width: 1180px) 33vw, 25vw">
                        </picture>
                    </div>
                    <div class="car-body">
                        <div class="car-title-row">
                            <h3>Mercedes-Benz G63</h3>
                            <span class="car-tag tag-green" data-tooltip="Vehicle style and rental fit.">G-Wagon</span>
                        </div>
                        <div class="car-specs"><span>5 Seats</span><span>577 HP</span><span>4.5s 0-60</span></div>
                        <div class="car-bottom">
                            <div class="price-context"><div class="price-current"><span class="car-price">$895</span><span class="price-period">/day</span></div></div>
                            <a href="/exotic-car-rentals/mercedes-benz-g63-rental" class="btn btn-sm btn-outline magnetic view-details-btn">Check Availability</a>
                        </div>
                    </div>
                </div>
            </div>

            <p class="section-sub" style="margin-top: 2.5rem; margin-bottom: 0;">Browse the most-requested Miami rentals, then check availability for your dates, delivery location, passenger count, luggage, and route.</p>

            <div style="text-align: center; margin-top: 2rem;">
                <a href="/exotic-car-rentals" class="btn btn-outline btn-lg magnetic"
                    style="padding: 20px 40px; font-size: 1.25rem;">View Full Fleet <svg width="20" height="20"
                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        style="vertical-align: middle; margin-left: 6px;">
                        <path d="M5 12h14M12 5l7 7-7 7" />
                    </svg></a>
            </div>
        </div>
    </section>

    <section class="section" aria-labelledby="luxury-rental-planner" style="padding: 42px 0 32px; background: var(--bg);">
        <div class="container" style="max-width: 1100px;">
            <div class="section-label">Luxury Rental Planner</div>
            <h2 id="luxury-rental-planner" class="section-title">Choose a Car for Your Miami Trip</h2>
            <p class="section-sub">Need room for passengers and luggage? Compare sedans and SUVs in our <a href="/luxury-car-rental-miami">luxury car rental guide</a>. For a two-seat weekend drive, start with the sports cars below.</p>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: 22px;">
                <a href="/rolls-royce-rental" style="display: block; padding: 20px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); text-decoration: none;">
                    <strong style="display: block; color: #fff; margin-bottom: 8px;">Hotel and dinner arrivals</strong>
                    <span style="display: block; color: var(--text-muted); line-height: 1.55; font-size: 0.92rem;">Rolls-Royce, Bentley, and Maybach rentals for Brickell, South Beach, Bal Harbour, and formal nights.</span>
                </a>
                <a href="/sports-car-rental-miami" style="display: block; padding: 20px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); text-decoration: none;">
                    <strong style="display: block; color: #fff; margin-bottom: 8px;">Two-seat sports car weekends</strong>
                    <span style="display: block; color: var(--text-muted); line-height: 1.55; font-size: 0.92rem;">Compare Corvette, Porsche, Ferrari, Lamborghini, and McLaren options for photos, date nights, and short scenic drives.</span>
                </a>
                <a href="/exotic-car-rentals/corvette-c8-rental" style="display: block; padding: 20px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); text-decoration: none;">
                    <strong style="display: block; color: #fff; margin-bottom: 8px;">Value exotic rental</strong>
                    <span style="display: block; color: var(--text-muted); line-height: 1.55; font-size: 0.92rem;">The Corvette C8 starts at $395/day and is often the easiest step into a mid-engine Miami rental.</span>
                </a>
                <a href="/suv-rental-miami" style="display: block; padding: 20px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-card); text-decoration: none;">
                    <strong style="display: block; color: #fff; margin-bottom: 8px;">Groups, airport, luggage</strong>
                    <span style="display: block; color: var(--text-muted); line-height: 1.55; font-size: 0.92rem;">Urus, G-Wagon, Escalade, and Cullinan options for MIA/FLL arrivals and longer South Florida plans.</span>
                </a>
            </div>
        </div>
    </section>

    <!-- ========== QUICK ANSWER (below featured fleet grid) ========== -->
    <section class="section" style="padding: 20px 0 40px; background: var(--bg);">
        <div class="container" style="max-width: 900px;">
            <div style="background: linear-gradient(135deg, rgba(232,137,12,0.08), rgba(232,137,12,0.03)); border: 1px solid rgba(232,137,12,0.2); border-radius: 12px; padding: 24px 28px;">
                <p style="font-size: 0.85rem; color: var(--accent); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 10px; font-weight: 600;">Quick Answer</p>
                <p style="color: var(--text); line-height: 1.8; font-size: 1.05rem;">Exotic car rentals in Miami through Monarc VIP start at $395 per day for a Corvette C8 and run to $1,795 per day for a Lamborghini Aventador (rates checked October 2026). Pickup or delivery is $100 each way on 1-2 day rentals when selected, and free on rentals of 3 days or longer. Renters must be at least 21 years old with a valid license. 100 miles per day are included and unused daily miles roll over within your rental. Additional miles cost $5, $7 or $10 per mile by car. The Monarc VIP fleet is 30 vehicles, including Lamborghini, Ferrari, Rolls-Royce, McLaren, Porsche, Mercedes, Bentley, and Corvette.</p>
            </div>
        </div>
    </section>

    <!-- ========== HOTEL PARTNER TRUST SECTION ========== -->
    <section id="hotel-partners" class="partner-trust-section">
        <div class="container">
            <div class="section-label">Trusted Partnerships</div>
            <div class="partner-trust-header">
                <h2>The Exclusive Exotic Car Provider for Miami's Finest <span class="accent">Hotels</span></h2>
                <p>Monarc VIP coordinates exotic car rentals for South Beach hotel stays, Miami Beach weekends, MIA arrivals, FLL arrivals, private aviation plans, events, and content shoots. Confirm delivery details, timing, vehicle fit, and booking terms before your reservation.</p>
            </div>
            <div class="partner-cards">
                <a href="/blogs/miami-hotel-exotic-car-rental-partnership" class="partner-card">
                    <div class="partner-card-logo">
                        <img src="/assets/Kimpton-Hotel-Partner.svg" alt="Kimpton Angler's Hotel South Beach" title="Kimpton Angler's Hotel South Beach" width="220" height="120">
                    </div>
                    <div class="partner-card-name">Kimpton Angler's Hotel</div>
                    <div class="partner-card-tagline">Official Exotic Car Provider</div>
                    <div class="partner-card-location">Washington Avenue, South Beach</div>
                    <div class="partner-card-cta">Read about the partnership <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
                </a>
                <a href="/blogs/miami-hotel-exotic-car-rental-partnership" class="partner-card">
                    <div class="partner-card-logo">
                        <img src="/assets/Bentley-Hotel-Partner-new.png" alt="The Bentley Hotel South Beach" title="The Bentley Hotel South Beach" width="220" height="120">
                    </div>
                    <div class="partner-card-name">The Bentley Hotel</div>
                    <div class="partner-card-tagline">Official Exotic Car Provider</div>
                    <div class="partner-card-location">Ocean Drive, South Beach</div>
                    <div class="partner-card-cta">Read about the partnership <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
                </a>
            </div>
        </div>
    </section>

    <!-- ========== WHY US, features after trust is established ========== -->
    <section id="why" class="section why-section">
        <div class="container">
            <div class="section-label">The Monarc Difference</div>
            <h2 class="section-title">Why Miami's Elite Choose <br><span class="accent">Monarc VIP</span> for Luxury Car Rental in Miami</h2>
            <div class="why-grid">
                <div class="why-card">
                    <div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
                    </svg></div>
                    <h3>Fast Concierge Replies</h3>
                    <p>Get a clear answer on availability, pricing, delivery, and timing from a Brickell-based Miami concierge team.</p>
                </div>
                <div class="why-card">
                    <div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M5 17H3V9.5a2 2 0 0 1 .4-1.2L7 4h10l3.6 4.3a2 2 0 0 1 .4 1.2V17h-2"/>
                        <circle cx="7.5" cy="17" r="2.5"/>
                        <circle cx="16.5" cy="17" r="2.5"/>
                        <path d="M5 10h14"/>
                    </svg></div>
                    <h3>Real Luxury Fleet</h3>
                    <p>Compare <a href="/luxury-car-rental-miami" style="color: var(--accent);">luxury car rental Miami options</a>, including <a href="/lamborghini-rental" style="color: var(--accent);">Lamborghini</a>, <a href="/ferrari-rental" style="color: var(--accent);">Ferrari</a>, and
                        <a href="/rolls-royce-rental" style="color: var(--accent);">Rolls-Royce</a> options like the <a href="/exotic-car-rentals/rolls-royce-ghost-rental" style="color: var(--accent);">Rolls-Royce Ghost rental Miami</a>, <a href="/exotic-car-rentals/rolls-royce-cullinan-rental" style="color: var(--accent);">Cullinan</a>, and <a href="/exotic-car-rentals/rolls-royce-dawn-rental" style="color: var(--accent);">Dawn</a>.</p>
                </div>
                <div class="why-card">
                    <div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.432 0l6.592-6.592a2.426 2.426 0 0 0 0-3.432z"/>
                        <circle cx="7.5" cy="7.5" r="1" fill="currentColor" stroke="none"/>
                    </svg></div>
                    <h3>Transparent Pricing</h3>
                    <p>Daily rate, delivery ($100 each way on 1-2 day rentals, free on 3+ days), mileage, deposit, and age-21 eligibility are clear before you book.</p>
                </div>
                <div class="why-card">
                    <div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
                    </svg></div>
                    <h3>Photo-Ready Cars</h3>
                    <p>Clean, striking vehicles for weekends, birthdays, hotel arrivals, nightlife, content shoots, and special occasions. <a href="/why-us" style="color: var(--accent);">See what sets us apart</a>.</p>
                </div>
                <div class="why-card">
                    <div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M3 18v-6a9 9 0 0 1 18 0v6"/>
                        <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3z"/>
                        <path d="M3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/>
                    </svg></div>
                    <h3>Hotel & Event Ready</h3>
                    <p>Coordinate hotel entrances, valet timing, airport-area arrivals, routes, and returns without guessing.</p>
                </div>
                <div class="why-card">
                    <div class="why-icon"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
                        <polyline points="9 12 11 14 15 10"/>
                    </svg></div>
                    <h3>Clean Booking Details</h3>
                    <p>Know the license, insurance, deposit, mileage, and pickup requirements before you arrive.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== 3-STEP BOOKING PROCESS ========== -->
    <section id="how-to-book" class="section" style="background: var(--bg);">

        <div class="container" style="text-align: center;">
            <div class="section-label">The Experience</div>
            <h2 class="section-title">How To Reserve Your Car<br>With <span class="accent">Monarc VIP</span></h2>
            <p style="color: var(--text-muted); font-size: 1.05rem; margin-bottom: 28px;">Your dream car in three effortless steps</p>
            <div class="booking-steps">
                <div class="booking-steps-row">
                    <div class="booking-step">
                        <div class="booking-step-circle">1</div>
                        <div class="booking-step-connector"></div>
                        <div class="booking-step-icon"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg></div>
                        <h3>Choose Your Car</h3>
                        <p>Browse our curated fleet of supercars, luxury sedans, and exotic SUVs.</p>
                    </div>
                    <div class="booking-step">
                        <div class="booking-step-circle">2</div>
                        <div class="booking-step-connector"></div>
                        <div class="booking-step-icon"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg></div>
                        <h3>Confirm Your Details</h3>
                        <p>Select dates, add-ons, and delivery location. We tailor every booking to you.</p>
                    </div>
                    <div class="booking-step">
                        <div class="booking-step-circle">3</div>
                        <div class="booking-step-icon"><svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg></div>
                        <h3>Drive & Enjoy</h3>
                        <p>Your car arrives at your door. Keys in hand, road ahead. The rest is pure pleasure.</p>
                    </div>
                </div>
            </div>
            <div style="text-align: center; margin-top: 2.5rem;">
                <a href="/exotic-car-rentals" class="btn btn-glow btn-lg magnetic">Start Your Reservation</a>
            </div>
        </div>
    </section>

    <!-- ========== SERVICE LOCATIONS ========== -->
    <section id="service-locations" class="section" style="background: var(--bg-card);">
        <div class="container">
            <div class="location-tags-section">
                <div class="location-tags-map">
                    <iframe
                        src="https://maps.google.com/maps?q=Monarc+VIP+Luxury+Car+Rentals+Miami&t=&z=15&ie=UTF8&iwloc=&output=embed"
                        allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"
                        title="Monarc VIP Miami Service Area"></iframe>
                </div>
                <div class="location-tags-content">
                    <span class="location-tags-label">Delivery & Pickup</span>
                    <h2>We Deliver Exotic Cars Across Miami &amp; South Florida</h2>
                    <p class="location-subtitle">Monarc VIP coordinates luxury car rental delivery planning for <a href="/miami-hotel-exotic-car-delivery">hotel lobbies</a>, private residences, <a href="/exotic-car-rental-miami-airport">airport-area arrivals</a>, private-aviation plans, and venues across Miami-Dade. Confirm access, timing, mileage, and current availability before booking.</p>
                    <div class="location-pills">
                        <a href="/brickell-exotic-car-rental" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Downtown Miami</a>
                        <a href="/exotic-car-rental-miami-beach" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> South Beach</a>
                        <a href="/brickell-exotic-car-rental" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Brickell</a>
                        <a href="/contact" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Wynwood</a>
                        <a href="/exotic-car-rental-coral-gables" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Coral Gables</a>
                        <a href="/contact" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Coconut Grove</a>
                        <a href="/exotic-car-rental-aventura" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Aventura</a>
                        <a href="/contact" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Key Biscayne</a>
                        <a href="/exotic-car-rental-fort-lauderdale" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Fort Lauderdale</a>
                        <a href="/contact" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Sunny Isles</a>
                        <a href="/contact" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Bal Harbour</a>
                        <a href="/exotic-car-rental-miami-airport" class="location-pill"><span class="pin-icon">&#x1F4CD;</span> Miami Airport (MIA)</a>
                    </div>
                    <div class="location-delivery-banner">&#x1F697; Delivery and pickup are coordinated for $100 each way across Miami-Dade and Broward on 1-2 day rentals, and free on rentals of 3 days or longer. Hotel, home, airport-area, or event venue handoffs can be planned with the concierge team.</div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== RENTAL DURATIONS ========== -->
    <section id="rental-options" class="section" style="background: var(--bg-card);">
        <div class="container" style="text-align: center;">
            <div class="section-label">Rental Options</div>
            <h2 class="section-title">Flexible <span class="accent">Durations</span></h2>
            <p style="color: var(--text-muted); font-size: 1.05rem; margin-bottom: 28px;">These Corvette C8 starting estimates use our duration discounts and round the daily rate to the nearest $5. Taxes, coverage, extra miles and any selected pickup or delivery fee are separate, with the refundable hold confirmed before pickup. <a href="/rental-calculator" style="color: var(--accent);">Estimate your trip</a> before requesting dates.</p>
            <div class="rental-durations-grid">
                <div class="rental-duration-card">
                    <div class="rental-duration-icon"><svg viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div>
                    <h3>Daily Rental</h3>
                    <p>Perfect for a day trip, event, or special occasion in Miami.</p>
                    <div class="duration-price">Starting from <strong>$395</strong>/day</div>
                    <a href="/exotic-car-rentals" class="btn-duration">Browse Cars</a>
                </div>
                <div class="rental-duration-card popular">
                    <div class="rental-duration-badge">Most Popular</div>
                    <div class="rental-duration-icon"><svg viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg></div>
                    <h3>2-Day Rental</h3>
                    <p>Two 24-hour days. Corvette C8 estimate: $750 total.</p>
                    <div class="duration-price">Starting from <strong>$375</strong>/day</div>
                    <a href="/exotic-car-rentals" class="btn-duration">Browse Cars</a>
                </div>
                <div class="rental-duration-card">
                    <div class="rental-duration-icon"><svg viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z"/></svg></div>
                    <h3>3-Day Rental</h3>
                    <p>Three 24-hour days. Corvette C8 estimate: $1,050 total.</p>
                    <div class="duration-price">Starting from <strong>$350</strong>/day</div>
                    <a href="/exotic-car-rentals" class="btn-duration">Browse Cars</a>
                </div>
                <div class="rental-duration-card">
                    <div class="rental-duration-icon"><svg viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/><rect x="8" y="14" width="3" height="3" rx="0.5"/></svg></div>
                    <h3>7+ Day Rental</h3>
                    <p>One week or longer. Corvette C8 estimate: $2,065 for 7 days.</p>
                    <div class="duration-price">Starting from <strong>$295</strong>/day</div>
                    <a href="/exotic-car-rentals" class="btn-duration">Browse Cars</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== REVIEWS, right after the fleet, while purchase intent is high ========== -->
    <section id="reviews" class="section reviews-section">
        <div class="container">
            <div class="section-label">Verified Reputation</div>
            <h2 class="section-title">Why Miami <span class="accent">Chooses Monarc</span></h2>
            <div class="review-aggregate">
                <span class="review-agg-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</span>
                <span class="review-agg-score">Google</span>
                <span class="review-agg-divider">&middot;</span>
                <span class="review-agg-label">review highlights</span>
            </div>
            <div class="reviews-grid">
                <div class="review-card">
                    <div class="review-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
                    <p>Fast replies, clear next steps, and a real person coordinating the rental from the first message through vehicle return.</p>
                    <div class="review-author review-source">
                        <div><strong>Responsive Concierge</strong><span>Google review highlight</span></div>
                    </div>
                </div>
                <div class="review-card">
                    <div class="review-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
                    <p>Clean, photo-ready cars, current model years, and no mystery handoff where the vehicle looks different from what was reserved.</p>
                    <div class="review-author review-source">
                        <div><strong>Clean Real Fleet</strong><span>Google review highlight</span></div>
                    </div>
                </div>
                <div class="review-card">
                    <div class="review-stars">&#9733;&#9733;&#9733;&#9733;&#9733;</div>
                    <p>Customers appreciate knowing the delivery cost, age requirement, deposit, mileage, and coverage requirements before pickup.</p>
                    <div class="review-author review-source">
                        <div><strong>Transparent Details</strong><span>Google review highlight</span></div>
                    </div>
                </div>
            </div>
            <div class="reviews-cta">
                <p>Compare the fleet and check current availability for your dates.</p>
                <a href="/exotic-car-rentals" class="btn btn-glow btn-lg magnetic">Compare Fleet</a>
            </div>
        </div>
    </section>

    <!-- ========== BLOGS ========== -->
    <section id="blogs" class="section reviews-section" style="background:var(--bg);">
        <div class="container">
            <div class="section-label">Read &amp; Explore</div>
            <h2 class="section-title">Latest <span class="accent">Guides</span></h2>
            <div id="blogTeaser" class="fleet-grid" style="margin-top:2rem;">
                <!-- Static fallback links for crawlers (replaced by JS on load) -->
                <a href="/lifestyle-packages-miami" class="car-card" style="text-decoration:none;color:inherit;">
                    <div class="car-img-wrap"><img src="/assets/blog/miami-s-ultimate-luxury-yacht-exotic-car-pairing-guide-2025.webp" alt="Miami luxury experience packages with exotic cars and yacht charters" loading="lazy"></div>
                    <div class="car-body">
                        <div class="car-title-row"><h3 style="font-size:1.05rem;">Miami Luxury Experience Packages: Cars, Yachts, Nightlife &amp; VIP Itineraries</h3></div>
                        <p style="color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.5;">Build a full Miami weekend with exotic car delivery, yacht pairings, nightlife routes, photoshoots, corporate transport, and romantic arrivals.</p>
                        <div class="car-bottom" style="margin-top:auto;padding-top:1rem;"><span class="car-tag tag-green" style="font-size:0.75rem;">Experiences</span><span class="btn btn-sm btn-outline magnetic" style="pointer-events:none;">Read More</span></div>
                    </div>
                </a>
                <a href="/blogs/corporate-exotic-car-rental-miami" class="car-card" style="text-decoration:none;color:inherit;">
                    <div class="car-img-wrap"><img src="/assets/blog/corporate-exotic-car-rental-miami.jpg" alt="Exotic Car Rental for Corporate Events in Miami" loading="lazy"></div>
                    <div class="car-body">
                        <div class="car-title-row"><h3 style="font-size:1.05rem;">Exotic Car Rental for Corporate Events in Miami: Executive Transport, Team Experiences &amp; Rally Packages</h3></div>
                        <p style="color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.5;">Multi-car exotic rentals for corporate events in Miami. Executive transport, team rally packages, yacht combos, and airport...</p>
                        <div class="car-bottom" style="margin-top:auto;padding-top:1rem;"><span class="car-tag tag-green" style="font-size:0.75rem;">Guides</span><span class="btn btn-sm btn-outline magnetic" style="pointer-events:none;">Read More</span></div>
                    </div>
                </a>
                <a href="/blogs/exotic-car-delivery-miami-fort-lauderdale" class="car-card" style="text-decoration:none;color:inherit;">
                    <div class="car-img-wrap"><img src="/assets/blog/exotic-car-delivery-miami-fort-lauderdale.jpg" alt="Exotic Car Rental Delivery in Fort Lauderdale, South Beach and All Miami-Dade" loading="lazy"></div>
                    <div class="car-body">
                        <div class="car-title-row"><h3 style="font-size:1.05rem;">Exotic Car Rental Delivery in Fort Lauderdale, South Beach &amp; All Miami-Dade: Where Monarc Delivers</h3></div>
                        <p style="color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.5;">Plan delivery across Miami-Dade and Broward County. Coverage includes South Beach...</p>
                        <div class="car-bottom" style="margin-top:auto;padding-top:1rem;"><span class="car-tag tag-green" style="font-size:0.75rem;">Guides</span><span class="btn btn-sm btn-outline magnetic" style="pointer-events:none;">Read More</span></div>
                    </div>
                </a>
                <a href="/blogs/are-exotic-car-rentals-worth-it-miami" class="car-card" style="text-decoration:none;color:inherit;">
                    <div class="car-img-wrap"><img src="/assets/blog/best-exotic-car-rental-company-in-miami-monarc-vip.webp" alt="Are exotic car rentals worth it in Miami" loading="lazy"></div>
                    <div class="car-body">
                        <div class="car-title-row"><h3 style="font-size:1.05rem;">Are Exotic Car Rentals Worth It in Miami?</h3></div>
                        <p style="color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.5;">When a Lamborghini, Ferrari, McLaren, Rolls-Royce, or Corvette rental makes sense, what it costs, and how to maximize the experience.</p>
                        <div class="car-bottom" style="margin-top:auto;padding-top:1rem;"><span class="car-tag tag-green" style="font-size:0.75rem;">Guides</span><span class="btn btn-sm btn-outline magnetic" style="pointer-events:none;">Read More</span></div>
                    </div>
                </a>
                <a href="/blogs/best-exotic-cars-for-instagram-photos-miami" class="car-card" style="text-decoration:none;color:inherit;">
                    <div class="car-img-wrap"><img src="/assets/blog/exotic-car-rental-miami-music-video-photoshoot.webp" alt="Best exotic cars for Instagram photos in Miami" loading="lazy"></div>
                    <div class="car-body">
                        <div class="car-title-row"><h3 style="font-size:1.05rem;">Best Exotic Cars for Instagram Photos in Miami</h3></div>
                        <p style="color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.5;">Match McLaren, Ferrari, Lamborghini, Rolls-Royce, Corvette, Bentley, and Mercedes rentals to Miami photo locations and creator shoots.</p>
                        <div class="car-bottom" style="margin-top:auto;padding-top:1rem;"><span class="car-tag tag-green" style="font-size:0.75rem;">Photoshoots</span><span class="btn btn-sm btn-outline magnetic" style="pointer-events:none;">Read More</span></div>
                    </div>
                </a>
                <a href="/blogs/porsche-rental-miami-cost-guide" class="car-card" style="text-decoration:none;color:inherit;">
                    <div class="car-img-wrap"><img src="/assets/blog/porsche-rental-miami-cost-guide.webp" alt="How Much Does It Cost to Rent a Porsche in Miami?" loading="lazy"></div>
                    <div class="car-body">
                        <div class="car-title-row"><h3 style="font-size:1.05rem;">How Much Does It Cost to Rent a Porsche in Miami? 2026 Pricing Guide</h3></div>
                        <p style="color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.5;">Porsche 911 Carrera S from $695/day, GT3 from $995/day. Real pricing, what is included, how Porsche compares to other exotics...</p>
                        <div class="car-bottom" style="margin-top:auto;padding-top:1rem;"><span class="car-tag tag-green" style="font-size:0.75rem;">Pricing</span><span class="btn btn-sm btn-outline magnetic" style="pointer-events:none;">Read More</span></div>
                    </div>
                </a>
            </div>
            <div style="text-align: center; margin-top: 2.5rem;">
                <a href="/blogs" class="btn btn-outline btn-lg magnetic">View All
                    Articles <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                        stroke-width="2" style="vertical-align:middle;margin-left:4px;">
                        <path d="M5 12h14M12 5l7 7-7 7" />
                    </svg></a>
            </div>
        </div>
    </section>

    <!-- ========== FAQ, objection handling before the final ask ========== -->
    <section id="faq" class="section faq-section">
        <div class="container">
            <div class="section-label">Before You Book</div>
            <h2 class="section-title">Frequently <span class="accent">Asked</span></h2>
            <div class="faq-list">
                <div class="faq-item">
                    <button class="faq-q">What are the age and license requirements?<svg class="faq-chevron" width="20"
                            height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></button>
                    <div class="faq-a">
                        <p>According to our Fleet Manager James Hernandez, you must be at least 21 years old with a valid driver's license to rent any vehicle in our fleet.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">Is insurance coverage included in the rental price?<svg class="faq-chevron" width="20"
                            height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></button>
                    <div class="faq-a">
                        <p>Insurance is not included in the rental price. Renters must carry their own valid auto insurance policy that covers exotic and high-value vehicles prior to pickup.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">How do I book an exotic car rental?<svg class="faq-chevron" width="20"
                            height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></button>
                    <div class="faq-a">
                        <p>You can request your Miami luxury car rental or exotic car rental right here on our website
                            or contact the concierge team directly for quote review.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">What should I bring when picking up the rental
                        car?<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none"
                            stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></button>
                    <div class="faq-a">
                        <p>Please bring your valid driver's license, proof of insurance, and the
                            credit card used for the reservation deposit.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">Are there mileage limits on exotic car rentals?<svg class="faq-chevron"
                            width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></button>
                    <div class="faq-a">
                        <p>Yes, typical exotic car rentals include a daily mileage allowance
                            (usually 100 miles/day).
                            Additional miles are billed at a set rate depending on the vehicle class.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">What payment methods do you accept?<svg class="faq-chevron" width="20"
                            height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                            <path d="M6 9l6 6 6-6" />
                        </svg></button>
                    <div class="faq-a">
                        <p>We accept all major credit cards, wire transfers, and cryptocurrency.
                            A security deposit is required at the time of rental pickup.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">How much does it cost to rent an exotic car in Miami?<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6" /></svg></button>
                    <div class="faq-a">
                        <p>Exotic car rental pricing at Monarc VIP in Miami depends on vehicle, date, mileage, rental length, delivery plan, deposit, and coverage requirements. Published starting rates are useful for planning, but the current quote should be confirmed before booking.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">What exotic cars can I rent in Miami?<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6" /></svg></button>
                    <div class="faq-a">
                        <p>Monarc VIP helps clients compare Lamborghini, Ferrari, Rolls-Royce, McLaren, Porsche, Bentley, Mercedes, BMW, Cadillac, Corvette, and luxury SUV rentals in Miami. Current vehicle availability, model year, color, delivery timing, and rental terms should be confirmed for the requested date.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">What do I need to rent an exotic car in Miami?<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6" /></svg></button>
                    <div class="faq-a">
                        <p>To rent an exotic car from Monarc VIP in Miami you need three things: a valid driver's license, proof of full-coverage auto insurance that transfers to high-value vehicles, and a credit card for the booking payment. A $500 booking payment reserves the date and is applied to your rental total; it is refundable only if you cancel at least 7 days before pickup. Renters must be at least 21 years old with a valid license. International visitors with a valid foreign license are welcome; German-language visitors can review our <a href="/sportwagen-mieten-miami">Sportwagen mieten in Miami</a> guide, and Spanish speakers can visit our <a href="/renta-de-autos-de-lujo-miami">renta de autos de lujo en Miami</a> page. At pickup, you will present your license, insurance documentation, and the credit card used for the reservation. Security holds are sized to the car, from $500 on the Corvette C8 to $2,000 on the flagship Ferrari and Lamborghini models, and are confirmed in writing before pickup. If your personal insurance does not cover exotic vehicles, the concierge team can help you find temporary coverage options. For questions about documentation or eligibility, call (786) 949-7058 or visit our office at 901 S Miami Ave, Suite 214, Miami, FL 33130.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">Does Monarc VIP deliver cars to Miami hotels?<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6" /></svg></button>
                    <div class="faq-a">
                        <p>Delivery and pickup can be coordinated for hotels, residences, airport-area plans, and private-aviation arrivals when timing, access, and vehicle availability are confirmed. Popular planning areas include South Beach, Brickell, Aventura, Coral Gables, Coconut Grove, Wynwood, Fort Lauderdale, and Miami International Airport.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-q">What is the lowest-priced exotic car to rent in Miami?<svg class="faq-chevron" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6" /></svg></button>
                    <div class="faq-a">
                        <p>The most approachable exotic car rental at Monarc VIP in Miami is usually the Corvette C8, with published starting rates from $395 per day before date-specific taxes, delivery, mileage, coverage, and security-hold terms. Other value-focused options include BMW and Cadillac luxury models when available. Standard mileage is typically 100 miles per day, and delivery can be coordinated when timing, access, documentation, and vehicle availability are confirmed. Final pricing, deposit or card-hold details, and pickup or delivery timing are confirmed by concierge before handoff. Request dates at monarc.vip or call (786) 949-7058.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========== CONTACT / FINAL CTA, with social proof at the decision moment ========== -->
    <section id="contact" class="section contact-section">
        <div class="container">
            <div class="contact-wrapper">
                <div class="contact-info">
                    <div class="section-label">Get in Touch</div>
                    <h2 class="section-title" style="text-align:left;">Ready to <span class="accent">Ride?</span></h2>
                    <p>Reach out to our Brickell VIP concierge team and we'll have you behind the wheel
                        of your dream car in no time.</p>
                    <div class="contact-details">
                        <div class="contact-row">
                            <span class="contact-icon">
                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2">
                                    <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z" />
                                    <circle cx="12" cy="10" r="3" />
                                </svg>
                            </span>
                            <a href="https://share.google/wMLD5E6zdHtdLIrRu" target="_blank" rel="noopener noreferrer" style="color:inherit;">901 S Miami Ave, Suite 214, Miami, FL 33130</a>
                        </div>
                        <div class="contact-row">
                            <span class="contact-icon">
                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2">
                                    <path
                                        d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" />
                                </svg>
                            </span>
                            <a href="tel:+17869497058">(786) 949-7058</a>
                        </div>
                        <div class="contact-row">
                            <span class="contact-icon">
                                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                    stroke-width="2">
                                    <path
                                        d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
                                    <polyline points="22,6 12,13 2,6" />
                                </svg>
                            </span>
                            <a href="mailto:[email protected]">[email protected]</a>
                        </div>
                    </div>
                    <!-- Social proof micro-copy at the decision point -->
                    <p style="margin-top: 2rem; font-size: 0.85rem; color: var(--text-muted);">
                        Google review highlights guide our concierge handoffs.
                    </p>
                </div>
                <form class="contact-form" id="contactForm">
                    <input type="text" placeholder="Full Name" required>
                    <input type="email" placeholder="Email Address" required>
                    <input type="tel" placeholder="Phone Number">
                    <select>
                        <option value="">Interested Vehicle</option>
                        <option>Lamborghini Aventador</option>
                        <option>McLaren 720S</option>
                        <option>Ferrari 488</option>
                        <option>Rolls-Royce Cullinan</option>
                        <option>Lamborghini Urus</option>
                        <option>Lamborghini Huracan</option>
                        <option>Porsche 911 GT3</option>
                        <option>Rolls-Royce Ghost</option>
                        <option>Bentley Continental GT</option>
                        <option>Mercedes-Benz G63</option>
                        <option>Mercedes-Maybach S580</option>
                        <option>Tesla Cybertruck</option>
                        <option>Other</option>
                    </select>
                    <textarea rows="4" placeholder="Tell us about your plans..."></textarea>
                    <button type="submit" class="btn btn-glow btn-lg magnetic" style="width:100%;">Send My Inquiry</button>
                    <p style="text-align:center; font-size:0.8rem; color:var(--text-muted); margin-top:12px;">
                        We typically respond within 15 minutes.
                    </p>
                </form>
            </div>
        </div>
    </section>

    <!-- ========== FOOTER ========== -->
    <div id="site-footer">
<section class="newsletter-section">
        <div class="container">
            <div class="newsletter-inner">
                <div class="newsletter-text">
                    <h3 class="newsletter-heading">Ride with the Best!</h3>
                    <p class="newsletter-desc">Get VIP access to exclusive deals, car tips, and the latest updates.</p>
                </div>
                <form class="newsletter-form" id="newsletterForm" onsubmit="return false;">
                    <input type="email" class="newsletter-input" placeholder="[email protected]" required aria-label="Email address">
                    <button type="submit" class="newsletter-btn">Subscribe</button>
                </form>
            </div>
        </div>
    </section>
    <footer class="footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <a href="/" class="logo">MONARC<span>VIP</span></a>
                    <p>Miami's premier luxury & exotic car rental experience. Elevate every journey with our world-class
                        fleet and VIP concierge.</p>
                </div>
                <div class="footer-col">
                    <h4>Fleet & Yachts</h4>
                    <a href="/exotic-car-rentals">Browse Fleet</a>
                    <a href="/lamborghini-rental">Lamborghini</a>
                    <a href="/ferrari-rental">Ferrari</a>
                    <a href="/rolls-royce-rental">Rolls-Royce</a>
                    <a href="/mclaren-rental">McLaren</a>
                    <a href="/maybach-rental">Maybach</a>
                    <a href="/porsche-rental">Porsche</a>
                    <a href="/mercedes-rental">Mercedes</a>
                    <a href="/corvette-rental">Corvette</a>
                    <a href="/yacht-charter-miami">Yacht Charters</a>
                </div>
                <div class="footer-col">
                    <h4>Company</h4>
                    <a href="/luxury-car-rental-miami">Luxury Cars</a>
                    <a href="/chauffeur-service-miami">Chauffeur Service</a>
                    <a href="/exotic-car-photoshoot-miami">Photoshoot Rentals</a>
                    <a href="/blogs">Blog & News</a>
                    <a href="/rental-calculator">Price Calculator</a>
                    <a href="/rates-and-policies">Rates & Policies</a>
                    <a href="/vehicle-management">Vehicle Management</a>
                    <a href="/investor-relations">Investor Relations</a>
                </div>
                <div class="footer-col">
                    <h4>Contact</h4>
                    <a href="/contact">Contact Us</a>
                    <a href="/faq">FAQ</a>
                    <a href="tel:+17869497058">(786) 949-7058</a>
                    <a href="mailto:[email protected]">[email protected]</a>
                    <p style="font-size:0.85rem;opacity:0.7;margin-top:8px">901 S Miami Ave, Suite 214, Miami, FL 33130</p>
                    <p style="font-size:0.85rem;opacity:0.7">Brickell concierge booking support</p>
                </div>
            </div>
            <div class="footer-social">
                <a href="https://www.instagram.com/monarcvip/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><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-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.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.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
                </a>
                <a href="https://www.facebook.com/monarcvip" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><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>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Monarc VIP. All rights reserved.</p>
            </div>
        </div>
    </footer>
</div>

    <!-- Mobile Bottom Nav -->
    <div id="site-mobile-nav">
<nav class="mobile-bottom-nav" aria-label="Mobile quick navigation">
        <a href="/" class="mbn-item" aria-label="Home"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="2">
                <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z" />
            </svg><span>Home</span></a>
        <a href="/exotic-car-rentals" class="mbn-item" aria-label="Fleet"><svg class="mbn-supercar-icon" width="22" height="22" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                <path d="M3.2 14.3h1.4l2.1-3.2c.55-.84 1.33-1.26 2.35-1.26h5.36c1.16 0 2.08.42 2.76 1.26l2.62 3.2h1.01c.66 0 1.2.54 1.2 1.2v1.35c0 .64-.51 1.15-1.15 1.15h-1.05" />
                <path d="M5.7 18H4.2A1.2 1.2 0 013 16.8v-1.16c0-.56.37-1.05.9-1.2l2.8-.78" />
                <path d="M8.8 11.05h5.55c.64 0 1.22.3 1.6.8l1.55 2.05H6.9l1.9-2.85z" />
                <path d="M8.4 18h7.2" />
                <circle cx="7.1" cy="18" r="1.65" />
                <circle cx="17.25" cy="18" r="1.65" />
            </svg><span>Fleet</span></a>
        <a href="/luxury-car-rental-miami" class="mbn-item" aria-label="Luxury"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="2">
                <path d="M6 3h12l4 6-10 12L2 9z" />
                <path d="M2 9h20" />
                <path d="M12 21 8 9l4-6 4 6-4 12z" />
            </svg><span>Luxury</span></a>
        <a href="tel:+17869497058" class="mbn-item mbn-call" aria-label="Call Monarc VIP"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="2">
                <path
                    d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" />
            </svg><span>Call</span></a>
    </nav>
</div>



    <!-- Scripts -->
    <!-- Lenis removed: native scroll is faster and more responsive -->
    <script src="/app.js-v65.js?v=20261014-next" defer></script>
    <script>
        // Blog teaser injection
        (function () {
            var blogDataLoading = false;
            var blogDataLoaded = false;

            function runWhenIdle(callback, timeout) {
                if ('requestIdleCallback' in window) {
                    window.requestIdleCallback(callback, { timeout: timeout || 1600 });
                } else {
                    window.setTimeout(callback, Math.min(timeout || 600, 800));
                }
            }

            function renderBlogTeaser() {
            var container = document.getElementById('blogTeaser');
            if (!container || typeof BLOG_DATA === 'undefined') return;
                if (container.dataset.hydrated === 'true') return;
                container.dataset.hydrated = 'true';
            var seenImages = {};
            var posts = BLOG_DATA.filter(function (p) {
                var heroImage = (p.heroImage || '').trim();
                var normalizedHeroImage = heroImage.toLowerCase();
                if (!heroImage || normalizedHeroImage.indexOf('data:image/svg+xml') === 0 || seenImages[normalizedHeroImage]) return false;
                seenImages[normalizedHeroImage] = true;
                return true;
            }).slice(0, 6);
            container.innerHTML = posts.map(function (p) {
                const postHref = '/blogs/' + p.slug;
                return '<a href="' + postHref + '" class="car-card" style="text-decoration:none;color:inherit;">' +
                    '<div class="car-img-wrap"><img src="' + p.heroImage + '" alt="' + p.title.replace(/"/g, '&quot;') + '" title="' + p.title.replace(/"/g, '&quot;') + '" loading="lazy"></div>' +
                    '<div class="car-body">' +
                    '<div class="car-title-row"><h3 style="font-size:1.05rem;">' + p.title + '</h3></div>' +
                    '<p style="color:var(--text-muted);font-size:0.9rem;margin:0;line-height:1.5;">' + (p.excerpt || '').substring(0, 120) + '...</p>' +
                    '<div class="car-bottom" style="margin-top:auto;padding-top:1rem;"><span class="car-tag tag-green" style="font-size:0.75rem;">' + (p.category || 'Blog') + '</span>' +
                    '<span class="btn btn-sm btn-outline magnetic" style="pointer-events:none;">Read More</span></div>' +
                    '</div></a>';
            }).join('');
            }

            function loadBlogData() {
                if (blogDataLoaded || blogDataLoading) return;
                blogDataLoading = true;
                var script = document.createElement('script');
                script.src = '/blog_data.js';
                script.defer = true;
                script.onload = function () {
                    blogDataLoaded = true;
                    renderBlogTeaser();
                };
                document.head.appendChild(script);
            }

            document.addEventListener('DOMContentLoaded', function () {
                var container = document.getElementById('blogTeaser');
                if (!container) return;
                if ('IntersectionObserver' in window) {
                    var observer = new IntersectionObserver(function (entries, obs) {
                        if (!entries.some(function (entry) { return entry.isIntersecting; })) return;
                        obs.disconnect();
                        loadBlogData();
                    }, { rootMargin: '150px 0px' });
                    observer.observe(container);
                    window.setTimeout(loadBlogData, 8000);
                } else {
                    window.setTimeout(loadBlogData, 1200);
                }
            });
        })();


    </script>

    <script src="/scripts/components.js?v=29" defer></script>

    <!-- ========== SCROLL DOT NAV (desktop only) ========== -->
    <nav id="scrollDotNav" aria-label="Page sections">
        <div class="sdn-track"></div>
    </nav>
    <!-- Scroll dot nav styles moved to styles.css -->
    <script>
    (function() {
        'use strict';
        var sections = [
            { id: 'home', label: 'Home' },
            { id: 'featured-fleet', label: 'Fleet' },
            { id: 'hotel-partners', label: 'Partners' },
            { href: '/luxury-car-rental-miami', label: 'Luxury Cars' },
            { id: 'how-to-book',    label: 'How to Book' },
            { id: 'service-locations', label: 'Delivery' },
            { id: 'rental-options', label: 'Durations' },
            { id: 'reviews',        label: 'Reviews' },
            { id: 'blogs',          label: 'Blog' },
            { id: 'faq',            label: 'FAQ' },
            { id: 'contact',        label: 'Contact' }
        ];

        var nav = document.getElementById('scrollDotNav');
        if (!nav) return;
        var desktopDotNav = window.matchMedia && window.matchMedia('(min-width: 1025px) and (hover: hover) and (pointer: fine)');
        if (!desktopDotNav || !desktopDotNav.matches) {
            nav.remove();
            return;
        }
        var track = nav.querySelector('.sdn-track');

        // Build dot items
        sections.forEach(function(sec) {
            var item = document.createElement(sec.href ? 'a' : 'div');
            item.className = 'sdn-item';
            if (sec.href) {
                item.href = sec.href;
            } else {
                item.setAttribute('data-target', sec.id);
            }
            item.innerHTML = '<div class="sdn-dot"></div><span class="sdn-label">' + sec.label + '</span>';
            item.addEventListener('click', function() {
                if (sec.href) return;
                if (sec.id === 'home') {
                    window.scrollTo({ top: 0, behavior: 'smooth' });
                    return;
                }
                var el = document.getElementById(sec.id);
                if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
            });
            track.appendChild(item);
        });

        var items = track.querySelectorAll('.sdn-item');

        // Show/hide nav based on scroll position (appear after 100px)
        function updateNavVisibility() {
            if (window.scrollY > 100) {
                nav.classList.add('sdn-visible');
            } else {
                nav.classList.remove('sdn-visible');
            }
        }
        window.addEventListener('scroll', updateNavVisibility, { passive: true });
        updateNavVisibility();

        // Eye toggle button — prepend to nav before the track
        var toggleBtn = document.createElement('button');
        toggleBtn.className = 'sdn-toggle';
        toggleBtn.setAttribute('aria-label', 'Toggle section navigation');
        toggleBtn.innerHTML =
            '<svg class="sdn-eye-open" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">' +
                '<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z"/>' +
                '<circle cx="12" cy="12" r="3"/>' +
            '</svg>' +
            '<svg class="sdn-eye-closed" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">' +
                '<path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"/>' +
                '<path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"/>' +
                '<path d="M14.12 14.12a3 3 0 1 1-4.24-4.24"/>' +
                '<line x1="1" y1="1" x2="23" y2="23"/>' +
            '</svg>';
        nav.insertBefore(toggleBtn, track);

        toggleBtn.addEventListener('click', function() {
            nav.classList.toggle('sdn-collapsed');
        });

        // Track active section
        var sectionEls = [];
        sections.forEach(function(sec) {
            var el = document.getElementById(sec.id);
            if (el) sectionEls.push({ el: el, id: sec.id });
        });

        var activeTicking = false;
        function updateActiveSection() {
            var marker = window.scrollY + Math.min(window.innerHeight * 0.42, 360);
            var activeId = sectionEls.length ? sectionEls[0].id : null;

            sectionEls.forEach(function(section) {
                if (section.el.offsetTop <= marker) activeId = section.id;
            });

            items.forEach(function(item) {
                item.classList.toggle('sdn-active', item.getAttribute('data-target') === activeId);
            });
            activeTicking = false;
        }

        function requestActiveUpdate() {
            if (!activeTicking) {
                window.requestAnimationFrame(updateActiveSection);
                activeTicking = true;
            }
        }

        window.addEventListener('scroll', requestActiveUpdate, { passive: true });
        window.addEventListener('resize', requestActiveUpdate);
        updateActiveSection();
    })();
    </script>
</body>

</html>
<!-- deploy: 2192f0b -->

Latest requests

# Url Url Source Date
1 https://monarc.vip/ 2026-10-16 17:29:17
2 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:17
3 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:17
4 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:16
5 https://www.texarkanatwins.com/%25… 2026-10-16 17:29:16
6 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:15
7 https://www.alexis17soon.com/ 2026-10-16 17:29:15
8 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:14
9 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:14
10 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:13
11 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:13
12 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:12
13 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:11
14 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:11
15 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:11
16 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:09
17 https://www.texarkanatwins.com/%25… 2026-10-16 17:29:09
18 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:09
19 http://chinavisa42.s3-website-ap-n… 2026-10-16 17:29:09
20 https://www.thebolditalic.com/?gi=… 2026-10-16 17:29:08