custom1/processing.html

256 lines
22 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>processing</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">Pharaoh-Approved Processing</p><h2 class="text-1-heading">Apply for Your Egypt Visa Online Fast & Secure</h2><p class="text-1-description">Government-approved processing with 24/7 support. Explore the land of Pharaohs with confidence.</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 id="processing-steps" class="processing-steps-section">
<div class="container">
<h2 class="section-title">Your Journey to Egypt in 3 Steps</h2>
<div class="steps-grid">
<div class="step-card">
<div class="step-visual">
<span class="step-number">01</span>
<svg class="step-icon" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
<polyline points="14 2 14 8 20 8"></polyline>
<line x1="16" y1="13" x2="8" y2="13"></line>
<line x1="16" y1="17" x2="8" y2="17"></line>
<line x1="10" y1="9" x2="8" y2="9"></line>
</svg>
</div>
<h3 class="step-title">Complete Your Form</h3>
<p class="step-description">Easy 10-minute application.</p>
</div>
<div class="step-card">
<div class="step-visual">
<span class="step-number">02</span>
<svg class="step-icon" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
<polyline points="14 2 14 8 20 8"></polyline>
<line x1="12" y1="17" x2="12" y2="12"></line>
<line x1="12" y1="12" x2="16" y2="16"></line>
<line x1="12" y1="12" x2="8" y2="16"></line>
</svg>
</div>
<h3 class="step-title">Upload Documents</h3>
<p class="step-description">Passport, photo, and itinerary.</p>
</div>
<div class="step-card">
<div class="step-visual">
<span class="step-number">03</span>
<svg class="step-icon" width="60" height="60" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<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"></path>
<polyline points="22,6 12,13 2,6"></polyline>
</svg>
</div>
<h3 class="step-title">Receive E-Visa</h3>
<p class="step-description">Delivered via email in 2472 hours.</p>
</div>
</div>
<div class="visual-accent">
<img src="https://via.placeholder.com/600x250/C19A6B/002147?text=Animated+Visa+Stamp+Visual" alt="Animated visa stamp with Egyptian motifs" class="visa-stamp-img">
</div>
</div>
</section>
<section id="processing-options" class="section-padding">
<div class="container">
<h2 class="section-title text-center font-cairo color-deep-blue">Processing Options: Standard vs. Express</h2>
<p class="section-description text-center font-open-sans color-dark-grey">Choose the processing speed that best suits your travel plans.</p>
<div class="processing-comparison-grid grid-2-col">
<!-- Standard Processing Card -->
<article class="processing-card standard-option bg-white border-radius-lg shadow-subtle">
<h3 class="card-title font-cairo color-deep-blue">Standard Processing</h3>
<div class="card-price-block color-deep-blue">
<span class="price-label font-open-sans-bold">Estimated Fee:</span>
<span class="price-value font-cairo text-large">[Standard Visa Fee]</span>
<span class="currency-options font-open-sans">USD / GBP / EUR</span>
</div>
<ul class="feature-list font-open-sans color-dark-grey">
<li class="feature-item"><span class="feature-icon icon-time"></span><strong class="feature-highlight">Processing Time:</strong> <span class="processing-time">[7-10 Business Days]</span></li>
<li class="feature-item"><span class="feature-icon icon-calendar"></span><strong class="feature-highlight">Ideal For:</strong> Travelers with flexible schedules.</li>
<li class="feature-item"><span class="feature-icon icon-headset"></span><strong class="feature-highlight">Support:</strong> Standard customer service.</li>
<li class="feature-item"><span class="feature-icon icon-email"></span><strong class="feature-highlight">Updates:</strong> Regular email notifications.</li>
</ul>
<div class="card-cta text-center">
<a href="#" class="button button-secondary font-cairo bg-deep-blue color-white">Select Standard</a>
</div>
</article>
<!-- Express Processing Card -->
<article class="processing-card express-option bg-white border-radius-lg shadow-subtle">
<h3 class="card-title font-cairo color-deep-blue">Express Processing</h3>
<div class="card-price-block accent-gold color-gold">
<span class="price-label font-open-sans-bold">Estimated Fee:</span>
<span class="price-value font-cairo text-large">[Express Visa Fee]</span>
<span class="currency-options font-open-sans">USD / GBP / EUR</span>
</div>
<ul class="feature-list font-open-sans color-dark-grey">
<li class="feature-item"><span class="feature-icon icon-lightning"></span><strong class="feature-highlight">Processing Time:</strong> <span class="processing-time">[24-72 Hours]</span></li>
<li class="feature-item"><span class="feature-icon icon-urgent"></span><strong class="feature-highlight">Ideal For:</strong> Urgent travel or last-minute plans.</li>
<li class="feature-item"><span class="feature-icon icon-priority"></span><strong class="feature-highlight">Support:</strong> Priority 24/7 dedicated support.</li>
<li class="feature-item"><span class="feature-icon icon-sms"></span><strong class="feature-highlight">Updates:</strong> Real-time SMS and email alerts.</li>
</ul>
<div class="card-cta text-center">
<a href="#" class="button button-primary font-cairo bg-gold color-deep-blue">Select Express</a>
</div>
</article>
</div>
<div class="processing-note text-center font-open-sans color-dark-grey margin-top-lg">
<p class="note-text">*Processing times are estimates and subject to embassy discretion. Fees do not include consular charges.</p>
<p class="note-text">Use our <a href="#" class="link-inline color-deep-blue hover-gold">Fee Calculator</a> for a precise quote based on your visa type and nationality.</p>
</div>
</div>
</section>
<section class="py-12 px-4 bg-deep-blue text-white font-open-sans" id="embassy-details">
<div class="max-w-6xl mx-auto">
<h2 class="text-3xl md:text-4xl font-cairo text-center mb-10 text-gold relative">
<span class="inline-block pb-2 border-b-2 border-gold">Embassy Submission Details</span>
<span class="absolute left-1/2 -translate-x-1/2 bottom-0 w-16 h-1 bg-gold opacity-50 block"></span>
</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="md:col-span-1 bg-white text-deep-blue p-6 rounded-lg shadow-lg flex flex-col justify-between">
<div>
<h3 class="text-2xl font-cairo mb-4 text-gold">Current Status</h3>
<p class="text-lg mb-2 font-semibold">Under Review by Egyptian Embassy</p>
<p class="text-sm text-gray-700">Last Updated: <span class="font-medium">2023-10-26, 14:30 GMT</span></p>
</div>
<div class="mt-4 pt-4 border-t border-gray-200">
<p class="text-sm text-gray-700">Estimated Completion: <span class="font-medium">5-7 business days</span></p>
<button class="mt-4 w-full bg-gold hover:bg-opacity-90 text-deep-blue py-2 rounded-md font-semibold transition-colors duration-300">
Refresh Status
</button>
</div>
</div>
<div class="md:col-span-2 bg-white text-deep-blue p-6 rounded-lg shadow-lg">
<h3 class="text-2xl font-cairo mb-6 text-gold">Submission Timeline</h3>
<ol class="relative border-l-4 border-gold space-y-8 pl-6">
<li class="mb-10 ml-6">
<span class="absolute flex items-center justify-center w-8 h-8 bg-gold rounded-full -left-4 ring-8 ring-white text-deep-blue">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>
</span>
<h4 class="text-lg font-semibold text-deep-blue">Application Submitted to Embassy</h4>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500">October 25, 2023 - 10:00 AM GMT</time>
<p class="text-base font-normal text-gray-700">Your application package was successfully submitted to the Egyptian Embassy for review. All documents are enclosed.</p>
</li>
<li class="mb-10 ml-6">
<span class="absolute flex items-center justify-center w-8 h-8 bg-gold rounded-full -left-4 ring-8 ring-white text-deep-blue">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9 2a1 1 0 000 2v1c-.552 0-1.552.203-2.186.586A1 1 0 006 6v3a1 1 0 00.293.707l1.414 1.414a1 1 0 00.707.293h4a1 1 0 00.707-.293l1.414-1.414A1 1 0 0014 9V6a1 1 0 00-1-1h-1V4a1 1 0 000-2H9z" clip-rule="evenodd"></path></svg>
</span>
<h4 class="text-lg font-semibold text-deep-blue">Processing Initiated by Embassy</h4>
<time class="block mb-2 text-sm font-normal leading-none text-gray-500">October 26, 2023 - 09:15 AM GMT</time>
<p class="text-base font-normal text-gray-700">The embassy has begun reviewing your application. You will be notified of any requests for additional information.</p>
</li>
<li class="ml-6 opacity-60">
<span class="absolute flex items-center justify-center w-8 h-8 bg-gray-300 rounded-full -left-4 ring-8 ring-white text-gray-600">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-8.707l-3-3a1 1 0 00-1.414 1.414L10.586 9H7a1 1 0 100 2h3.586l-1.293 1.293a1 1 0 101.414 1.414l3-3a1 1 0 000-1.414z" clip-rule="evenodd"></path></svg>
</span>
<h4 class="text-lg font-semibold text-gray-500">Decision Pending / Additional Info (Expected)</h4>
<time class="block mb-2 text-sm font-normal leading-none text-gray-400">Future Update</time>
<p class="text-base font-normal text-gray-500">Awaiting further updates from the Egyptian Embassy regarding your application status or additional requirements.</p>
</li>
</ol>
</div>
</div>
<div class="mt-8 bg-white text-deep-blue p-6 rounded-lg shadow-lg">
<h3 class="text-2xl font-cairo mb-4 text-gold">Important Notes & Next Steps</h3>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li>Please monitor this page for real-time updates on your application's progress with the embassy.</li>
<li>You will receive an SMS and email notification upon any significant status change (e.g., approval, rejection, or request for more documents).</li>
<li>Current embassy processing times can vary. We recommend not making final travel arrangements until your visa is approved.</li>
<li>For urgent queries, please use our <a href="#support" class="text-gold hover:underline font-semibold">Live Chat with an Expert</a>.</li>
</ul>
</div>
</div>
</section>
<section id="approval-delivery-process" style="padding: 60px 20px; background-color: #f8f8f8; font-family: 'Open Sans', sans-serif; color: #333;">
<div style="max-width: 1200px; margin: 0 auto;">
<h2 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 2.5em; text-align: center; margin-bottom: 50px; line-height: 1.2;">Your Seamless Journey: Approval & Delivery Process</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-bottom: 60px;">
<!-- Step 1: Visa Processing & Review -->
<div style="background-color: #ffffff; padding: 30px; border-radius: 10px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.3s ease;">
<div style="width: 80px; height: 80px; border-radius: 50%; background-color: #C19A6B; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; flex-shrink: 0;">
<svg style="width: 50px; height: 50px; fill: #ffffff;" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/></svg>
</div>
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.5em; margin-bottom: 10px;">1. Visa Processing & Review</h3>
<p style="font-family: 'Open Sans', sans-serif; color: #4a4a4a; line-height: 1.6; font-size: 0.95em;">Your submitted application undergoes rigorous review by Egyptian authorities to ensure full compliance with all current entry requirements and regulations.</p>
</div>
<!-- Step 2: Approval Notification -->
<div style="background-color: #ffffff; padding: 30px; border-radius: 10px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.3s ease;">
<div style="width: 80px; height: 80px; border-radius: 50%; background-color: #C19A6B; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; flex-shrink: 0;">
<svg style="width: 50px; height: 50px; fill: #ffffff;" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
</div>
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.5em; margin-bottom: 10px;">2. Approval Notification</h3>
<p style="font-family: 'Open Sans', sans-serif; color: #4a4a4a; line-height: 1.6; font-size: 0.95em;">Once your visa application is approved, you will receive an official notification via email, along with real-time tracking updates on its status.</p>
</div>
<!-- Step 3: E-Visa Delivery -->
<div style="background-color: #ffffff; padding: 30px; border-radius: 10px; box-shadow: 0 8px 25px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; text-align: center; transition: transform 0.3s ease;">
<div style="width: 80px; height: 80px; border-radius: 50%; background-color: #C19A6B; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; flex-shrink: 0;">
<svg style="width: 50px; height: 50px; fill: #ffffff;" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
</div>
<h3 style="font-family: 'Cairo', sans-serif; color: #002147; font-size: 1.5em; margin-bottom: 10px;">3. E-Visa Delivery</h3>
<p style="font-family: 'Open Sans', sans-serif; color: #4a4a4a; line-height: 1.6; font-size: 0.95em;">Your approved e-Visa is securely delivered directly to your registered email address, ready for you to print or save for your journey.</p>
</div>
</div>
<!-- Call to action/summary section with visual -->
<div style="background-color: #002147; padding: 50px 30px; border-radius: 10px; text-align: center; color: #ffffff; box-shadow: 0 8px 25px rgba(0,0,0,0.15);">
<h3 style="font-family: 'Cairo', sans-serif; font-size: 2.2em; margin-bottom: 25px; line-height: 1.2;">Your Journey to the Land of Pharaohs Awaits!</h3>
<p style="font-family: 'Open Sans', sans-serif; font-size: 1.1em; line-height: 1.8; max-width: 800px; margin: 0 auto 35px auto;">
With our streamlined approval and delivery process, obtaining your Egypt visa is swift and secure. Focus on planning your unforgettable adventure, we'll handle the rest.
</p>
<div style="width: 250px; height: 150px; background-color: rgba(193, 154, 107, 0.2); border: 2px dashed #C19A6B; margin: 0 auto 25px auto; display: flex; justify-content: center; align-items: center; border-radius: 8px;">
<p style="font-family: 'Cairo', sans-serif; color: #C19A6B; font-size: 1.1em; text-align: center;">[Placeholder: Animated Visa Stamp]</p>
</div>
<a href="#apply-now" style="display: inline-block; background-color: #C19A6B; color: #ffffff; font-family: 'Cairo', sans-serif; font-size: 1.2em; padding: 15px 30px; border-radius: 5px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease;">Start Your Adventure Now</a>
</div>
</div>
</section>
<section id="service-guarantee">
<div class="container">
<h2>Our Service Guarantee: Your Journey, Secured.</h2>
<p class="subtitle">Experience unparalleled peace of mind with our commitment to excellence and reliability for your Egypt visa application.</p>
<div class="guarantee-grid">
<div class="guarantee-item">
<div class="icon-placeholder" aria-hidden="true">&#9200;</div>
<h3>Guaranteed Expedited Processing</h3>
<p>Swift and efficient visa handling ensures your application is processed without unnecessary delays, leveraging our direct channels for a seamless experience.</p>
</div>
<div class="guarantee-item">
<div class="icon-placeholder" aria-hidden="true">&#10003;</div>
<h3>High Approval Confidence</h3>
<p>Benefit from our meticulously vetted processes and expert guidance, contributing to our exceptional 98% approval success rate for applicants.</p>
</div>
<div class="guarantee-item">
<div class="icon-placeholder" aria-hidden="true">&#128222;</div>
<h3>24/7 Dedicated Expert Support</h3>
<p>Our responsive team is available around the clock to assist you with any queries, providing continuous support from application to visa delivery.</p>
</div>
<div class="guarantee-item">
<div class="icon-placeholder" aria-hidden="true">&#128274;</div>
<h3>Secure & Compliant Data Handling</h3>
<p>Your personal information is protected with advanced SSL encryption, adhering strictly to GDPR and Egyptian data privacy laws for your peace of mind.</p>
</div>
</div>
<p class="cta-phrase">"Pharaoh-approved processing, trusted by explorers worldwide."</p>
</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>