{/* Hero Section */}

Your Journey Begins With The Right Visa

We simplify the visa application process to help you achieve your immigration goals

{/* Visa Country Cards */}

Popular Visa Destinations

{countries.map((country, index) => (

{country.name}

{country.description}

))}

{/* Why Choose Us */}

Why Choose Us

We provide comprehensive visa and immigration services with a focus on client satisfaction

{benefits.map((benefit, index) => (

{benefit.icon}

{benefit.title}

{benefit.description}

))}

{/* Visa Services */}

Our Visa Services

Comprehensive visa solutions tailored to your specific needs

{services.map((service, index) => (

{service.icon}

{service.title}

{service.description}

{feature}

))}

{/* Video Testimonial */}

Client Success Stories

Hear from our clients who successfully obtained their visas with our assistance

Maria's Journey to Australia

Student visa approved in just 3 weeks

{/* Request Form */}

Request Visa Consultation

Fill out the form and our visa experts will contact you within 24 hours to discuss your visa options.

Free initial consultation
Personalized visa strategy
Document checklist preparation
Success rate assessment

First Name

Last Name

Phone

Destination Country

Visa Type

Message

</div>
                  <Button type="submit" className="w-full bg-purple-600 hover:bg-purple-700">
                    Request Consultation
                  </Button>
                </form>
              </div>
            </div>
          </div>
        </section>
      </main>

{/* Footer */}
      <footer className="bg-gray-900 text-white py-12">
        <div className="container">
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
            <div>
              <div className="flex items-center gap-2 font-bold text-xl mb-4">
                <Globe className="h-6 w-6 text-purple-400" />
                <span>VisaEase</span>
              </div>
              <p className="text-gray-400 mb-4">Simplifying visa and immigration processes worldwide since 2010.</p>
              <div className="flex gap-4">
                <a href="#" className="text-gray-400 hover:text-white">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    strokeWidth="2"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    className="h-5 w-5"
                  >
                    <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
                  </svg>
                </a>
                <a href="#" className="text-gray-400 hover:text-white">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    strokeWidth="2"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    className="h-5 w-5"
                  >
                    <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>
                  </svg>
                </a>
                <a href="#" className="text-gray-400 hover:text-white">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    strokeWidth="2"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    className="h-5 w-5"
                  >
                    <rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect>
                    <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
                    <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
                  </svg>
                </a>
                <a href="#" className="text-gray-400 hover:text-white">
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    strokeWidth="2"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    className="h-5 w-5"
                  >
                    <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path>
                    <rect x="2" y="9" width="4" height="12"></rect>
                    <circle cx="4" cy="4" r="2"></circle>
                  </svg>
                </a>
              </div>
            </div>
            <div>
              <h3 className="font-bold text-lg mb-4">Visa Countries</h3>
              <ul className="space-y-2">
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    United States
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Canada
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    United Kingdom
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Australia
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    New Zealand
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Schengen Countries
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    View All Countries
                  </a>
                </li>
              </ul>
            </div>
            <div>
              <h3 className="font-bold text-lg mb-4">Company</h3>
              <ul className="space-y-2">
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    About Us
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Our Team
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Careers
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Blog
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Testimonials
                  </a>
                </li>
                <li>
                  <a href="#" className="text-gray-400 hover:text-white">
                    Contact Us
                  </a>
                </li>
              </ul>
            </div>
            <div>
              <h3 className="font-bold text-lg mb-4">Subscribe</h3>
              <p className="text-gray-400 mb-4">
                Subscribe to our newsletter for the latest visa updates and immigration news.
              </p>
              <form className="space-y-2">
                <Input
                  placeholder="Your email address"
                  className="bg-gray-800 border-gray-700 text-white placeholder:text-gray-500"
                />
                <Button className="w-full bg-purple-600 hover:bg-purple-700">Subscribe</Button>
              </form>
            </div>
          </div>
          <div className="border-t border-gray-800 mt-10 pt-6 flex flex-col md:flex-row justify-between items-center">
            <p className="text-gray-400 text-sm">© {new Date().getFullYear()} VisaEase. All rights reserved.</p>
            <div className="flex gap-4 mt-4 md:mt-0">
              <a href="#" className="text-gray-400 hover:text-white text-sm">
                Privacy Policy
              </a>
              <a href="#" className="text-gray-400 hover:text-white text-sm">
                Terms of Service
              </a>
              <a href="#" className="text-gray-400 hover:text-white text-sm">
                Cookie Policy
              </a>
            </div>
          </div>
        </div>
      </footer>
    </div>
  )
}

// Sample data
const countries = [
  {
    name: "United States",
    code: "US",
    description: "Tourist, business, work and student visas for USA",
  },
  {
    name: "Canada",
    code: "CA",
    description: "Express entry, study permits and visitor visas",
  },
  {
    name: "United Kingdom",
    code: "UK",
    description: "Skilled worker, student and family visas",
  },
  {
    name: "Australia",
    code: "AU",
    description: "Work, study and partner visa options",
  },
]

const benefits = [
  {
    title: "Expert Guidance",
    description: "Our team of certified immigration consultants provides expert advice on all visa matters",
    icon: <Award className="h-6 w-6 text-purple-600" />,
  },
  {
    title: "Fast Processing",
    description: "We ensure your application is processed as quickly as possible with minimal delays",
    icon: <Clock className="h-6 w-6 text-purple-600" />,
  },
  {
    title: "High Success Rate",
    description: "Our proven track record shows a 98% success rate for visa applications",
    icon: <CheckCircle className="h-6 w-6 text-purple-600" />,
  },
  {
    title: "Secure Process",
    description: "Your information is handled with the utmost confidentiality and security",
    icon: <Shield className="h-6 w-6 text-purple-600" />,
  },
]

const services = [
  {
    title: "Tourist & Visitor Visas",
    description: "Planning to visit family or explore a new country? Our tourist visa services make it simple.",
    icon: <Globe className="h-6 w-6 text-purple-600" />,
    features: [
      "Fast processing times",
      "Document preparation assistance",
      "Travel insurance guidance",
      "Visa extension support",
    ],
  },
  {
    title: "Student Visas",
    description: "Pursue your educational dreams abroad with our comprehensive student visa services.",
    icon: (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        className="h-6 w-6 text-purple-600"
      >
        <path d="M22 10v6M2 10l10-5 10 5-10 5z"></path>
        <path d="M6 12v5c3 3 9 3 12 0v-5"></path>
      </svg>
    ),
    features: [
      "University application assistance",
      "Scholarship guidance",
      "Accommodation arrangements",
      "Pre-departure orientation",
    ],
  },
  {
    title: "Work & Immigration",
    description: "Looking to work or settle permanently abroad? Our immigration experts can help.",
    icon: (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
        className="h-6 w-6 text-purple-600"
      >
        <rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect>
        <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path>
      </svg>
    ),
    features: [
      "Skilled migration programs",
      "Family sponsorship",
      "Permanent residency pathways",
      "Job search assistance",
    ],
  },
]
</article></body></html>

About

Tags

Share

More from codescandy

More Templates Like This

About

Tags

Share

About

Tags

Share

More from codescandy

More Templates Like This