474 lines
31 KiB
HTML
474 lines
31 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>payment__checkout</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">About Us</a></li><li><a href="contact.html">Support</a></li><li><a href="services.html">Visa Types</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>
|
|
<section class="order-summary-section">
|
|
<div class="order-summary-container">
|
|
<h2 class="order-summary-title">Your Order Summary</h2>
|
|
|
|
<div class="order-summary-card application-details-card">
|
|
<h3 class="card-heading">Application Details</h3>
|
|
<div class="detail-row">
|
|
<span class="detail-label">Visa Type:</span>
|
|
<span class="detail-value">Tourist Visa (Single Entry)</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="detail-label">Main Applicant:</span>
|
|
<span class="detail-value">Ahmed Al-Sayed</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="detail-label">Processing Time:</span>
|
|
<span class="detail-value">Standard (24-72 hours)</span>
|
|
</div>
|
|
<div class="detail-row">
|
|
<span class="detail-label">Travel Date:</span>
|
|
<span class="detail-value">Oct 15, 2024</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="order-summary-card service-items-card">
|
|
<h3 class="card-heading">Items & Services</h3>
|
|
<ul class="item-list">
|
|
<li class="item">
|
|
<span class="item-name">Egypt Tourist Visa Fee</span>
|
|
<span class="item-price">$50.00</span>
|
|
</li>
|
|
<li class="item">
|
|
<span class="item-name">Standard Processing Service</span>
|
|
<span class="item-price">$29.00</span>
|
|
</li>
|
|
<li class="item">
|
|
<span class="item-name">Government Levy</span>
|
|
<span class="item-price">$5.00</span>
|
|
</li>
|
|
<li class="item">
|
|
<span class="item-name">Optional Expedited Review</span>
|
|
<span class="item-price">$0.00</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="order-summary-card totals-summary-card">
|
|
<h3 class="card-heading sr-only">Order Totals</h3>
|
|
<div class="total-row subtotal">
|
|
<span class="total-label">Subtotal:</span>
|
|
<span class="total-value">$84.00</span>
|
|
</div>
|
|
<div class="total-row discount">
|
|
<span class="total-label">Discount:</span>
|
|
<span class="total-value">-$0.00</span>
|
|
</div>
|
|
<div class="total-row grand-total">
|
|
<span class="total-label">Total Amount:</span>
|
|
<span class="total-value">$84.00</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="order-summary-actions">
|
|
<button class="cta-button primary-button">Proceed to Secure Payment</button>
|
|
<p class="terms-note">By proceeding, you acknowledge and agree to our <a href="#" class="link">Terms & Conditions</a> and <a href="#" class="link">Privacy Policy</a>.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="payment-selection-section" aria-labelledby="paymentMethodHeading">
|
|
<div class="container">
|
|
<h2 id="paymentMethodHeading" class="section-title">Select Your Payment Method</h2>
|
|
<p class="section-description">Choose how you'd like to complete your secure application payment. Your financial details are protected by advanced SSL encryption.</p>
|
|
|
|
<div class="payment-methods-grid">
|
|
<div class="payment-method-card active" tabindex="0" role="radio" aria-checked="true" aria-labelledby="cardPaymentLabel">
|
|
<input type="radio" id="cardPayment" name="payment_method" value="credit_card" checked class="sr-only">
|
|
<label for="cardPayment" class="payment-label">
|
|
<span id="cardPaymentLabel" class="method-title">Credit / Debit Card</span>
|
|
<span class="method-icons">
|
|
<img src="placeholder-visa.png" alt="Visa" class="icon">
|
|
<img src="placeholder-mastercard.png" alt="Mastercard" class="icon">
|
|
<img src="placeholder-amex.png" alt="American Express" class="icon">
|
|
</span>
|
|
</label>
|
|
<div class="card-details-form">
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="cardNumber">Card Number</label>
|
|
<input type="text" id="cardNumber" placeholder="•••• •••• •••• ••••" aria-label="Card Number" autocomplete="cc-number">
|
|
</div>
|
|
<div class="form-group form-group-inline">
|
|
<div class="form-group-half">
|
|
<label for="expiryDate">Expiry Date</label>
|
|
<input type="text" id="expiryDate" placeholder="MM/YY" aria-label="Expiry Date" autocomplete="cc-exp">
|
|
</div>
|
|
<div class="form-group-half">
|
|
<label for="cvv">CVV</label>
|
|
<input type="password" id="cvv" placeholder="•••" aria-label="CVV" autocomplete="cc-csc">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cardName">Cardholder Name</label>
|
|
<input type="text" id="cardName" placeholder="As on card" aria-label="Cardholder Name" autocomplete="cc-name">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="payment-method-card" tabindex="0" role="radio" aria-checked="false" aria-labelledby="paypalPaymentLabel">
|
|
<input type="radio" id="paypalPayment" name="payment_method" value="paypal" class="sr-only">
|
|
<label for="paypalPayment" class="payment-label">
|
|
<span id="paypalPaymentLabel" class="method-title">PayPal</span>
|
|
<span class="method-icons">
|
|
<img src="placeholder-paypal.png" alt="PayPal" class="icon">
|
|
</span>
|
|
</label>
|
|
<div class="paypal-info">
|
|
<p>You will be redirected to PayPal to complete your purchase securely.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="payment-method-card" tabindex="0" role="radio" aria-checked="false" aria-labelledby="bankTransferPaymentLabel">
|
|
<input type="radio" id="bankTransferPayment" name="payment_method" value="bank_transfer" class="sr-only">
|
|
<label for="bankTransferPayment" class="payment-label">
|
|
<span id="bankTransferPaymentLabel" class="method-title">Bank Transfer (Local)</span>
|
|
<span class="method-icons">
|
|
<img src="placeholder-bank.png" alt="Bank Transfer" class="icon">
|
|
</span>
|
|
</label>
|
|
<div class="bank-transfer-info">
|
|
<p>Details for bank transfer will be provided on the next step or via email upon selecting this option.</p>
|
|
<p class="note"><em>May take up to 3 business days to process.</em></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="payment-summary">
|
|
<h3 class="summary-title">Order Summary</h3>
|
|
<div class="summary-item">
|
|
<span>Visa Type:</span>
|
|
<strong>Tourist Visa</strong>
|
|
</div>
|
|
<div class="summary-item">
|
|
<span>Processing Fee:</span>
|
|
<strong>$75.00 USD</strong>
|
|
</div>
|
|
<div class="summary-item total-amount">
|
|
<span>Total Amount:</span>
|
|
<strong>$75.00 USD</strong>
|
|
</div>
|
|
<p class="security-note">Your payment is encrypted and secure.</p>
|
|
</div>
|
|
|
|
<div class="payment-actions">
|
|
<button type="submit" class="cta-button primary-gold-button">Confirm Payment</button>
|
|
<p class="secure-transaction-info">
|
|
<img src="placeholder-lock.png" alt="Secure Lock Icon" class="lock-icon">
|
|
<span>Secure Transaction. Powered by trusted payment gateways.</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="billing-information" class="py-16 bg-white text-deep-blue">
|
|
<div class="container mx-auto px-4 max-w-2xl">
|
|
<h2 class="text-3xl md:text-4xl font-cairo font-bold text-center mb-8">Billing Information</h2>
|
|
<div class="bg-gray-50 p-8 rounded-lg shadow-md border border-gray-200">
|
|
<p class="text-center text-sm mb-6 text-gray-600">Your payment details are secured with SSL encryption. Trusted by explorers worldwide.</p>
|
|
<form action="#" method="POST" class="space-y-6">
|
|
<!-- Payment Method Section -->
|
|
<div class="form-group">
|
|
<label for="payment-method" class="block text-sm font-medium text-gray-700 mb-2">Select Payment Method</label>
|
|
<div class="flex flex-wrap gap-4">
|
|
<div class="flex items-center">
|
|
<input type="radio" id="visa" name="payment-method" value="visa" class="h-4 w-4 text-gold border-gray-300 focus:ring-gold" checked>
|
|
<label for="visa" class="ml-2 block text-sm text-gray-900">Visa</label>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<input type="radio" id="mastercard" name="payment-method" value="mastercard" class="h-4 w-4 text-gold border-gray-300 focus:ring-gold">
|
|
<label for="mastercard" class="ml-2 block text-sm text-gray-900">Mastercard</label>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<input type="radio" id="amex" name="payment-method" value="amex" class="h-4 w-4 text-gold border-gray-300 focus:ring-gold">
|
|
<label for="amex" class="ml-2 block text-sm text-gray-900">American Express</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card Details -->
|
|
<div class="form-group">
|
|
<label for="card-name" class="block text-sm font-medium text-gray-700 mb-2">Name on Card</label>
|
|
<input type="text" id="card-name" name="card_name" placeholder="John A. Doe" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="card-number" class="block text-sm font-medium text-gray-700 mb-2">Card Number</label>
|
|
<input type="text" id="card-number" name="card_number" placeholder="XXXX XXXX XXXX XXXX" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue" inputmode="numeric" pattern="[0-9\s]{13,19}" autocomplete="cc-number">
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
|
|
<div class="form-group md:col-span-2">
|
|
<label for="expiry-month" class="block text-sm font-medium text-gray-700 mb-2">Expiration Date</label>
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<select id="expiry-month" name="expiry_month" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
<option value="">Month</option>
|
|
<option value="01">01 - January</option>
|
|
<option value="02">02 - February</option>
|
|
<option value="03">03 - March</option>
|
|
<option value="04">04 - April</option>
|
|
<option value="05">05 - May</option>
|
|
<option value="06">06 - June</option>
|
|
<option value="07">07 - July</option>
|
|
<option value="08">08 - August</option>
|
|
<option value="09">09 - September</option>
|
|
<option value="10">10 - October</option>
|
|
<option value="11">11 - November</option>
|
|
<option value="12">12 - December</option>
|
|
</select>
|
|
<select id="expiry-year" name="expiry_year" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
<option value="">Year</option>
|
|
<option value="2024">2024</option>
|
|
<option value="2025">2025</option>
|
|
<option value="2026">2026</option>
|
|
<option value="2027">2027</option>
|
|
<option value="2028">2028</option>
|
|
<option value="2029">2029</option>
|
|
<option value="2030">2030</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cvv" class="block text-sm font-medium text-gray-700 mb-2">CVV</label>
|
|
<input type="text" id="cvv" name="cvv" placeholder="XXX" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue" inputmode="numeric" pattern="[0-9]{3,4}">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Billing Address -->
|
|
<h3 class="text-lg font-cairo font-semibold text-deep-blue pt-4 border-t border-gray-200 mt-6">Billing Address</h3>
|
|
|
|
<div class="form-group">
|
|
<label for="address-street" class="block text-sm font-medium text-gray-700 mb-2">Street Address</label>
|
|
<input type="text" id="address-street" name="address_street" placeholder="123 Sphinx Ave" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
<div class="form-group">
|
|
<label for="address-city" class="block text-sm font-medium text-gray-700 mb-2">City</label>
|
|
<input type="text" id="address-city" name="address_city" placeholder="Cairo" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="address-state" class="block text-sm font-medium text-gray-700 mb-2">State / Province</label>
|
|
<input type="text" id="address-state" name="address_state" placeholder="Giza" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
<div class="form-group">
|
|
<label for="address-zip" class="block text-sm font-medium text-gray-700 mb-2">Zip / Postal Code</label>
|
|
<input type="text" id="address-zip" name="address_zip" placeholder="12345" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="address-country" class="block text-sm font-medium text-gray-700 mb-2">Country</label>
|
|
<select id="address-country" name="address_country" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-deep-blue focus:border-deep-blue">
|
|
<option value="">Select Country</option>
|
|
<option value="US">United States</option>
|
|
<option value="CA">Canada</option>
|
|
<option value="GB">United Kingdom</option>
|
|
<option value="AU">Australia</option>
|
|
<option value="EG">Egypt</option>
|
|
<!-- Add more countries as needed -->
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-6 flex justify-center">
|
|
<button type="submit" class="w-full md:w-auto px-8 py-3 border border-transparent text-lg font-semibold rounded-md shadow-sm text-deep-blue bg-gold hover:bg-opacity-90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gold transition duration-300 ease-in-out">
|
|
Proceed to Payment
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<p class="text-center text-xs mt-4 text-gray-500">By clicking "Proceed to Payment", you agree to our <a href="#" class="text-deep-blue hover:underline">Terms & Conditions</a>.</p>
|
|
</div>
|
|
</section>
|
|
<section id="secure-payment" class="py-16 bg-white">
|
|
<div class="container mx-auto px-4 max-w-5xl">
|
|
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-blue-900 font-cairo" style="color: #002147;">
|
|
Secure Payment Assurance
|
|
</h2>
|
|
|
|
<p class="text-lg text-center text-gray-700 mb-10 font-open-sans">
|
|
Your financial security is our top priority. We employ industry-leading encryption and compliance standards to ensure every transaction is safe, swift, and seamless. Apply with absolute confidence.
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
|
|
<div class="flex flex-col items-center text-center p-6 rounded-lg shadow-lg bg-gold-gradient" style="background-color: #F8F4ED; border: 1px solid #C19A6B;">
|
|
<img src="https://via.placeholder.com/80x80/C19A6B/FFFFFF?text=SSL" alt="SSL Encryption Icon" class="mb-4">
|
|
<h3 class="text-xl font-semibold mb-2 text-blue-900 font-cairo" style="color: #002147;">Advanced SSL Encryption</h3>
|
|
<p class="text-gray-700 font-open-sans">All data transmitted is secured with 256-bit SSL encryption, protecting your personal and payment details.</p>
|
|
</div>
|
|
<div class="flex flex-col items-center text-center p-6 rounded-lg shadow-lg bg-gold-gradient" style="background-color: #F8F4ED; border: 1px solid #C19A6B;">
|
|
<img src="https://via.placeholder.com/80x80/C19A6B/FFFFFF?text=PCI" alt="PCI DSS Compliant Icon" class="mb-4">
|
|
<h3 class="text-xl font-semibold mb-2 text-blue-900 font-cairo" style="color: #002147;">PCI DSS Compliant</h3>
|
|
<p class="text-gray-700 font-open-sans">Our payment gateway adheres to strict PCI DSS compliance standards, ensuring maximum security for cardholder data.</p>
|
|
</div>
|
|
<div class="flex flex-col items-center text-center p-6 rounded-lg shadow-lg bg-gold-gradient" style="background-color: #F8F4ED; border: 1px solid #C19A6B;">
|
|
<img src="https://via.placeholder.com/80x80/C19A6B/FFFFFF?text=Fraud" alt="Fraud Protection Icon" class="mb-4">
|
|
<h3 class="text-xl font-semibold mb-2 text-blue-900 font-cairo" style="color: #002147;">Robust Fraud Protection</h3>
|
|
<p class="text-gray-700 font-open-sans">Utilizing AI-powered systems to detect and prevent fraudulent activities, safeguarding your transactions.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center mb-16">
|
|
<h3 class="text-2xl font-bold mb-6 text-blue-900 font-cairo" style="color: #002147;">Accepted Payment Methods</h3>
|
|
<div class="flex flex-wrap justify-center items-center gap-6">
|
|
<img src="https://via.placeholder.com/120x60?text=Visa" alt="Visa Logo" class="h-10 md:h-12 w-auto">
|
|
<img src="https://via.placeholder.com/120x60?text=Mastercard" alt="Mastercard Logo" class="h-10 md:h-12 w-auto">
|
|
<img src="https://via.placeholder.com/120x60?text=Amex" alt="American Express Logo" class="h-10 md:h-12 w-auto">
|
|
<img src="https://via.placeholder.com/120x60?text=PayPal" alt="PayPal Logo" class="h-10 md:h-12 w-auto">
|
|
<img src="https://via.placeholder.com/120x60?text=Discover" alt="Discover Logo" class="h-10 md:h-12 w-auto">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<h3 class="text-2xl font-bold mb-6 text-blue-900 font-cairo" style="color: #002147;">Trusted By</h3>
|
|
<div class="flex flex-wrap justify-center items-center gap-6">
|
|
<img src="https://via.placeholder.com/100x60?text=SSL%20Secured" alt="SSL Secured Badge" class="h-16 w-auto opacity-80">
|
|
<img src="https://via.placeholder.com/100x60?text=VeriSign" alt="VeriSign Secured Badge" class="h-16 w-auto opacity-80">
|
|
<img src="https://via.placeholder.com/100x60?text=Trustwave" alt="Trustwave Trusted Commerce Badge" class="h-16 w-auto opacity-80">
|
|
<img src="https://via.placeholder.com/100x60?text=McAfee" alt="McAfee Secure Badge" class="h-16 w-auto opacity-80">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="review-order-section">
|
|
<div class="container">
|
|
<h2 class="section-title">Review Your Order & Pay Securely</h2>
|
|
|
|
<div class="order-summary-card">
|
|
<h3 class="card-title">Application Summary</h3>
|
|
|
|
<div class="order-items-table">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th class="item-header">Service</th>
|
|
<th class="details-header">Details</th>
|
|
<th class="price-header">Price</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="service-name">Egypt Tourist E-Visa</td>
|
|
<td class="service-details">Single Entry, 30 Days Stay</td>
|
|
<td class="service-price">$50.00</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="service-name">Standard Processing Fee</td>
|
|
<td class="service-details">24-72 Business Hours</td>
|
|
<td class="service-price">$29.00</td>
|
|
</tr>
|
|
<!-- Additional services or fees can be added here -->
|
|
<!--
|
|
<tr>
|
|
<td class="service-name">Document Verification</td>
|
|
<td class="service-details">AI-Powered Check</td>
|
|
<td class="service-price">$10.00</td>
|
|
</tr>
|
|
-->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="applicant-details">
|
|
<h4 class="details-subtitle">Primary Applicant Information</h4>
|
|
<dl>
|
|
<dt>Applicant Name:</dt>
|
|
<dd>John A. Doe</dd>
|
|
|
|
<dt>Passport Number:</dt>
|
|
<dd class="blurred-text">P12XXXXX987</dd>
|
|
|
|
<dt>Nationality:</dt>
|
|
<dd>United Kingdom</dd>
|
|
|
|
<dt>Travel Date:</dt>
|
|
<dd>DD/MM/YYYY</dd>
|
|
</dl>
|
|
</div>
|
|
|
|
<div class="total-area">
|
|
<p class="total-label">Total Amount Due:</p>
|
|
<p class="total-amount">
|
|
<span class="currency-symbol">$</span>
|
|
<span class="final-price">79.00</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="payment-actions-area">
|
|
<p class="security-info">
|
|
<span class="security-icon">✔️</span> Your payment is secured with SSL encryption and compliant with Egyptian data laws.
|
|
</p>
|
|
<button type="submit" class="pay-now-button">
|
|
Pay Now & Submit Application
|
|
<span class="button-icon-placeholder">➡️</span>
|
|
</button>
|
|
<p class="terms-disclaimer">By clicking "Pay Now", you confirm you have reviewed your details and agree to our <a href="#" class="terms-link">Terms & Conditions</a> and <a href="#" class="privacy-link">Privacy Policy</a>.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="fraud-prevention-notice" class="py-16 md:py-24 bg-white text-deep-blue font-opensans">
|
|
<div class="container mx-auto px-4 max-w-4xl">
|
|
<h2 class="text-3xl md:text-4xl font-cairo text-center mb-8 text-gold-accent">Protect Yourself from Fraud</h2>
|
|
<p class="text-lg mb-6 leading-relaxed text-center">
|
|
At Visa2Egypt, your security is our top priority. We are committed to providing a secure and trustworthy platform for your Egypt visa application. Please be aware of common fraud attempts and take necessary precautions to safeguard your personal and financial information.
|
|
</p>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-10">
|
|
<div class="p-6 rounded-lg border border-gold-light shadow-md bg-white-smoke">
|
|
<h3 class="text-xl md:text-2xl font-cairo mb-4 text-deep-blue">How to Identify Official Communication:</h3>
|
|
<ul class="list-disc pl-5 space-y-3 text-md">
|
|
<li><strong>Official Website:</strong> Always verify you are on our official website: <a href="https://www.visa2egypt.com" class="text-gold-link hover:underline" target="_blank" rel="noopener noreferrer">www.visa2egypt.com</a>. Check for the lock icon (<span class="font-bold">HTTPS</span>) in your browser's address bar.</li>
|
|
<li><strong>Email Addresses:</strong> Our official communications will always come from email addresses ending in <strong>@visa2egypt.com</strong>. Be suspicious of emails from generic domains or similar-looking addresses.</li>
|
|
<li><strong>Payment Security:</strong> All payments are processed through secure, encrypted gateways. We will never ask you for credit card details via email or phone call.</li>
|
|
</ul>
|
|
</div>
|
|
<div class="p-6 rounded-lg border border-gold-light shadow-md bg-white-smoke">
|
|
<h3 class="text-xl md:text-2xl font-cairo mb-4 text-deep-blue">Common Fraud Attempts & What We WON'T Do:</h3>
|
|
<ul class="list-disc pl-5 space-y-3 text-md">
|
|
<li>We will <strong>NEVER</strong> ask for your password, bank account details, or full credit card numbers via email or phone.</li>
|
|
<li>We will <strong>NEVER</strong> pressure you to make urgent payments outside of our secure online application system.</li>
|
|
<li>We will <strong>NEVER</strong> send unsolicited emails with attachments asking you to download software or click suspicious links.</li>
|
|
<li>We will <strong>NEVER</strong> use social media or messaging apps (like WhatsApp) to process payments or request sensitive documents.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="p-6 rounded-lg border border-red-warning bg-red-light mb-8 text-center text-deep-blue">
|
|
<h3 class="text-xl md:text-2xl font-cairo mb-3 text-red-dark">Important Warning: Be Vigilant!</h3>
|
|
<p class="mb-4">
|
|
Fraudulent websites and individuals may attempt to impersonate Visa2Egypt. Always double-check the URL and sender of any communication. If an offer seems too good to be true, it likely is.
|
|
</p>
|
|
<p class="font-semibold">
|
|
Remember: Your visa application is handled with the utmost security and adherence to Egyptian Ministry of Tourism guidelines.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<h3 class="text-xl md:text-2xl font-cairo mb-4 text-gold-accent">Report Suspicious Activity</h3>
|
|
<p class="text-lg mb-6">
|
|
If you encounter any suspicious activity, receive a fraudulent email, or have doubts about the authenticity of a communication claiming to be from Visa2Egypt, please report it to us immediately.
|
|
</p>
|
|
<a href="mailto:fraud-alert@visa2egypt.com" class="inline-block bg-gold-button text-white px-8 py-3 rounded-full text-lg font-semibold hover:bg-gold-hover transition-colors duration-300 shadow-lg">
|
|
Report Fraud Here
|
|
</a>
|
|
<p class="text-md mt-4">
|
|
You can also contact our official support team directly via our <a href="#support" class="text-gold-link hover:underline">Support & Cultural Guide</a> section.
|
|
</p>
|
|
</div>
|
|
</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="#">Application Process</a></li><li><a href="#">Visa Requirements</a></li><li><a href="#">FAQs</a></li><li><a href="#">Track Your Visa</a></li></ul><ul><li><a href="#">About Visa2Egypt</a></li><li><a href="#">Customer Testimonials</a></li><li><a href="#">Blog: Exploring Ancient Egypt</a></li><li><a href="#">Contact Support</a></li><li><a href="#">Partner Opportunities</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 Preferences</a></li></ul></div></section></div>
|
|
</body>
|
|
</html> |