<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<meta name="theme-color" content="#0B0E14">
<title>Virginia Voyages | Home of "Virginia's Virgins" Group Cruises & Travel</title>
<meta name="description" content="Sail with Virginia Voyages and join Virginia's Virgins! Official Virgin Voyages specialist & Delta Vacations advisor. Annual Caribbean, Alaska, Baja Mexico & Panama Canal group cruises with bonus Sailor Loot, custom group merch, and 0% financing.">
<meta name="keywords" content="Virginia Voyages, Virginias Virgins, Virgin Voyages travel agent, Virgin Voyages group cruise, Sailor Loot promo, Alaska Virgin Voyages, Baja Mexico cruise, Caribbean cruise, Delta Vacations travel advisor">
<meta name="author" content="Virginia Jackson - Virginia Voyages">
<meta name="robots" content="index, follow">
<link rel="canonical" href="[https://www.virginiavoyages.com/](https://www.virginiavoyages.com/)">
<meta property="og:type" content="website">
<meta property="og:url" content="[https://www.virginiavoyages.com/](https://www.virginiavoyages.com/)">
<meta property="og:site_name" content="Virginia Voyages">
<meta property="og:title" content="Virginia Voyages | Join 'Virginia's Virgins' Group Cruises">
<meta property="og:description" content="Tap to view our annual Caribbean, Alaska & Baja Mexico sailings, pre-cruise Delta flight packages, official Virginia's Virgins merch, and 0% financing.">
<meta property="og:image" content="[https://images.unsplash.com/photo-1548574505-5e239809ee19?auto=format&fit=crop&w=1200&q=80](https://images.unsplash.com/photo-1548574505-5e239809ee19?auto=format&fit=crop&w=1200&q=80)">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Virginia Voyages | Home of Virginia's Virgins">
<meta name="twitter:description" content="Explore our annual group cruise calendar, Delta flight staging, official crew merch, and shared Google Photo albums.">
<meta name="twitter:image" content="[https://images.unsplash.com/photo-1548574505-5e239809ee19?auto=format&fit=crop&w=1200&q=80](https://images.unsplash.com/photo-1548574505-5e239809ee19?auto=format&fit=crop&w=1200&q=80)">
<script type="application/ld+json">
{"@context":"[https://schema.org](https://schema.org)","@type":"TravelAgency","name":"Virginia Voyages","alternateName":"Virginia's Virgins Cruise Club","description":"Independent travel agency specializing in Virgin Voyages group cruise Circles, custom crew apparel, bonus Sailor Loot, and Delta Vacations air-and-hotel packages.","url":"[https://www.virginiavoyages.com/](https://www.virginiavoyages.com/)","founder":{"@type":"Person","name":"Virginia Jackson"},"parentOrganization":{"@type":"Organization","name":"Boardwalk Travel"},"areaServed":"US"}
</script>
<link rel="preconnect" href="[https://fonts.googleapis.com](https://fonts.googleapis.com)">
<link rel="preconnect" href="[https://fonts.gstatic.com](https://fonts.gstatic.com)" crossorigin>
<link href="[https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap](https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap)" rel="stylesheet">
<style>
:root { --red:#E11A2B; --red-h:#C41222; --navy:#0B192C; --gold:#E5B842; --pp:#0070BA; --gblue:#4285F4; --wa:#25D366; --bg:#0B0E14; --card:#151922; --inner:#0F1219; --bdr:#262C3A; --txt:#F8FAFC; --muted:#94A3B8; --fh:'Montserrat',sans-serif; --fb:'Inter',-apple-system,sans-serif; }
* { box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--txt); font-family:var(--fb); line-height:1.55; -webkit-font-smoothing:antialiased; padding-bottom:3rem; }
header { background:radial-gradient(circle at top right,#3b0a11 0%,var(--navy) 55%,var(--bg) 100%); padding:1.75rem 1.25rem 2.25rem; text-align:center; border-bottom:1px solid var(--bdr); }
.top-bar { max-width:1120px; margin:0 auto 1.5rem; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.brand-logo { font-family:var(--fh); font-weight:800; font-size:1.05rem; letter-spacing:0.5px; text-transform:uppercase; color:#fff; display:flex; align-items:center; gap:8px; }
.brand-logo span, h1 span { color:var(--red); }
.top-actions { display:flex; align-items:center; gap:8px; }
.pill-btn { background:rgba(255,255,255,0.08); border:1px solid var(--bdr); color:var(--txt); font-family:var(--fb); font-size:0.8rem; font-weight:600; padding:8px 13px; border-radius:50px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; text-decoration:none; }
.season-pill { display:inline-block; background:rgba(229,184,66,0.14); border:1px solid rgba(229,184,66,0.45); color:var(--gold); font-size:0.74rem; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; padding:5px 14px; border-radius:50px; margin-bottom:0.85rem; }
h1 { font-family:var(--fh); font-size:clamp(2rem,5.5vw,3.25rem); font-weight:800; letter-spacing:-0.5px; line-height:1.12; margin-bottom:0.75rem; text-transform:uppercase; }
.lead-text { color:var(--muted); max-width:680px; margin:0 auto; font-size:0.96rem; }
.lead-text strong { color:#fff; }
.sticky-nav { position:sticky; top:0; z-index:90; background:rgba(11,14,20,0.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid var(--bdr); padding:0.75rem 0; }
.selector-nav { max-width:1120px; margin:0 auto; padding:0 1.25rem; display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.selector-nav::-webkit-scrollbar { display:none; }
.tab-btn { scroll-snap-align:start; flex:0 0 auto; background:var(--card); border:1px solid var(--bdr); color:var(--muted); font-family:var(--fh); font-size:0.85rem; font-weight:700; padding:11px 18px; border-radius:50px; cursor:pointer; white-space:nowrap; transition:0.2s; }
.tab-btn.active { background:var(--red); border-color:var(--red); color:#fff; box-shadow:0 4px 14px rgba(225,26,43,0.35); }
.container { max-width:1120px; margin:0 auto; padding:1.75rem 1.25rem; }
.voyage-hero { background:var(--card); border:1px solid var(--bdr); border-radius:16px; padding:1.75rem; margin-bottom:1.5rem; position:relative; overflow:hidden; }
.voyage-hero::before { content:""; position:absolute; top:0; left:0; width:5px; height:100%; background:var(--red); }
.hero-top-row { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px; margin-bottom:0.75rem; }
.dest-badge { display:inline-block; background:rgba(225,26,43,0.15); border:1px solid rgba(225,26,43,0.4); color:#ff6b78; font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; padding:4px 12px; border-radius:50px; }
.invite-trip-btn { background:rgba(229,184,66,0.14); border:1px solid rgba(229,184,66,0.45); color:var(--gold); font-size:0.78rem; font-weight:700; padding:6px 12px; border-radius:6px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.voyage-title { font-family:var(--fh); font-size:clamp(1.5rem,4vw,2.1rem); font-weight:800; margin-bottom:0.5rem; }
.voyage-highlights { color:var(--muted); font-size:0.95rem; }
.voyage-meta-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.25rem; margin-top:1.25rem; padding-top:1.25rem; border-top:1px solid var(--bdr); }
.meta-box h4 { font-size:0.7rem; color:var(--muted); text-transform:uppercase; letter-spacing:1.2px; margin-bottom:3px; }
.meta-box p { font-family:var(--fh); font-size:1.05rem; font-weight:700; color:#fff; }
.grid-2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.25rem; margin-bottom:1.5rem; }
.info-card { background:var(--card); border:1px solid var(--bdr); border-radius:16px; padding:1.5rem; display:flex; flex-direction:column; justify-content:space-between; }
.card-title { font-family:var(--fh); font-size:1.15rem; font-weight:700; margin-bottom:1rem; display:flex; align-items:center; gap:10px; }
.checklist { list-style:none; margin-bottom:1.25rem; }
.checklist li { position:relative; padding-left:24px; margin-bottom:10px; font-size:0.9rem; color:#CBD5E1; }
.checklist li::before { content:"✓"; position:absolute; left:0; color:var(--red); font-weight:800; }
.callout-banner { background:rgba(11,25,44,0.7); border-left:3px solid #38BDF8; padding:10px 14px; border-radius:6px; font-size:0.82rem; color:#BAE6FD; }
.photos-card { background:linear-gradient(135deg,rgba(66,133,244,0.12) 0%,var(--card) 100%); border:1px solid rgba(66,133,244,0.35); border-radius:16px; padding:1.5rem; margin-bottom:2rem; }
.photos-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; margin-bottom:1rem; }
.photos-top h3 { font-family:var(--fh); font-size:1.2rem; font-weight:800; }
.face-tag-note { background:rgba(15,18,25,0.65); border:1px solid rgba(66,133,244,0.25); border-radius:8px; padding:12px 14px; font-size:0.85rem; color:#DBEAFE; }
.section-title-wrap { margin:2.75rem 0 1.25rem; }
.section-title-wrap h2 { font-family:var(--fh); font-size:clamp(1.35rem,3.5vw,1.75rem); font-weight:800; text-transform:uppercase; }
.section-title-wrap p { color:var(--muted); font-size:0.9rem; margin-top:4px; }
.input-field, .select-field { width:100%; background:var(--bg); border:1px solid var(--bdr); color:#fff; padding:12px 14px; border-radius:8px; font-family:var(--fb); font-size:1rem; }
.input-field:focus, .select-field:focus { outline:none; border-color:var(--red); }
.input-label { font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.8px; color:var(--muted); display:block; margin-bottom:6px; }
.price-comparison { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
.price-box { border-radius:8px; padding:10px; text-align:center; }
.price-box.zelle { background:rgba(34,197,94,0.08); border:1px solid rgba(34,197,94,0.3); }
.price-box.paypal { background:rgba(0,112,186,0.1); border:1px solid rgba(0,112,186,0.35); }
.price-amount { font-family:var(--fh); font-size:1.15rem; font-weight:800; color:#fff; margin-top:2px; }
.theme-grid, .merch-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.1rem; margin-bottom:2.5rem; }
.theme-card, .merch-card { background:var(--card); border:1px solid var(--bdr); border-radius:12px; padding:1.35rem; display:flex; flex-direction:column; justify-content:space-between; }
.merch-card { border-top:3px solid var(--red); }
.merch-preview { background:radial-gradient(circle at center,#251018 0%,var(--inner) 100%); border:1px solid var(--bdr); border-radius:8px; height:130px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin-bottom:1rem; text-align:center; padding:12px; }
.merch-icon { font-size:2.1rem; margin-bottom:4px; }
.merch-gtext { font-family:var(--fh); font-size:0.72rem; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#fff; background:rgba(225,26,43,0.85); padding:3px 10px; border-radius:4px; }
.merch-price-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.merch-price { font-family:var(--fh); font-size:1.2rem; font-weight:800; color:var(--gold); }
.theme-badge { display:inline-block; font-size:0.7rem; font-weight:700; padding:3px 9px; border-radius:4px; text-transform:uppercase; margin-bottom:10px; width:fit-content; }
.badge-red { background:rgba(225,26,43,0.2); color:#ff6b78; border:1px solid rgba(225,26,43,0.5); }
.badge-purple { background:rgba(168,85,247,0.2); color:#d8b4fe; border:1px solid rgba(168,85,247,0.5); }
.badge-neon { background:rgba(34,197,94,0.2); color:#86efac; border:1px solid rgba(34,197,94,0.5); }
.badge-gold { background:rgba(229,184,66,0.15); color:#fde047; border:1px solid rgba(229,184,66,0.5); }
.theme-card h3, .merch-card h3 { font-family:var(--fh); font-size:1.05rem; margin-bottom:6px; }
.theme-card p, .merch-card p { font-size:0.84rem; color:var(--muted); margin-bottom:12px; }
.outfit-box { padding-top:10px; border-top:1px solid var(--bdr); font-size:0.82rem; font-weight:600; color:#F1F5F9; }
.dispatcher-card { background:var(--card); border:1px solid var(--bdr); border-radius:16px; padding:1.5rem; margin-bottom:2.5rem; }
.segment-control { display:grid; grid-template-columns:1fr 1fr; background:var(--inner); padding:4px; border-radius:8px; border:1px solid var(--bdr); margin-bottom:1.25rem; }
.segment-btn { background:transparent; border:none; color:var(--muted); font-family:var(--fb); font-weight:600; font-size:0.82rem; padding:10px 8px; border-radius:6px; cursor:pointer; }
.segment-btn.active { background:var(--card); color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.4); }
.message-preview { background:var(--inner); border:1px solid var(--bdr); border-radius:8px; padding:1rem; font-family:ui-monospace,monospace; font-size:0.82rem; color:#CBD5E1; white-space:pre-wrap; margin-bottom:1.25rem; max-height:220px; overflow-y:auto; }
.action-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
.faq-section { margin-bottom:2.5rem; }
details.faq-item { background:var(--card); border:1px solid var(--bdr); border-radius:12px; margin-bottom:10px; padding:1rem 1.25rem; }
details.faq-item summary { font-family:var(--fh); font-weight:700; font-size:0.95rem; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; }
details.faq-item summary::-webkit-details-marker { display:none; }
details.faq-item summary::after { content:"+"; color:var(--red); font-size:1.25rem; font-weight:800; }
details[open].faq-item summary::after { content:"−"; }
details.faq-item p { margin-top:10px; padding-top:10px; border-top:1px solid var(--bdr); font-size:0.88rem; color:var(--muted); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:var(--fh); font-size:0.85rem; font-weight:700; min-height:46px; padding:11px 18px; border-radius:8px; text-decoration:none; cursor:pointer; text-transform:uppercase; border:none; width:100%; transition:0.2s; }
.btn-primary { background:var(--red); color:#fff; }
.btn-primary:hover { background:var(--red-h); }
.btn-paypal { background:var(--pp); color:#fff; }
.btn-google { background:var(--gblue); color:#fff; width:auto; }
.btn-outline { background:rgba(255,255,255,0.03); color:#fff; border:1px solid var(--bdr); }
.cta-banner { background:linear-gradient(135deg,#1A1F2C 0%,#0F1219 100%); border:1px solid var(--gold); border-radius:16px; padding:2.25rem 1.5rem; text-align:center; }
.circle-badge { display:inline-block; background:rgba(229,184,66,0.12); border:1px solid rgba(229,184,66,0.4); color:var(--gold); font-weight:700; padding:6px 14px; border-radius:50px; margin-bottom:1rem; font-size:0.8rem; }
.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.75); backdrop-filter:blur(4px); z-index:200; display:none; align-items:flex-end; justify-content:center; }
.modal-overlay.open { display:flex; }
.share-sheet { background:var(--card); border-top:1px solid var(--bdr); border-radius:20px 20px 0 0; width:100%; max-width:500px; padding:1.75rem 1.25rem 2.25rem; }
.share-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:1.25rem; }
.toast { position:fixed; bottom:20px; left:50%; transform:translateX(-50%) translateY(100px); background:#10B981; color:#fff; font-weight:600; font-size:0.88rem; padding:12px 22px; border-radius:50px; box-shadow:0 8px 25px rgba(0,0,0,0.5); z-index:300; transition:transform 0.3s ease; white-space:nowrap; }
.toast.show { transform:translateX(-50%) translateY(0); }
footer { text-align:center; padding:2.5rem 1.25rem 1rem; font-size:0.8rem; color:var(--muted); max-width:900px; margin:0 auto; }
@media (min-width:640px) { .modal-overlay { align-items:center; } .share-sheet { border-radius:16px; border:1px solid var(--bdr); } }
@media (max-width:640px) { .btn-google { width:100%; } }
</style>
</head>
<body>
<header>
<div class="top-bar">
<div class="brand-logo">
<svg width="22" height="22" viewBox="0 0 24 24" fill="#E11A2B"><path d="M12 2L2 7l10 5 10-5-10-5zm0 7.5l-6-3 6-3 6 3-6 3zm0 2.5l-10-5v2l10 5 10-5v-2l-10 5zm0 5l-10-5v2l10 5 10-5v-2l-10 5z"/></svg>
Virginia <span>Voyages</span>
</div>
<div class="top-actions">
<a href="#merchShopSection" class="pill-btn">👕 Crew Merch</a>
<button type="button" class="pill-btn" id="topShareBtn">🔗 Invite</button>
</div>
</div>
<div class="season-pill" id="seasonBadge">★ Official Home of "Virginia's Virgins"</div>
<h1>Virginia <span>Voyages</span></h1>
<p class="lead-text">Welcome to the <strong>Virginia's Virgins</strong> VIP Crew Portal! Coordinate group cabins, sync pre-cruise Delta flights & hotels, grab custom crew apparel, and share group trip photos.</p>
</header>
<div class="sticky-nav">
<nav class="selector-nav" id="itineraryTabs" aria-label="Annual Cruise Itineraries"></nav>
</div>
<main class="container">
<article>
<div class="voyage-hero">
<div class="hero-top-row">
<span class="dest-badge" id="vDest"></span>
<button type="button" class="invite-trip-btn" id="heroShareBtn">📤 Invite Friends to Virginia's Virgins</button>
</div>
<h2 class="voyage-title" id="vTitle"></h2>
<p class="voyage-highlights" id="vHighlights"></p>
<div class="voyage-meta-grid">
<div class="meta-box"><h4>Sailing Dates</h4><p id="vDates"></p></div>
<div class="meta-box"><h4>Virgin Ship</h4><p id="vShip"></p></div>
<div class="meta-box"><h4>Embarkation Port</h4><p id="vPort"></p></div>
</div>
</div>
<div class="grid-2">
<div class="info-card">
<div>
<div class="card-title">✈️ Delta Flight Staging</div>
<ul class="checklist">
<li><strong>Target Airport:</strong> <span id="vFlightCity"></span></li>
<li><strong>Arrival Protocol:</strong> <span id="vFlightRule"></span></li>
<li><strong>Baggage Perk:</strong> Up to two 70-lb bags free when linked on Gold Medallion group reservations.</li>
</ul>
</div>
<div class="callout-banner"><strong>Cruiser Rule:</strong> Always fly in at least 1 day prior to avoid air delay missed sailings.</div>
</div>
<div class="info-card">
<div>
<div class="card-title">🏨 Pre-Cruise Hotel & Cabin</div>
<ul class="checklist">
<li><strong>Group Hotel:</strong> <span id="vHotelName"></span></li>
<li><strong>Location:</strong> <span id="vHotelDetails"></span></li>
<li><strong>Cabin Tip:</strong> <span id="vCabinAdvice"></span></li>
</ul>
</div>
<div class="callout-banner" style="border-left-color:var(--gold);color:#FEF08A;"><strong>Virginia's Virgins Perk:</strong> 3+ linked cabins unlock free onboard Sailor Loot!</div>
</div>
</div>
</article>
<section class="photos-card">
<div class="photos-top">
<div>
<h3 id="activeAlbumTitle">Shared Google Photo Album</h3>
<p style="color:var(--muted);font-size:0.85rem;margin-top:2px;">Tap to view or upload high-res photos from your phone.</p>
</div>
<a id="openAlbumBtn" href="#" target="_blank" rel="n