279 lines
23 KiB
HTML
279 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>application_confirmation</title>
|
||
<link rel="stylesheet" href="style.css" />
|
||
</head>
|
||
<body>
|
||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">Visa2Egypt</div><ul class="nav-1-nav-links"><li><a href="home.html">Home</a></li><li><a href="about.html">Visa Types</a></li><li><a href="contact.html">Requirements</a></li><li><a href="services.html">Processing</a></li><li><a href="faq.html">FAQ</a></li><li class="nav-1-dropdown"><a href="#">Resources<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Track Visa</button><button class="nav-1-btn nav-1-solid">Apply Now</button></div></nav></div>
|
||
<div class="text-1-wrapper"><section class="text-1-section"><p class="text-1-tagline">Government-Approved Processing for Your Egyptian Journey</p><h2 class="text-1-heading">Apply for Your Egypt Visa Online – Fast & Secure</h2><p class="text-1-description">Unlock the ancient wonders and modern marvels of Egypt with confidence. Our seamless application process ensures a hassle-free entry into the Land of Pharaohs.</p><div class="text-1-button-group"><button class="text-1-btn text-1-solid">Start Your Application</button><button class="text-1-btn text-1-outline">Explore Visa Types</button></div></section></div>
|
||
<section class="application-id-display">
|
||
<div class="container">
|
||
<h2 class="section-title">Your Egypt Visa Application is Confirmed!</h2>
|
||
<p class="section-subtitle">Thank you for choosing Visa2Egypt. Please securely save your unique Application ID below for all future inquiries and to track your visa status.</p>
|
||
|
||
<div class="application-id-card">
|
||
<p class="id-label">Your Application ID:</p>
|
||
<div class="id-value-wrapper">
|
||
<span class="application-id">EGYV24-A1B2C3D4E5F6G7</span>
|
||
<button class="copy-button" aria-label="Copy Application ID">Copy ID</button>
|
||
</div>
|
||
<p class="id-note">A confirmation email, including this Application ID and further details, has been sent to your registered email address.</p>
|
||
</div>
|
||
|
||
<div class="action-buttons">
|
||
<a href="/track" class="btn primary-btn">Track Your Application</a>
|
||
<a href="/download-confirmation" class="btn secondary-btn">Download Confirmation</a>
|
||
<a href="/" class="btn tertiary-btn">Return to Homepage</a>
|
||
</div>
|
||
|
||
<div class="important-info">
|
||
<h3>What Happens Next?</h3>
|
||
<ul>
|
||
<li><strong>Email Confirmation:</strong> Verify your inbox (and spam folder) for an email from Visa2Egypt.</li>
|
||
<li><strong>Processing Time:</strong> Your visa typically processes within 24–72 hours. You'll receive an email notification upon approval.</li>
|
||
<li><strong>Document Review:</strong> Our team will review your submitted documents. If any additional information is needed, we will contact you promptly.</li>
|
||
<li><strong>Stay Updated:</strong> Use the "Track Your Application" button above to monitor real-time updates on your visa status.</li>
|
||
<li><strong>Need Help?</strong> For urgent assistance, our <a href="/support" class="inline-link">Live Chat</a> and support line are available 24/7.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="next-steps-section">
|
||
<div class="container">
|
||
<h2 class="section-title cairo-font">Next Steps & Expectations</h2>
|
||
<p class="section-intro open-sans-font">
|
||
Congratulations on submitting your Egypt visa application! Here's what you can expect as your journey to the land of Pharaohs unfolds, ensuring a seamless experience from submission to arrival.
|
||
</p>
|
||
|
||
<div class="steps-grid">
|
||
|
||
<div class="step-card">
|
||
<div class="step-icon">
|
||
<img src="https://via.placeholder.com/60x60/C19A6B/002147?text=✓" alt="Confirmation Icon">
|
||
</div>
|
||
<h3 class="step-title cairo-font">1. Application Confirmation & Review</h3>
|
||
<p class="step-description open-sans-font">
|
||
You will receive an immediate confirmation email. Our dedicated team will then conduct an initial review within <strong>4-6 hours</strong> to ensure all details are accurate and complete for embassy submission.
|
||
</p>
|
||
<ul class="step-details open-sans-font">
|
||
<li><span class="detail-label gold-text">Action:</span> Check your inbox and spam folder for the confirmation.</li>
|
||
<li><span class="detail-label gold-text">Tip:</span> Ensure all contact details provided during application are correct.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-card">
|
||
<div class="step-icon">
|
||
<img src="https://via.placeholder.com/60x60/C19A6B/002147?text=⏳" alt="Processing Icon">
|
||
</div>
|
||
<h3 class="step-title cairo-font">2. Embassy Processing & Updates</h3>
|
||
<p class="step-description open-sans-font">
|
||
Once reviewed, your application is meticulously submitted to the Egyptian authorities for processing. Standard processing typically takes <strong>24 to 72 hours</strong>. Express options are available for faster turnaround.
|
||
</p>
|
||
<ul class="step-details open-sans-font">
|
||
<li><span class="detail-label gold-text">Track:</span> Use our <a href="#" class="inline-link gold-text">Real-Time Tracker</a> for live status updates.</li>
|
||
<li><span class="detail-label gold-text">Notify:</span> Receive timely SMS and email alerts at key milestones.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-card">
|
||
<div class="step-icon">
|
||
<img src="https://via.placeholder.com/60x60/C19A6B/002147?text=📄" alt="Documents Icon">
|
||
</div>
|
||
<h3 class="step-title cairo-font">3. Potential Document Requests</h3>
|
||
<p class="step-description open-sans-font">
|
||
Occasionally, the embassy may require additional documents or clarifications. Our secure <a href="#" class="inline-link gold-text">Document Hub</a> and AI-powered checks streamline this process, making it easy to comply.
|
||
</p>
|
||
<ul class="step-details open-sans-font">
|
||
<li><span class="detail-label gold-text">Action:</span> Respond promptly to any requests to avoid delays.</li>
|
||
<li><span class="detail-label gold-text">Support:</span> Our experts are always ready to assist with any queries.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-card">
|
||
<div class="step-icon">
|
||
<img src="https://via.placeholder.com/60x60/C19A6B/002147?text=📧" alt="E-Visa Icon">
|
||
</div>
|
||
<h3 class="step-title cairo-font">4. E-Visa Issuance & Delivery</h3>
|
||
<p class="step-description open-sans-font">
|
||
Upon successful approval, your official Egypt E-Visa will be securely sent directly to your registered email address. This is your Pharaoh-approved pass to explore Egypt!
|
||
</p>
|
||
<ul class="step-details open-sans-font">
|
||
<li><span class="detail-label gold-text">Action:</span> Print multiple copies and save a digital version on your mobile device.</li>
|
||
<li><span class="detail-label gold-text">Important:</span> Verify all details on the E-Visa match your passport.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-card">
|
||
<div class="step-icon">
|
||
<img src="https://via.placeholder.com/60x60/C19A6B/002147?text=✈️" alt="Travel Preparation Icon">
|
||
</div>
|
||
<h3 class="step-title cairo-font">5. Pre-Travel Checklist</h3>
|
||
<p class="step-description open-sans-font">
|
||
Before your exciting departure, ensure your passport is valid for at least six months beyond your intended stay and all necessary travel documents are conveniently organized.
|
||
</p>
|
||
<ul class="step-details open-sans-font">
|
||
<li><span class="detail-label gold-text">Resource:</span> Visit our <a href="#" class="inline-link gold-text">FAQ & Resources</a> for essential travel guidance.</li>
|
||
<li><span class="detail-label gold-text">Tip:</span> Consider packing a light bag for seamless airport transit.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="step-card">
|
||
<div class="step-icon">
|
||
<img src="https://via.placeholder.com/60x60/C19A6B/002147?text=🇪🇬" alt="Arrival Icon">
|
||
</div>
|
||
<h3 class="step-title cairo-font">6. Welcome to Egypt!</h3>
|
||
<p class="step-description open-sans-font">
|
||
Upon arrival at any Egyptian port of entry, simply present your printed E-Visa along with your passport to immigration officials. Get ready to embark on an unforgettable journey through ancient marvels!
|
||
</p>
|
||
<ul class="step-details open-sans-font">
|
||
<li><span class="detail-label gold-text">Experience:</span> Seamless entry with your pre-approved visa, trusted by explorers.</li>
|
||
<li><span class="detail-label gold-text">Enjoy:</span> Discover the Pyramids, Nile, and vibrant Egyptian culture with confidence.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="next-steps-cta">
|
||
<p class="open-sans-font">Need urgent assistance or have more questions about your application?</p>
|
||
<a href="#" class="button primary-button gold-background white-text cairo-font">Chat with an Expert</a>
|
||
<a href="#" class="button secondary-button deep-blue-text cairo-font">Explore Our Comprehensive FAQ</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section class="track-application-section" id="track-application">
|
||
<div class="container">
|
||
<h2 class="section-title">Track Your Visa Application</h2>
|
||
<p class="section-subtitle">Enter your Application ID and Email to track your visa status in real-time.</p>
|
||
|
||
<div class="track-form-container">
|
||
<form class="track-form">
|
||
<div class="form-group">
|
||
<label for="applicationId" class="form-label">Application ID:</label>
|
||
<input type="text" id="applicationId" name="applicationId" class="form-input" placeholder="e.g., EGVA123456789" required>
|
||
<small class="form-hint">You received this ID in your confirmation email.</small>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="applicantEmail" class="form-label">Email Address:</label>
|
||
<input type="email" id="applicantEmail" name="applicantEmail" class="form-input" placeholder="your.email@example.com" required>
|
||
<small class="form-hint">Use the email address provided during application.</small>
|
||
</div>
|
||
<button type="submit" class="track-button">Track Status</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="track-results-area" id="trackResults">
|
||
<h3>Application Status:</h3>
|
||
<div class="status-placeholder">
|
||
<p>Your application status will appear here after submission.</p>
|
||
<p>Real-time updates include embassy submission timestamps and current processing stage.</p>
|
||
</div>
|
||
<!-- Dynamic content will be loaded here via JavaScript -->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<link rel="stylesheet" href="style.css" />
|
||
<section id="support-contact-information" style="background-color: #F8F8F8; padding: 60px 20px; font-family: 'Open Sans', sans-serif;">
|
||
<div style="max-width: 1200px; margin: 0 auto;">
|
||
<h2 style="color: #002147; text-align: center; margin-bottom: 60px; font-family: 'Cairo', sans-serif; font-size: 2.8em; font-weight: 700;">Support & Contact Information</h2>
|
||
|
||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px;">
|
||
|
||
<!-- Live Chat Support Card -->
|
||
<div style="background-color: #fff; padding: 35px; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); text-align: center; display: flex; flex-direction: column; justify-content: space-between;">
|
||
<h3 style="color: #C19A6B; margin-bottom: 18px; font-size: 1.6em; font-family: 'Cairo', sans-serif; font-weight: 600;">Live Chat Assistance</h3>
|
||
<p style="color: #555; font-size: 1.05em; line-height: 1.6; margin-bottom: 25px;">Connect with our expert support team for immediate help in Arabic or English.</p>
|
||
<a href="#" style="display: inline-flex; align-items: center; justify-content: center; background-color: #002147; color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
|
||
<span style="margin-right: 10px; font-size: 1.2em;">💬</span> Chat Now
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Emergency Line Card -->
|
||
<div style="background-color: #fff; padding: 35px; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); text-align: center; display: flex; flex-direction: column; justify-content: space-between;">
|
||
<h3 style="color: #C19A6B; margin-bottom: 18px; font-size: 1.6em; font-family: 'Cairo', sans-serif; font-weight: 600;">Urgent Emergency Line</h3>
|
||
<p style="color: #555; font-size: 1.05em; line-height: 1.6; margin-bottom: 25px;">For critical issues like lost visas or last-minute travel changes.</p>
|
||
<p style="color: #002147; font-size: 1.8em; font-weight: bold; margin-bottom: 20px;">+1-800-VISA-EGY</p>
|
||
<a href="tel:+18008472349" style="display: inline-flex; align-items: center; justify-content: center; background-color: #C19A6B; color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
|
||
<span style="margin-right: 10px; font-size: 1.2em;">☎</span> Call Us Immediately
|
||
</a>
|
||
</div>
|
||
|
||
<!-- AI Chatbot Nefertari Card -->
|
||
<div style="background-color: #fff; padding: 35px; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); text-align: center; display: flex; flex-direction: column; justify-content: space-between;">
|
||
<h3 style="color: #C19A6B; margin-bottom: 18px; font-size: 1.6em; font-family: 'Cairo', sans-serif; font-weight: 600;">AI Chatbot Nefertari</h3>
|
||
<p style="color: #555; font-size: 1.05em; line-height: 1.6; margin-bottom: 25px;">Your 24/7 intelligent assistant for cultural and visa-related queries.</p>
|
||
<a href="#" style="display: inline-flex; align-items: center; justify-content: center; background-color: #002147; color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
|
||
<span style="margin-right: 10px; font-size: 1.2em;">🤖</span> Ask Nefertari
|
||
</a>
|
||
</div>
|
||
|
||
<!-- General Inquiries / Email Card -->
|
||
<div style="background-color: #fff; padding: 35px; border-radius: 12px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); text-align: center; display: flex; flex-direction: column; justify-content: space-between;">
|
||
<h3 style="color: #C19A6B; margin-bottom: 18px; font-size: 1.6em; font-family: 'Cairo', sans-serif; font-weight: 600;">General Inquiries</h3>
|
||
<p style="color: #555; font-size: 1.05em; line-height: 1.6; margin-bottom: 25px;">For non-urgent questions, feedback, or general information.</p>
|
||
<p style="color: #002147; font-size: 1.2em; font-weight: bold; margin-bottom: 20px;">support@visa2egypt.com</p>
|
||
<a href="mailto:support@visa2egypt.com" style="display: inline-flex; align-items: center; justify-content: center; background-color: #C19A6B; color: #fff; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
|
||
<span style="margin-right: 10px; font-size: 1.2em;">✉</span> Send Email
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div style="text-align: center; margin-top: 80px;">
|
||
<p style="color: #555; margin-bottom: 30px; font-size: 1.15em; line-height: 1.8;">
|
||
Still looking for answers? Our comprehensive <a href="#" style="color: #002147; text-decoration: none; font-weight: bold; border-bottom: 2px solid #C19A6B; padding-bottom: 2px; transition: color 0.3s ease, border-bottom-color 0.3s ease;">FAQ section</a> provides detailed guidance, or explore our extensive <a href="#" style="color: #002147; text-decoration: none; font-weight: bold; border-bottom: 2px solid #C19A6B; padding-bottom: 2px; transition: color 0.3s ease, border-bottom-color 0.3s ease;">Resource Hub</a> for travel tips and documents.
|
||
</p>
|
||
<a href="#" style="display: inline-flex; align-items: center; justify-content: center; background-color: #C19A6B; color: #fff; padding: 18px 35px; border-radius: 10px; text-decoration: none; font-weight: bold; font-size: 1.2em; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 6px 15px rgba(0,0,0,0.15);">
|
||
<span style="margin-right: 12px; font-size: 1.3em;">📝</span> Open a Support Ticket
|
||
</a>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
<section id="feedbackRequest" style="background-color: #002147; padding: 60px 20px; text-align: center;">
|
||
<div style="max-width: 800px; margin: 0 auto;">
|
||
<h2 style="font-family: 'Cairo', sans-serif; color: #C19A6B; font-size: 2.5em; margin-bottom: 20px; line-height: 1.2;">Your Voyage Insights Matter</h2>
|
||
<p style="font-family: 'Open Sans', sans-serif; color: white; font-size: 1.1em; line-height: 1.6; margin-bottom: 40px;">
|
||
Help us chart a clearer path for future explorers. Your feedback on our service ensures a seamless journey for all seeking the wonders of Egypt.
|
||
</p>
|
||
|
||
<form style="background-color: white; padding: 40px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);">
|
||
<div style="margin-bottom: 25px; text-align: left;">
|
||
<label for="feedbackExperience" style="font-family: 'Open Sans', sans-serif; color: #002147; font-weight: bold; margin-bottom: 10px; display: block;">Overall Experience:</label>
|
||
<div style="display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;">
|
||
<span style="color: #C19A6B; font-size: 2em; cursor: pointer; user-select: none;">★</span>
|
||
<span style="color: #C19A6B; font-size: 2em; cursor: pointer; user-select: none;">★</span>
|
||
<span style="color: #C19A6B; font-size: 2em; cursor: pointer; user-select: none;">★</span>
|
||
<span style="color: #C19A6B; font-size: 2em; cursor: pointer; user-select: none;">★</span>
|
||
<span style="color: #C19A6B; font-size: 2em; cursor: pointer; user-select: none;">★</span>
|
||
</div>
|
||
<input type="hidden" id="feedbackExperience" name="experience" value="5">
|
||
</div>
|
||
|
||
<div style="margin-bottom: 25px; text-align: left;">
|
||
<label for="feedbackMessage" style="font-family: 'Open Sans', sans-serif; color: #002147; font-weight: bold; margin-bottom: 8px; display: block;">Your Insights (required):</label>
|
||
<textarea id="feedbackMessage" name="message" rows="6" placeholder="Share your experience – what did you appreciate, and where can we improve? Your thoughts guide our path to seamless applications..." required style="width: calc(100% - 22px); padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 1em; resize: vertical; box-sizing: border-box;"></textarea>
|
||
</div>
|
||
|
||
<div style="margin-bottom: 25px; text-align: left;">
|
||
<label for="feedbackName" style="font-family: 'Open Sans', sans-serif; color: #002147; font-weight: bold; margin-bottom: 8px; display: block;">Your Name (optional):</label>
|
||
<input type="text" id="feedbackName" name="name" placeholder="E.g., An Explorer from Luxor" style="width: calc(100% - 22px); padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 1em; box-sizing: border-box;">
|
||
</div>
|
||
|
||
<div style="margin-bottom: 30px; text-align: left;">
|
||
<label for="feedbackEmail" style="font-family: 'Open Sans', sans-serif; color: #002147; font-weight: bold; margin-bottom: 8px; display: block;">Your Email (optional):</label>
|
||
<input type="email" id="feedbackEmail" name="email" placeholder="explorer@ancientpyramids.com" style="width: calc(100% - 22px); padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 1em; box-sizing: border-box;">
|
||
</div>
|
||
|
||
<button type="submit" style="background-color: #C19A6B; color: #002147; padding: 15px 30px; border: none; border-radius: 5px; cursor: pointer; font-family: 'Cairo', sans-serif; font-size: 1.2em; font-weight: bold; display: inline-block; min-width: 200px;">
|
||
Submit Your Feedback
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">Visa2Egypt</h3><p><strong>Address:</strong><br></br><span>Level 1, 12 Sample St, Sydney NSW 2000</span></p><p><strong>Contact:</strong><br></br><span>1800 123 4567</span><br></br><a href="mailto:support@visa2egypt.com">support@visa2egypt.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">Visa Types</a></li><li><a href="#">Requirements</a></li><li><a href="#">Processing</a></li><li><a href="#">FAQ</a></li><li><a href="#">Track Application</a></li></ul><ul><li><a href="#">About Us</a></li><li><a href="#">Contact Us</a></li><li><a href="#">Blog: Exploring Ancient Egypt</a></li><li><a href="#">Partnerships</a></li><li><a href="#">Careers</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2024 Visa2Egypt. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Policy</a></li></ul></div></section></div>
|
||
</body>
|
||
</html> |