Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AssignYourTask - Affordable Virtual Assistants</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.stars.min.js"></script> | |
| <style> | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); | |
| } | |
| .service-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .glow-text { | |
| text-shadow: 0 0 10px rgba(59, 130, 246, 0.5); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white font-sans antialiased"> | |
| <div id="vanta-bg" class="fixed inset-0 -z-10"></div> | |
| <div class="h-24"></div> <!-- Spacer for fixed nav --> | |
| <!-- Navigation --> | |
| <nav class="container mx-auto px-6 py-6 flex justify-between items-center fixed top-0 left-0 right-0 z-50 bg-gray-900/80 backdrop-blur-sm transition-all duration-300"> | |
| <div class="text-2xl font-bold glow-text"> | |
| Assign<span class="text-blue-400">Your</span>Task | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="#what-we-do" class="hover:text-blue-400 transition">What We Do</a> | |
| <a href="#why-us" class="hover:text-blue-400 transition">Why Us</a> | |
| <a href="#solutions" class="hover:text-blue-400 transition">Solutions</a> | |
| <a href="#faq" class="hover:text-blue-400 transition">FAQ</a> | |
| <a href="#contact" class="hover:text-blue-400 transition">Contact</a> | |
| </div> | |
| <a href="#get-started" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-full font-medium transition shadow-lg"> | |
| Get Started Free | |
| </a> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="hero-gradient pt-24 pb-12 px-6 mt-24"> | |
| <div class="container mx-auto flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0" data-aos="fade-right"> | |
| <h1 class="text-5xl md:text-6xl font-bold mb-6 leading-tight"> | |
| Affordable Virtual Assistants <span class="text-blue-400">Starting at $6/hour</span> | |
| </h1> | |
| <p class="text-xl text-gray-300 mb-8"> | |
| Get dedicated assistants with no upfront costs, 24/7 support, and pay-as-you-go flexibility. | |
| </p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="#get-started" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-full font-bold text-lg transition shadow-lg text-center"> | |
| Get Started Free | |
| </a> | |
| <a href="#solutions" class="border-2 border-blue-400 text-blue-400 hover:bg-blue-400 hover:text-white px-8 py-4 rounded-full font-bold text-lg transition shadow-lg text-center"> | |
| Our Solutions | |
| </a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center" data-aos="fade-left"> | |
| <img src="http://static.photos/office/1024x576/50" alt="Virtual Assistant Working" class="rounded-xl shadow-2xl border-4 border-blue-400/20 w-full max-w-lg h-auto object-cover"> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- What We Do --> | |
| <section id="what-we-do" class="py-20 px-6 bg-gray-800/50 backdrop-blur-sm"> | |
| <div class="container mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold mb-4">What We Do</h2> | |
| <div class="w-24 h-1 bg-blue-500 mx-auto"></div> | |
| </div> | |
| <div class="max-w-4xl mx-auto text-center" data-aos="fade-up" data-aos-delay="200"> | |
| <p class="text-xl text-gray-300 mb-8"> | |
| At Assign Your Task, we make it simple and risk-free for businesses to get the virtual assistant support they need. Whether you need help with e-commerce operations, medical billing, real estate tasks, or everyday administrative work, our trained assistants are ready to step in and lighten your load. You can get started for free with no monthly commitment, and there's no money upfront required. Plus, we provide free training for every assistant—saving you time and costs other agencies charge for. Our goal is to deliver reliable, affordable, and flexible support so you can focus on growing your business while we handle the details. | |
| </p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Counter --> | |
| <section class="py-16 px-6 bg-gray-900"> | |
| <div class="container mx-auto"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"> | |
| <div class="p-6" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="text-5xl font-bold text-blue-400 mb-2">200+</div> | |
| <div class="text-gray-300">Happy Clients</div> | |
| </div> | |
| <div class="p-6" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="text-5xl font-bold text-blue-400 mb-2">100K+</div> | |
| <div class="text-gray-300">Tasks Executed</div> | |
| </div> | |
| <div class="p-6" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="text-5xl font-bold text-blue-400 mb-2">12+</div> | |
| <div class="text-gray-300">Years in Business</div> | |
| </div> | |
| <div class="p-6" data-aos="fade-up" data-aos-delay="400"> | |
| <div class="text-5xl font-bold text-blue-400 mb-2">24/7</div> | |
| <div class="text-gray-300">Operational Support</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-20 px-6 bg-gray-800/50 backdrop-blur-sm"> | |
| <div class="container mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold mb-4">What Our Clients Say</h2> | |
| <div class="w-24 h-1 bg-blue-500 mx-auto"></div> | |
| <p class="text-xl text-gray-300 mt-4">Rated 4.9/5 from 200+ businesses</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="flex mb-4 text-yellow-400"> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| </div> | |
| <p class="text-gray-300 mb-6">"My executive assistant from AssignYourTask has completely transformed my productivity. She handles my calendar, filters my emails, and even manages my travel arrangements - all for just $6/hour. I've saved over 15 hours a week!"</p> | |
| <div class="flex items-center"> | |
| <img src="http://static.photos/people/200x200/101" alt="Sarah K." class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Sarah K.</h4> | |
| <p class="text-gray-400 text-sm">Small Business Owner</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="flex mb-4 text-yellow-400"> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| </div> | |
| <p class="text-gray-300 mb-6">"The web designer assigned to us created a stunning new e-commerce site that increased our conversions by 35%. The quality of work at this price point is unbelievable. We've since hired two more assistants for customer support."</p> | |
| <div class="flex items-center"> | |
| <img src="http://static.photos/people/200x200/102" alt="Michael T." class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Michael T.</h4> | |
| <p class="text-gray-400 text-sm">E-commerce Store Owner</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="flex mb-4 text-yellow-400"> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| </div> | |
| <p class="text-gray-300 mb-6">"Our customer care assistant handles 50+ calls daily with professionalism. She's become an integral part of our team, knowing our products as well as we do. The 24/7 availability has been a game-changer for our international clients."</p> | |
| <div class="flex items-center"> | |
| <img src="http://static.photos/people/200x200/103" alt="Lisa M." class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Lisa M.</h4> | |
| <p class="text-gray-400 text-sm">Customer Support Manager</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="flex mb-4 text-yellow-400"> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| </div> | |
| <p class="text-gray-300 mb-6">"We hired a general tasks VA for data entry and research. She's so efficient that we've expanded her role to social media management and basic graphic design. The flexibility to increase hours as needed makes this service perfect for growing businesses."</p> | |
| <div class="flex items-center"> | |
| <img src="http://static.photos/people/200x200/104" alt="David P." class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">David P.</h4> | |
| <p class="text-gray-400 text-sm">Marketing Director</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="flex mb-4 text-yellow-400"> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| </div> | |
| <p class="text-gray-300 mb-6">"The app developer we got through AssignYourTask built our MVP in 3 weeks for a fraction of local developer costs. He's now working full-time on our project with direct communication via Slack. The quality-to-price ratio is unmatched."</p> | |
| <div class="flex items-center"> | |
| <img src="http://static.photos/people/200x200/105" alt="Raj K." class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Raj K.</h4> | |
| <p class="text-gray-400 text-sm">Tech Startup Founder</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="flex mb-4 text-yellow-400"> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| <i data-feather="star" class="w-5 h-5"></i> | |
| </div> | |
| <p class="text-gray-300 mb-6">"As a real estate agent, my personal VA handles all my lead follow-ups, CRM updates, and appointment scheduling. I've doubled my listings while working fewer hours. The no-training-cost policy saved me hundreds in onboarding."</p> | |
| <div class="flex items-center"> | |
| <img src="http://static.photos/people/200x200/106" alt="Emily S." class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Emily S.</h4> | |
| <p class="text-gray-400 text-sm">Real Estate Agent</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Why Us --> | |
| <section id="why-us" class="py-20 px-6 bg-gray-900/50"> | |
| <div class="container mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold mb-4">Why Choose Us?</h2> | |
| <div class="w-24 h-1 bg-blue-500 mx-auto"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="check-circle" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">ZERO Upfront Cost</h3> | |
| <p class="text-gray-300">No money up front—you won't pay until your assistant is fully trained and ready to go.</p> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="shield" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">100% Satisfaction Guarantee</h3> | |
| <p class="text-gray-300">We stand by our services with a satisfaction guarantee.</p> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="dollar-sign" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">ZERO Charges For Training</h3> | |
| <p class="text-gray-300">Never pay for training, discussions, or meetings with your assistant.</p> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="clock" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">24/7 Support</h3> | |
| <p class="text-gray-300">Enjoy communication via phone or Slack whenever you need it.</p> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="credit-card" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">Pay As You Go Flexibility</h3> | |
| <p class="text-gray-300">Flat-rate services with no commitment - only pay for what you use.</p> | |
| </div> | |
| <div class="bg-gray-800 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="user" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">Dedicated Assistant</h3> | |
| <p class="text-gray-300">Work with the same dedicated assistant and manager for consistency.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Solutions --> | |
| <section id="solutions" class="py-20 px-6 bg-gray-800/50 backdrop-blur-sm"> | |
| <div class="container mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold mb-4">Our Solutions</h2> | |
| <div class="w-24 h-1 bg-blue-500 mx-auto"></div> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="bg-gradient-to-br from-gray-900 to-gray-800 p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="briefcase" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">Executive Virtual Assistant</h3> | |
| <p class="text-gray-300 mb-6">At $6/hr, you can hire your dedicated executive assistant to answer your calls & fix your appointments...</p> | |
| <a href="#get-started" class="text-blue-400 hover:text-blue-300 font-medium flex items-center"> | |
| Get Started <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> | |
| </a> | |
| </div> | |
| <div class="bg-gradient-to-br from-gray-900 to-gray-800 p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="layout" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">Website & Graphics Designer</h3> | |
| <p class="text-gray-300 mb-6">At AYT, you can hire your dedicated web & graphics designer virtual assistant for all your marketing needs...</p> | |
| <a href="#get-started" class="text-blue-400 hover:text-blue-300 font-medium flex items-center"> | |
| Get Started <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> | |
| </a> | |
| </div> | |
| <div class="bg-gradient-to-br from-gray-900 to-gray-800 p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="headphones" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">Customer Care Assistant</h3> | |
| <p class="text-gray-300 mb-6">At $6/hr, you can hire your dedicated customer care assistant to handle your business needs...</p> | |
| <a href="#get-started" class="text-blue-400 hover:text-blue-300 font-medium flex items-center"> | |
| Get Started <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> | |
| </a> | |
| </div> | |
| <div class="bg-gradient-to-br from-gray-900 to-gray-800 p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="100"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="phone-incoming" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">General Tasks</h3> | |
| <p class="text-gray-300 mb-6">Commerce, real estate, medical, legal, and more—expertly tailored to help you save time, reduce costs...</p> | |
| <a href="#get-started" class="text-blue-400 hover:text-blue-300 font-medium flex items-center"> | |
| Get Started <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> | |
| </a> | |
| </div> | |
| <div class="bg-gradient-to-br from-gray-900 to-gray-800 p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="200"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="code" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">Software & App Developer</h3> | |
| <p class="text-gray-300 mb-6">At AYT, you can hire your dedicated software & mobile application developer for smooth functioning of your business...</p> | |
| <a href="#get-started" class="text-blue-400 hover:text-blue-300 font-medium flex items-center"> | |
| Get Started <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> | |
| </a> | |
| </div> | |
| <div class="bg-gradient-to-br from-gray-900 to-gray-800 p-8 rounded-xl shadow-lg service-card transition duration-300" data-aos="fade-up" data-aos-delay="300"> | |
| <div class="text-blue-400 mb-4"> | |
| <i data-feather="users" class="w-12 h-12"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-4">Personal Virtual Assistant</h3> | |
| <p class="text-gray-300 mb-6">At $6/hr, you can hire your dedicated personal virtual assistant capable of handling various administrative tasks...</p> | |
| <a href="#get-started" class="text-blue-400 hover:text-blue-300 font-medium flex items-center"> | |
| Get Started <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section id="faq" class="py-20 px-6 bg-gray-900/50"> | |
| <div class="container mx-auto"> | |
| <div class="text-center mb-16" data-aos="fade-up"> | |
| <h2 class="text-4xl font-bold mb-4">Frequently Asked Questions</h2> | |
| <div class="w-24 h-1 bg-blue-500 mx-auto"></div> | |
| </div> | |
| <div class="max-w-4xl mx-auto space-y-6"> | |
| <!-- FAQ Item 1 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>What services do your virtual assistants provide?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| Our virtual assistants can handle a wide range of tasks including administrative support, customer service, scheduling, email management, social media management, data entry, graphic design, web development, and much more. We tailor the services to your specific business needs. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 2 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>How much does it cost to hire a virtual assistant?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| Our services start at just $6 per hour with no upfront costs or long-term commitments. You only pay for the hours your assistant works. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 3 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>How quickly can I get started with a virtual assistant?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| After your initial consultation, we can typically match you with a qualified assistant within 24-48 hours. The exact timing depends on your specific requirements. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 4 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>How do you ensure quality and security?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| All our assistants go through rigorous screening and training. We use secure communication channels and can sign NDAs upon request. Your data security is our top priority. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 5 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>Can I request the same assistant each time?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| Yes! We assign you a dedicated assistant who will be your point of contact for all tasks, ensuring consistency and familiarity with your business. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 6 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>What hours are your assistants available?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| Our assistants are available 24/7 to meet your business needs across all time zones. You can specify preferred working hours when you sign up. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 7 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>What if I'm not satisfied with my assistant?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| We offer a 100% satisfaction guarantee. If you're not happy with your assistant, we'll find you a better match at no additional cost. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 8 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>How do I communicate with my virtual assistant?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| You can communicate via email, phone, Slack, Zoom, or any preferred communication tool. We're flexible to work with your existing systems. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 9 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="300"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>Are there any contracts or long-term commitments?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| No, there are no long-term contracts. Our service is completely pay-as-you-go with the flexibility to pause or cancel anytime. | |
| </p> | |
| </div> | |
| <!-- FAQ Item 10 --> | |
| <div class="bg-gray-800 p-6 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> | |
| <h3 class="text-xl font-bold mb-4 flex justify-between items-center cursor-pointer"> | |
| <span>How do you handle time tracking and billing?</span> | |
| <i data-feather="chevron-down" class="w-6 h-6 text-blue-400"></i> | |
| </h3> | |
| <p class="text-gray-300 hidden"> | |
| We use transparent time tracking software that records all work hours. You'll receive detailed weekly reports and invoices, so you always know exactly what you're paying for. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Get Started --> | |
| <section id="get-started" class="py-20 px-6 bg-blue-600"> | |
| <div class="container mx-auto text-center"> | |
| <h2 class="text-4xl font-bold mb-6" data-aos="fade-up">Ready to Get Started for Free?</h2> | |
| <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100"> | |
| Try our services risk-free with no upfront costs and see the difference a dedicated virtual assistant can make for your business. | |
| </p> | |
| <div class="calendly-inline-widget" | |
| data-url="https://calendly.com/sagar-assignyourtask/let-s-discuss-your-va" | |
| style="min-width:320px;height:700px;" | |
| data-aos="fade-up" | |
| data-aos-delay="200"></div> | |
| <script type="text/javascript" | |
| src="https://assets.calendly.com/assets/external/widget.js" | |
| async></script> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer id="contact" class="py-12 px-6 bg-gray-900"> | |
| <div class="container mx-auto"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">Assign<span class="text-blue-400">Your</span>Task</h3> | |
| <p class="text-gray-400">Affordable virtual assistant services starting at just $6/hour. Get started for free.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Quick Links</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#what-we-do" class="text-gray-400 hover:text-white transition">What We Do</a></li> | |
| <li><a href="#why-us" class="text-gray-400 hover:text-white transition">Why Us</a></li> | |
| <li><a href="#solutions" class="text-gray-400 hover:text-white transition">Solutions</a></li> | |
| <li><a href="#get-started" class="text-gray-400 hover:text-white transition">Get Started</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Contact</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li class="flex items-center"><i data-feather="mail" class="mr-2 w-4 h-4"></i> info@assignyourtask.com</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500"> | |
| <p>© 2023 AssignYourTask.com. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| AOS.init(); | |
| feather.replace(); | |
| // FAQ toggle functionality | |
| document.querySelectorAll('#faq h3').forEach(faq => { | |
| faq.addEventListener('click', () => { | |
| const answer = faq.nextElementSibling; | |
| const icon = faq.querySelector('i'); | |
| answer.classList.toggle('hidden'); | |
| icon.classList.toggle('transform'); | |
| icon.classList.toggle('rotate-180'); | |
| }); | |
| }); | |
| // Initialize Vanta.js stars background | |
| VANTA.STARS({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0x3b82f6, | |
| backgroundColor: 0x0f172a, | |
| size: 1.20 | |
| }); | |
| </script> | |
| </body> | |
| </html> | |