Showing source for: https://validdocs.org/
Duration: 0.426015s
Server: hcdn
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Fast, authentic, and guaranteed documentation services. Get passports, visas, ID cards, driving licenses, residence permits, and certificates. Database registered and verified worldwide.">
<meta name="keywords"
content="document services, passport, visa, ID card, driving license, residence permit, certificates, travel documents, verified documents">
<title>ValidDocs | Fast, Authentic & Verified Document Services Worldwide</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Dancing+Script:wght@400;700&display=swap"
rel="stylesheet">
<!-- Feather Icons -->
<script src="https://unpkg.com/feather-icons"></script>
<!-- Custom Styles -->
<link rel="stylesheet" href="styles.css">
<!-- i18n Multi-Language Support -->
<link rel="stylesheet" href="i18n.css">
<!-- Tailwind Config -->
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: {
DEFAULT: '#446084',
light: '#5a7ba8',
dark: '#334862'
},
accent: {
DEFAULT: '#9f8b4d',
secondary: '#7a9c59'
},
success: '#7a9c59',
alert: '#b20000',
dark: '#131726',
light: '#f8f8f8',
warm: '#f1f1f1'
},
fontFamily: {
sans: ['Lato', 'sans-serif'],
display: ['Lato', 'sans-serif'],
script: ['Dancing Script', 'cursive']
},
borderRadius: {
'soft': '15px',
'medium': '17px',
'large': '67px'
}
}
}
}
</script>
</head>
<body class="font-sans text-gray-800 antialiased">
<!-- Navigation -->
<nav id="navbar"
class="fixed top-0 left-0 right-0 z-50 bg-white/95 backdrop-blur-md shadow-sm transition-all duration-300">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16 md:h-20">
<!-- Logo -->
<div class="flex-shrink-0">
<a href="index.html" class="flex items-center space-x-3 group">
<div class="relative w-12 h-12 bg-gradient-to-br from-primary via-primary-light to-accent rounded-soft flex items-center justify-center shadow-md group-hover:shadow-lg transition-all duration-300 group-hover:scale-105">
<!-- Document Icon with Checkmark -->
<svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Small badge -->
<div class="absolute -top-1 -right-1 w-4 h-4 bg-success rounded-full border-2 border-white"></div>
</div>
<div class="flex flex-col">
<span class="font-display font-bold text-xl text-dark leading-none">ValidDocs</span>
<span class="text-xs text-primary font-medium tracking-wide hidden sm:block">Verified Documents</span>
</div>
</a>
</div>
<!-- Desktop Navigation -->
<div class="hidden md:flex items-center space-x-8">
<a href="#services" class="nav-link text-gray-700 hover:text-primary transition-colors"
data-i18n="nav.services">Services</a>
<a href="#faq" class="nav-link text-gray-700 hover:text-primary transition-colors"
data-i18n="nav.faq">FAQ</a>
<a href="contact.html" class="nav-link text-gray-700 hover:text-primary transition-colors"
data-i18n="nav.contact">Contact</a>
<a href="contact.html" class="btn-primary" data-i18n="nav.getStarted">Contact Us</a>
</div>
<!-- Mobile Menu Button -->
<button id="mobile-menu-btn" class="md:hidden p-2 rounded-lg hover:bg-gray-100 transition-colors">
<i data-feather="menu" class="w-6 h-6 text-gray-700"></i>
</button>
</div>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden bg-white border-t border-gray-100">
<div class="container mx-auto px-4 py-4 space-y-3">
<a href="#services" class="block py-2 text-gray-700 hover:text-primary transition-colors"
data-i18n="nav.services">Services</a>
<a href="#faq" class="block py-2 text-gray-700 hover:text-primary transition-colors"
data-i18n="nav.faq">FAQ</a>
<a href="contact.html" class="block py-2 text-gray-700 hover:text-primary transition-colors"
data-i18n="nav.contact">Contact</a>
<a href="contact.html" class="btn-primary w-full text-center" data-i18n="nav.getStarted">Contact Us</a>
</div>
</div>
</nav>
<!-- WhatsApp Floating Button -->
<a href="https://wa.me/13155163567" target="_blank"
class="fixed bottom-6 right-6 z-40 w-14 h-14 bg-green-500 hover:bg-green-600 rounded-full flex items-center justify-center shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-110"
aria-label="Contact us on WhatsApp">
<svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 24 24">
<path
d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
</svg>
</a>
<!-- Hero Section -->
<section id="hero" class="relative min-h-screen flex items-center justify-center overflow-hidden pt-16 md:pt-20">
<!-- Hero Background Image -->
<div class="absolute inset-0">
<img src="assets/images/hero-passport.png" alt="Travel Documents" class="w-full h-full object-cover">
</div>
<!-- Background Overlay -->
<div class="absolute inset-0 bg-gradient-to-br from-primary/90 via-primary-dark/85 to-dark/90"></div>
<!-- Subtle Pattern Overlay -->
<div class="absolute inset-0 opacity-5" style="background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="1"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
<div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="max-w-4xl mx-auto text-center">
<!-- Trust Badge -->
<div
class="inline-flex items-center space-x-2 bg-white/10 backdrop-blur-sm border border-white/20 rounded-full px-4 py-2 mb-6 fade-in">
<i data-feather="check-circle" class="w-4 h-4 text-success"></i>
<span class="text-white text-sm font-medium" data-i18n="hero.badge">Database Registered & Verified
Worldwide</span>
</div>
<!-- Main Headline -->
<h1 class="font-display font-bold text-4xl sm:text-5xl md:text-6xl lg:text-7xl text-white mb-6 leading-tight fade-in"
style="animation-delay: 0.2s;">
<span data-i18n="hero.title">Your Trusted Partner for</span> <span
class="text-transparent bg-clip-text bg-gradient-to-r from-accent-secondary to-accent"
data-i18n="hero.titleHighlight">Verified
Travel Documents</span>
</h1>
<!-- Subheadline -->
<p class="text-lg sm:text-xl text-white/90 mb-8 max-w-2xl mx-auto fade-in"
style="animation-delay: 0.4s;" data-i18n="hero.subtitle">
Passports, Visas, ID Cards, Licenses & More - Fast, Secure, Worldwide. Database registered,
biometric verified, and ICAO compliant documentation services.
with professional assistance and guaranteed verification.
</p>
<!-- CTA Buttons -->
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-12 fade-in"
style="animation-delay: 0.6s;">
<a href="contact.html" class="btn-hero-primary">
<span data-i18n="hero.ctaPrimary">Contact Us</span>
<i data-feather="arrow-right" class="w-5 h-5 ml-2"></i>
</a>
<a href="#services" class="btn-hero-secondary" data-i18n="hero.ctaSecondary">
View All Services
</a>
</div>
<!-- Trust Indicators -->
<div class="grid grid-cols-2 md:grid-cols-4 gap-6 max-w-3xl mx-auto fade-in"
style="animation-delay: 0.8s;">
<div class="text-center">
<div class="text-3xl font-display font-bold text-white mb-1">15K+</div>
<div class="text-sm text-white/80" data-i18n="hero.stats.documents">Documents Processed</div>
</div>
<div class="text-center">
<div class="text-3xl font-display font-bold text-white mb-1">150+</div>
<div class="text-sm text-white/80" data-i18n="hero.stats.countries">Countries Served</div>
</div>
<div class="text-center">
<div class="text-3xl font-display font-bold text-white mb-1">24/7</div>
<div class="text-sm text-white/80" data-i18n="hero.stats.support">Support Available</div>
</div>
<div class="text-center">
<div class="text-3xl font-display font-bold text-white mb-1">99.9%</div>
<div class="text-sm text-white/80" data-i18n="hero.stats.success">Success Rate</div>
</div>
</div>
</div>
</div>
<!-- Scroll Indicator -->
<div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 animate-bounce">
<i data-feather="chevron-down" class="w-8 h-8 text-white/60"></i>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-16 md:py-24 bg-warm pattern-dots texture-paper slant-bottom">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<!-- Section Header -->
<div class="text-center max-w-3xl mx-auto mb-12 md:mb-16">
<h2 class="font-display font-bold text-3xl sm:text-4xl md:text-5xl text-dark mb-4"
data-i18n="services.title">
Our Document Services
</h2>
<p class="text-lg text-gray-600" data-i18n="services.subtitle">
Professional assistance for all your travel and identification document needs. Fast, secure, and
fully verified.
</p>
</div>
<!-- Services Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-8">
<!-- Service Card 1: Passports -->
<div class="service-card group">
<div class="service-icon bg-gradient-to-br from-primary to-primary-light">
<i data-feather="book-open" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3" data-i18n="services.passport.title">
Passports</h3>
<p class="text-gray-600 mb-4" data-i18n="services.passport.description">New, renewal, expedited, and
second passports. Biometric, ICAO
compliant, database registered.</p>
<a href="contact.html" class="service-link">
<span data-i18n="services.passport.cta">Contact Us</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
<!-- Service Card 2: Visas -->
<div class="service-card group">
<div class="service-icon bg-gradient-to-br from-accent to-accent-secondary">
<i data-feather="map-pin" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3" data-i18n="services.visa.title">Visas
</h3>
<p class="text-gray-600 mb-4" data-i18n="services.visa.description">Tourist, business, work, and
student visas. Schengen, USA, UK, Canada,
and more countries available.</p>
<a href="#contact" class="service-link">
<span data-i18n="services.visa.cta">Apply Now</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
<!-- Service Card 3: ID Cards -->
<div class="service-card group">
<div class="service-icon bg-gradient-to-br from-success to-emerald-600">
<i data-feather="credit-card" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3" data-i18n="services.idCard.title">ID
Cards</h3>
<p class="text-gray-600 mb-4" data-i18n="services.idCard.description">National IDs, state IDs,
Emirates ID. Chip, QR code, barcode enabled.
Scannable and verifiable.</p>
<a href="#contact" class="service-link">
<span data-i18n="services.idCard.cta">Apply Now</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
<!-- Service Card 4: Driving Licenses -->
<div class="service-card group">
<div class="service-icon bg-gradient-to-br from-orange-500 to-red-500">
<i data-feather="truck" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3"
data-i18n="services.drivingLicense.title">Driving Licenses</h3>
<p class="text-gray-600 mb-4" data-i18n="services.drivingLicense.description">EU licenses, UK,
international permits. All categories (A-E). Database
registered in transport systems.</p>
<a href="#contact" class="service-link">
<span data-i18n="services.drivingLicense.cta">Apply Now</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
<!-- Service Card 5: Residence Permits -->
<div class="service-card group">
<div class="service-icon bg-gradient-to-br from-blue-500 to-indigo-600">
<i data-feather="home" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3"
data-i18n="services.residencePermit.title">Residence Permits</h3>
<p class="text-gray-600 mb-4" data-i18n="services.residencePermit.description">EU permits, US Green
Card, Canada PR, UK, UAE. Database registered
with work and study rights.</p>
<a href="#contact" class="service-link">
<span data-i18n="services.residencePermit.cta">Apply Now</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
<!-- Service Card 6: Certificates -->
<div class="service-card group">
<div class="service-icon bg-gradient-to-br from-purple-500 to-pink-600">
<i data-feather="award" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3"
data-i18n="services.certificates.title">Certificates</h3>
<p class="text-gray-600 mb-4" data-i18n="services.certificates.description">Academic, language
(IELTS, TOEFL), professional diplomas. Legally
registered and verifiable worldwide.</p>
<a href="#contact" class="service-link">
<span data-i18n="services.certificates.cta">Apply Now</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
<!-- Service Card 7: Boat Licenses -->
<div class="service-card group">
<div class="service-icon bg-gradient-to-br from-cyan-500 to-blue-600">
<i data-feather="anchor" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3"
data-i18n="services.boatLicense.title">Boat Licenses</h3>
<p class="text-gray-600 mb-4" data-i18n="services.boatLicense.description">Recreational and
professional maritime licenses. Recognized
internationally for watercraft operation.</p>
<a href="#contact" class="service-link">
<span data-i18n="services.boatLicense.cta">Apply Now</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
<!-- Service Card 8: Custom Requests -->
<div
class="service-card group bg-gradient-to-br from-gray-50 to-gray-100 border-2 border-dashed border-gray-300">
<div class="service-icon bg-gradient-to-br from-gray-400 to-gray-600">
<i data-feather="plus-circle" class="w-8 h-8 text-white"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3" data-i18n="services.custom.title">
Custom Requests</h3>
<p class="text-gray-600 mb-4" data-i18n="services.custom.description">Need something specific?
Contact us for custom document services and
special requirements.</p>
<a href="contact.html" class="service-link">
<span data-i18n="services.custom.cta">Contact Us</span>
<i data-feather="arrow-right" class="w-4 h-4 ml-1"></i>
</a>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section id="features" class="py-16 md:py-24 bg-white pattern-grid texture-fabric slant-both">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<!-- Left: Features List -->
<div>
<h2 class="font-display font-bold text-3xl sm:text-4xl md:text-5xl text-dark mb-6"
data-i18n="features.title">
Why Choose ValidDocs?
</h2>
<p class="text-lg text-gray-600 mb-8" data-i18n="features.subtitle">
We provide professional, secure, and verified document services with a proven track record of
excellence.
</p>
<div class="space-y-6">
<!-- Feature 1 -->
<div class="flex items-start space-x-4">
<div
class="flex-shrink-0 w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center">
<i data-feather="shield" class="w-6 h-6 text-primary"></i>
</div>
<div>
<h3 class="font-display font-semibold text-lg text-dark mb-2"
data-i18n="features.feature1.title">100% Secure & Verified
</h3>
<p class="text-gray-600" data-i18n="features.feature1.description">All documents are
registered in official government systems
with biometric verification and ICAO compliance.</p>
</div>
</div>
<!-- Feature 2 -->
<div class="flex items-start space-x-4">
<div
class="flex-shrink-0 w-12 h-12 bg-accent/10 rounded-lg flex items-center justify-center">
<i data-feather="truck" class="w-6 h-6 text-accent"></i>
</div>
<div>
<h3 class="font-display font-semibold text-lg text-dark mb-2"
data-i18n="features.feature2.title">Free & Fast Shipping</h3>
<p class="text-gray-600" data-i18n="features.feature2.description">Free shipping on all
orders. Options for overnight and express
delivery with real-time tracking.</p>
</div>
</div>
<!-- Feature 3 -->
<div class="flex items-start space-x-4">
<div
class="flex-shrink-0 w-12 h-12 bg-success/10 rounded-lg flex items-center justify-center">
<i data-feather="check-circle" class="w-6 h-6 text-success"></i>
</div>
<div>
<h3 class="font-display font-semibold text-lg text-dark mb-2"
data-i18n="features.feature3.title">Guaranteed Acceptance</h3>
<p class="text-gray-600" data-i18n="features.feature3.description">99.9% success rate
with full documentation review and
error-free submission guarantee.</p>
</div>
</div>
<!-- Feature 4 -->
<div class="flex items-start space-x-4">
<div
class="flex-shrink-0 w-12 h-12 bg-accent-secondary/10 rounded-lg flex items-center justify-center">
<i data-feather="headphones" class="w-6 h-6 text-accent-secondary"></i>
</div>
<div>
<h3 class="font-display font-semibold text-lg text-dark mb-2"
data-i18n="features.feature4.title">VIP Support</h3>
<p class="text-gray-600" data-i18n="features.feature4.description">24/7 expert support
with dedicated account managers for Rush
services to guide you through every step.</p>
</div>
</div>
</div>
</div>
<!-- Right: Image Placeholder -->
<div class="relative">
<div class="aspect-square rounded-2xl overflow-hidden shadow-2xl">
<img src="https://images.unsplash.com/photo-1521791136064-7986c2920216?w=800&h=800&fit=crop" alt="Global Document Services"
class="w-full h-full object-cover">
</div>
<!-- Floating Badge -->
<div class="absolute -bottom-6 -left-6 bg-white rounded-xl shadow-xl p-6 max-w-xs">
<div class="flex items-center space-x-3">
<div class="w-12 h-12 bg-success/10 rounded-full flex items-center justify-center">
<i data-feather="star" class="w-6 h-6 text-success"></i>
</div>
<div>
<div class="font-display font-bold text-2xl text-dark">4.9/5</div>
<div class="text-sm text-gray-600" data-i18n="features.rating">Customer Rating</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="py-16 md:py-24 bg-warm texture-diagonal-lines slant-both">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<!-- Section Header -->
<div class="text-center max-w-3xl mx-auto mb-12 md:mb-16">
<h2 class="font-display font-bold text-3xl sm:text-4xl md:text-5xl text-dark mb-4"
data-i18n="testimonials.title">
What Our Clients Say
</h2>
<p class="text-lg text-gray-600" data-i18n="testimonials.subtitle">
Join thousands of satisfied customers who trust us with their travel documents.
</p>
</div>
<!-- Testimonials Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Testimonial 1 -->
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div class="flex text-yellow-400">
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
</div>
</div>
<p class="text-gray-700 mb-6" data-i18n="testimonials.testimonial1.text">"Absolutely incredible
service! I needed my passport urgently for a
business trip, and they delivered in just 48 hours. Professional, fast, and reliable."</p>
<div class="flex items-center">
<div
class="w-12 h-12 bg-gradient-to-br from-primary to-accent rounded-full flex items-center justify-center text-white font-semibold mr-4">
JD
</div>
<div>
<div class="font-semibold text-dark" data-i18n="testimonials.testimonial1.name">James
Davidson</div>
<div class="text-sm text-gray-600" data-i18n="testimonials.testimonial1.role">Business
Executive, USA</div>
</div>
</div>
</div>
<!-- Testimonial 2 -->
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div class="flex text-yellow-400">
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
</div>
</div>
<p class="text-gray-700 mb-6" data-i18n="testimonials.testimonial2.text">"The team was so helpful
throughout the entire process. They answered
all my questions and made getting my residence permit stress-free. Highly recommend!"</p>
<div class="flex items-center">
<div
class="w-12 h-12 bg-gradient-to-br from-accent to-accent-secondary rounded-full flex items-center justify-center text-white font-semibold mr-4">
SM
</div>
<div>
<div class="font-semibold text-dark" data-i18n="testimonials.testimonial2.name">Sarah
Martinez</div>
<div class="text-sm text-gray-600" data-i18n="testimonials.testimonial2.role">Digital Nomad,
Canada</div>
</div>
</div>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card">
<div class="flex items-center mb-4">
<div class="flex text-yellow-400">
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
<i data-feather="star" class="w-5 h-5 fill-current"></i>
</div>
</div>
<p class="text-gray-700 mb-6" data-i18n="testimonials.testimonial3.text">"Best document service I've
ever used. The process was smooth,
transparent, and my driving license arrived exactly when they promised. Five stars!"</p>
<div class="flex items-center">
<div
class="w-12 h-12 bg-gradient-to-br from-success to-emerald-600 rounded-full flex items-center justify-center text-white font-semibold mr-4">
AP
</div>
<div>
<div class="font-semibold text-dark" data-i18n="testimonials.testimonial3.name">Alex Patel
</div>
<div class="text-sm text-gray-600" data-i18n="testimonials.testimonial3.role">Entrepreneur,
UK</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section id="faq" class="py-16 md:py-24 bg-white pattern-dots texture-waves slant-both">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto">
<!-- Section Header -->
<div class="text-center mb-12 md:mb-16">
<h2 class="font-display font-bold text-3xl sm:text-4xl md:text-5xl text-dark mb-4"
data-i18n="faq.title">
Frequently Asked Questions
</h2>
<p class="text-lg text-gray-600" data-i18n="faq.subtitle">
Got questions? We've got answers.
</p>
</div>
<!-- FAQ Accordion -->
<div class="space-y-4">
<!-- FAQ Item 1 -->
<div class="faq-item">
<button class="faq-question">
<span data-i18n="faq.q1.question">How long does it take to get my documents?</span>
<i data-feather="chevron-down" class="w-5 h-5 text-gray-500 transition-transform"></i>
</button>
<div class="faq-answer">
<p data-i18n="faq.q1.answer">Processing times vary by service level: Standard (14-21 days),
Express (7-10 days), and
Rush (24-48 hours). All timelines include verification, processing, and delivery.</p>
</div>
</div>
<!-- FAQ Item 2 -->
<div class="faq-item">
<button class="faq-question">
<span data-i18n="faq.q2.question">Are your documents legally registered?</span>
<i data-feather="chevron-down" class="w-5 h-5 text-gray-500 transition-transform"></i>
</button>
<div class="faq-answer">
<p data-i18n="faq.q2.answer">Yes, all documents are fully registered in official government
systems, include biometric
data where applicable, and are ICAO compliant. They are verifiable at all international
checkpoints and border controls.</p>
</div>
</div>
<!-- FAQ Item 3 -->
<div class="faq-item">
<button class="faq-question">
<span data-i18n="faq.q3.question">What documents do I need to apply?</span>
<i data-feather="chevron-down" class="w-5 h-5 text-gray-500 transition-transform"></i>
</button>
<div class="faq-answer">
<p data-i18n="faq.q3.answer">Requirements vary by document type. Generally, you'll need:
proof of identity, proof of
citizenship/residency, photos, and completed application form. Our team will guide you
through the specific requirements for your situation.</p>
</div>
</div>
<!-- FAQ Item 4 -->
<div class="faq-item">
<button class="faq-question">
<span data-i18n="faq.q4.question">Do you offer refunds if my application is rejected?</span>
<i data-feather="chevron-down" class="w-5 h-5 text-gray-500 transition-transform"></i>
</button>
<div class="faq-answer">
<p data-i18n="faq.q4.answer">We have a 99.9% success rate due to our thorough review
process. In the rare event of
rejection, we'll work with you to resubmit at no additional cost. Our service fees are
separate from government fees.</p>
</div>
</div>
<!-- FAQ Item 5 -->
<div class="faq-item">
<button class="faq-question">
<span data-i18n="faq.q5.question">Can I track my application status?</span>
<i data-feather="chevron-down" class="w-5 h-5 text-gray-500 transition-transform"></i>
</button>
<div class="faq-answer">
<p data-i18n="faq.q5.answer">Yes! Express and Rush plans include real-time tracking.
Standard plan customers receive
email updates at each stage of processing. You can also contact our support team anytime
for status updates.</p>
</div>
</div>
<!-- FAQ Item 6 -->
<div class="faq-item">
<button class="faq-question">
<span data-i18n="faq.q6.question">What payment methods do you accept?</span>
<i data-feather="chevron-down" class="w-5 h-5 text-gray-500 transition-transform"></i>
</button>
<div class="faq-answer">
<p data-i18n="faq.q6.answer">We accept all major credit cards (Visa, Mastercard, Amex),
PayPal, bank transfers, and
cryptocurrency (Bitcoin, Ethereum). All payments are processed securely with SSL
encryption.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Security & Compliance Section -->
<section class="py-16 md:py-24 bg-warm pattern-grid texture-paper slant-both">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-12 md:mb-16">
<h2 class="font-display font-bold text-3xl sm:text-4xl md:text-5xl text-dark mb-4"
data-i18n="security.title">
Security & Compliance
</h2>
<p class="text-lg text-gray-600" data-i18n="security.subtitle">
Your documents are processed with the highest security standards
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Support Team -->
<div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow">
<div class="mb-4 rounded-lg overflow-hidden">
<img src="assets/images/trust-badge.png" alt="Support Team" class="w-full h-32 object-cover">
</div>
<div class="w-12 h-12 bg-primary/10 rounded-lg flex items-center justify-center mb-4">
<i data-feather="headphones" class="w-6 h-6 text-primary"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3"
data-i18n="security.support.title">Support Team</h3>
<p class="text-gray-600" data-i18n="security.support.description">ValidDocs
understands the importance of driving licenses in ensuring road safety and responsible
driving practices. That is why our support team is the best for you.</p>
</div>
<!-- Shipping Service -->
<div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow">
<div class="mb-4 rounded-lg overflow-hidden">
<img src="assets/images/fast-delivery.png" alt="Fast Shipping" class="w-full h-32 object-cover">
</div>
<div class="w-12 h-12 bg-accent/10 rounded-lg flex items-center justify-center mb-4">
<i data-feather="truck" class="w-6 h-6 text-accent"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3"
data-i18n="security.shipping.title">Shipping Service</h3>
<p class="text-gray-600" data-i18n="security.shipping.description">ValidDocs
offers fast and reliable shipping, ensuring that you receive your documents promptly. And
all shipments of your documents are free. You can count on us.</p>
</div>
<!-- Refund Policy -->
<div class="bg-white rounded-xl p-8 shadow-lg hover:shadow-xl transition-shadow">
<div class="mb-4 rounded-lg overflow-hidden">
<img src="assets/images/global-network.png" alt="Secure Refund" class="w-full h-32 object-cover">
</div>
<div class="w-12 h-12 bg-success/10 rounded-lg flex items-center justify-center mb-4">
<i data-feather="shield" class="w-6 h-6 text-success"></i>
</div>
<h3 class="font-display font-semibold text-xl text-dark mb-3" data-i18n="security.refund.title">
Refund Policy</h3>
<p class="text-gray-600" data-i18n="security.refund.description">Your satisfaction is our priority. If we cannot deliver your documents as promised, we offer a full refund with no questions asked. Your investment is protected with our money-back guarantee.</p>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-16 md:py-24 bg-image-overlay slant-top" style="background-image: url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?w=1920&h=1080&fit=crop');">
<!-- Subtle Pattern Overlay -->
<div class="absolute inset-0 opacity-5 z-0" style="background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23ffffff" fill-opacity="1"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
<div class="container mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="max-w-4xl mx-auto text-center">
<h2 class="font-display font-bold text-3xl sm:text-4xl md:text-5xl text-white mb-6">
Ready to Get Your Documents?
</h2>
<p class="text-lg sm:text-xl text-white/90 mb-8">
Contact our expert team today and let us handle your document needs with professionalism and care
</p>
<div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-12">
<a href="contact.html" class="btn-hero-primary">
Contact Us Now
<i data-feather="arrow-right" class="w-5 h-5 ml-2"></i>
</a>
<a href="https://wa.me/13155163567" target="_blank" class="btn-hero-secondary">
<svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 24 24">
<path
d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
</svg>
WhatsApp Us
</a>
</div>
<!-- Contact Info -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-white/90">
<div class="flex items-center justify-center space-x-3">
<i data-feather="phone" class="w-5 h-5"></i>
<span>+1 (315) 516-3567</span>
</div>
<div class="flex items-center justify-center space-x-3">
<i data-feather="mail" class="w-5 h-5"></i>
<span>[email protected]</span>
</div>
<div class="flex items-center justify-center space-x-3">
<i data-feather="clock" class="w-5 h-5"></i>
<span>24/7 Support</span>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-dark text-white py-12 md:py-16">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
<!-- Company Info -->
<div class="md:col-span-1">
<div class="flex items-center space-x-3 mb-4">
<div class="relative w-12 h-12 bg-gradient-to-br from-primary via-primary-light to-accent rounded-soft flex items-center justify-center shadow-md">
<!-- Document Icon with Checkmark -->
<svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<!-- Small badge -->
<div class="absolute -top-1 -right-1 w-4 h-4 bg-success rounded-full border-2 border-dark"></div>
</div>
<div class="flex flex-col">
<span class="font-display font-bold text-xl leading-none">ValidDocs</span>
<span class="text-xs text-primary-light font-medium tracking-wide">Verified Documents</span>
</div>
</div>
<p class="text-white/70 text-sm mb-4">
Professional document services with verified, registered documents for worldwide travel and
identification.
</p>
<!-- Social Links -->
<div class="flex space-x-4">
<a href="#"
class="w-10 h-10 bg-white/10 hover:bg-white/20 rounded-lg flex items-center justify-center transition-colors">
<i data-feather="facebook" class="w-5 h-5"></i>
</a>
<a href="#"
class="w-10 h-10 bg-white/10 hover:bg-white/20 rounded-lg flex items-center justify-center transition-colors">
<i data-feather="twitter" class="w-5 h-5"></i>
</a>
<a href="#"
class="w-10 h-10 bg-white/10 hover:bg-white/20 rounded-lg flex items-center justify-center transition-colors">
<i data-feather="instagram" class="w-5 h-5"></i>
</a>
</div>
</div>
<!-- Quick Links -->
<div>
<h3 class="font-display font-semibold text-lg mb-4">Quick Links</h3>
<ul class="space-y-2 text-sm">
<li><a href="#services" class="text-white/70 hover:text-white transition-colors">Services</a>
</li>
<li><a href="#pricing" class="text-white/70 hover:text-white transition-colors">Pricing</a></li>
<li><a href="#faq" class="text-white/70 hover:text-white transition-colors">FAQ</a></li>
<li><a href="contact.html" class="text-white/70 hover:text-white transition-colors">Contact</a>
</li>
<li><a href="terms.html" class="text-white/70 hover:text-white transition-colors">Terms &
Privacy</a></li>
</ul>
</div>
<!-- Services -->
<div>
<h3 class="font-display font-semibold text-lg mb-4">Services</h3>
<ul class="space-y-2 text-sm">
<li><a href="#contact" class="text-white/70 hover:text-white transition-colors">Passports</a>
</li>
<li><a href="#contact" class="text-white/70 hover:text-white transition-colors">Visas</a></li>
<li><a href="#contact" class="text-white/70 hover:text-white transition-colors">ID Cards</a>
</li>
<li><a href="#contact" class="text-white/70 hover:text-white transition-colors">Driving
Licenses</a></li>
<li><a href="#contact" class="text-white/70 hover:text-white transition-colors">Residence
Permits</a></li>
</ul>
</div>
<!-- Contact Info -->
<div>
<h3 class="font-display font-semibold text-lg mb-4">Contact Us</h3>
<ul class="space-y-3 text-sm">
<li class="flex items-start">
<i data-feather="mail" class="w-5 h-5 mr-2 flex-shrink-0 text-white/70"></i>
<a href="mailto:[email protected]"
class="text-white/70 hover:text-white transition-colors">[email protected]</a>
</li>
<li class="flex items-start">
<i data-feather="phone" class="w-5 h-5 mr-2 flex-shrink-0 text-white/70"></i>
<a href="tel:+13155163567" class="text-white/70 hover:text-white transition-colors">+1 (315)
516-3567</a>
</li>
<li class="flex items-start">
<svg class="w-5 h-5 mr-2 flex-shrink-0 text-white/70" fill="currentColor"
viewBox="0 0 24 24">
<path
d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L0 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" />
</svg>
<a href="https://wa.me/13155163567" target="_blank"
class="text-white/70 hover:text-white transition-colors">WhatsApp Chat</a>
</li>
<li class="flex items-start">
<i data-feather="clock" class="w-5 h-5 mr-2 flex-shrink-0 text-white/70"></i>
<span class="text-white/70">24/7 Support Available</span>
</li>
</ul>
</div>
</div>
<!-- Payment Methods -->
<div class="border-t border-white/10 pt-8 mb-8">
<h4 class="font-display font-semibold text-sm mb-4 text-center">Accepted Payment Methods</h4>
<div class="flex flex-wrap justify-center items-center gap-4">
<div class="px-4 py-2 bg-white/10 rounded-lg text-sm">Visa</div>
<div class="px-4 py-2 bg-white/10 rounded-lg text-sm">Mastercard</div>
<div class="px-4 py-2 bg-white/10 rounded-lg text-sm">Amex</div>
<div class="px-4 py-2 bg-white/10 rounded-lg text-sm">PayPal</div>
<div class="px-4 py-2 bg-white/10 rounded-lg text-sm">Bitcoin</div>
</div>
</div>
<!-- Disclaimer -->
<div class="border-t border-white/10 pt-8 mb-8">
<p class="text-xs text-white/60 text-center max-w-4xl mx-auto">
<strong>Disclaimer:</strong> ValidDocs is an independent service provider and is not affiliated with
any government agency. Our fees are separate from government processing fees. We provide
professional assistance with document applications, documentation, and processing. While we maintain
a 99.9% success rate, we cannot guarantee approval as final decisions rest with government
authorities. For direct government applications, visit your country's official agency website.
</p>
</div>
<!-- Copyright -->
<div class="border-t border-white/10 pt-8">
<div class="flex flex-col md:flex-row justify-between items-center text-sm text-white/60">
<p>© 2025 ValidDocs. All rights reserved.</p>
<div class="flex space-x-6 mt-4 md:mt-0">
<a href="terms.html" class="hover:text-white transition-colors">Privacy Policy</a>
<a href="terms.html" class="hover:text-white transition-colors">Terms of Service</a>
<a href="terms.html" class="hover:text-white transition-colors">Cookie Policy</a>
</div>
</div>
</div>
</div>
</footer>
<!-- Custom JavaScript -->
<script src="script.js"></script>
<!-- i18n Multi-Language System -->
<script src="i18n.js"></script>
<script>
// Initialize i18n system
let i18n;
async function initI18n() {
i18n = new ValidDocsI18n({
defaultLang: 'en',
fallbackLang: 'en',
languagesPath: './languages/',
supportedLanguages: ['en', 'de', 'fr', 'es'],
onLanguageChange: (lang) => {
console.log('Language changed to:', lang);
// Re-initialize feather icons after language change
setTimeout(() => feather.replace(), 100);
}
});
await i18n.init();
}
// Initialize when DOM is ready
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initI18n);
} else {
initI18n();
}
</script>
<!-- Initialize Feather Icons -->
<script>
feather.replace();
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://validdocs.org/ |
|
2026-10-18 09:29:12 |
| 2 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-18 09:29:12 |
| 3 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:29:10 |
| 4 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:29:09 |
| 5 |
https://kallumjmya742099.onesmablo… |
|
2026-10-18 09:29:08 |
| 6 |
https://alfreda221tjx8.wikitron.co… |
|
2026-10-18 09:29:07 |
| 7 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:29:03 |
| 8 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:28:58 |
| 9 |
http://minetest.wjake.com/stikked/… |
|
2026-10-18 09:28:54 |
| 10 |
https://digi0002.s3.us-west-004.ba… |
|
2026-10-18 09:28:52 |
| 11 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:28:52 |
| 12 |
https://merk-oven-listrik-yang-ba9… |
|
2026-10-18 09:28:50 |
| 13 |
https://drbo10b.b-cdn.net/research… |
|
2026-10-18 09:28:50 |
| 14 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:28:48 |
| 15 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:28:48 |
| 16 |
https://za-koenji.jp/ |
|
2026-10-18 09:28:47 |
| 17 |
https://amp-utama-banjir.pages.dev/ |
|
2026-10-18 09:28:46 |
| 18 |
https://consent.youtube.com/m?cont… |
|
2026-10-18 09:28:46 |
| 19 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-18 09:28:45 |
| 20 |
https://snippet.host/ |
|
2026-10-18 09:28:44 |