wealthsync-vas / index.html
seamoors's picture
Add 2 files
3f91109 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WealthSync VAs | Virtual Assistants for RIAs</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
.hero-gradient {
background: linear-gradient(135deg, #1A2E5A 0%, #2E7D32 100%);
}
.testimonial-card {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.pricing-card {
transition: all 0.3s ease;
}
.pricing-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);
}
.recommended {
border: 2px solid #D4A017;
}
.accordion-item {
border-bottom: 1px solid #E0E0E0;
}
.accordion-header {
cursor: pointer;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.accordion-content.active {
max-height: 300px;
}
</style>
</head>
<body class="font-sans bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-md sticky top-0 z-50">
<div class="container mx-auto px-6 py-4">
<div class="flex justify-between items-center">
<div class="flex items-center">
<div class="text-2xl font-bold text-blue-900">WealthSync <span class="text-green-700">VAs</span></div>
</div>
<div class="hidden md:flex space-x-8">
<a href="#home" class="text-blue-900 hover:text-green-700 font-medium">Home</a>
<a href="#about" class="text-blue-900 hover:text-green-700 font-medium">About</a>
<a href="#services" class="text-blue-900 hover:text-green-700 font-medium">Services</a>
<a href="#faq" class="text-blue-900 hover:text-green-700 font-medium">FAQ</a>
<a href="#contact" class="bg-green-700 hover:bg-green-800 text-white px-4 py-2 rounded-md font-medium transition duration-300">Contact</a>
</div>
<div class="md:hidden">
<button class="text-blue-900 focus:outline-none">
<i class="fas fa-bars text-2xl"></i>
</button>
</div>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero-gradient text-white py-20 md:py-32">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<h1 class="text-4xl md:text-5xl font-bold mb-4">Scale Your RIA Without the Stress</h1>
<p class="text-xl mb-8">Reclaim 15+ hours a week with VAs who get compliance, clients, and growth.</p>
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
<a href="#services" class="bg-green-700 hover:bg-green-800 text-white px-8 py-3 rounded-md font-medium text-center transition duration-300">Get Your VA Now</a>
<a href="#contact" class="bg-white text-blue-900 hover:bg-gray-100 px-8 py-3 rounded-md font-medium text-center transition duration-300">Learn More</a>
</div>
<div class="mt-6 flex items-center">
<div class="bg-yellow-600 text-white px-3 py-1 rounded-full text-xs font-bold mr-3">Backed by Ex-RIA Pros</div>
<div class="text-sm">Trusted by 100+ IARs nationwide</div>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Financial advisor working" class="rounded-lg shadow-xl max-w-md w-full">
</div>
</div>
</div>
</section>
<!-- Value Proposition -->
<section class="py-16 bg-white">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center text-blue-900 mb-12">Your RIA Growth Engine</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="text-center px-6">
<div class="bg-blue-100 text-blue-900 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
<i class="fas fa-shield-alt text-2xl"></i>
</div>
<h3 class="text-xl font-bold text-blue-900 mb-2">Master Compliance</h3>
<p class="text-gray-600">Our VAs handle audits and updates, so you don't have to. Sleep easy knowing everything is handled.</p>
</div>
<div class="text-center px-6">
<div class="bg-green-100 text-green-700 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
<i class="fas fa-chart-line text-2xl"></i>
</div>
<h3 class="text-xl font-bold text-blue-900 mb-2">Grow Your AUM</h3>
<p class="text-gray-600">Free up time to land $200k+ clients. Our VAs handle the admin so you can focus on growth.</p>
</div>
<div class="text-center px-6">
<div class="bg-yellow-100 text-yellow-600 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4">
<i class="fas fa-heart text-2xl"></i>
</div>
<h3 class="text-xl font-bold text-blue-900 mb-2">Wow Your Clients</h3>
<p class="text-gray-600">Personalized follow-ups that keep them loyal. We help you deliver white-glove service consistently.</p>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center text-blue-900 mb-12">What IARs Say About Us</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="bg-white p-8 rounded-lg testimonial-card">
<div class="flex items-center mb-4">
<div class="text-yellow-500 mr-2">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-gray-600 mb-6">"WealthSync saved me 12 hours a week—I closed a $300k account I'd never have chased otherwise. Their VAs understand our industry like no other service."</p>
<div class="flex items-center">
<div class="bg-blue-100 text-blue-900 w-12 h-12 rounded-full flex items-center justify-center font-bold mr-4">JD</div>
<div>
<h4 class="font-bold text-blue-900">John D.</h4>
<p class="text-gray-500">IAR, 8 years experience</p>
</div>
</div>
</div>
<div class="bg-white p-8 rounded-lg testimonial-card">
<div class="flex items-center mb-4">
<div class="text-yellow-500 mr-2">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
<p class="text-gray-600 mb-6">"Compliance was a nightmare. Now it's handled. I can actually focus on client relationships instead of paperwork. The ROI was immediate."</p>
<div class="flex items-center">
<div class="bg-green-100 text-green-700 w-12 h-12 rounded-full flex items-center justify-center font-bold mr-4">SK</div>
<div>
<h4 class="font-bold text-blue-900">Sarah K.</h4>
<p class="text-gray-500">RIA Owner, 12 years experience</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ROI Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-6">
<div class="bg-blue-900 text-white rounded-lg p-8 md:p-12">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-8 md:mb-0">
<h2 class="text-3xl font-bold mb-4">See Results or Your Money Back</h2>
<p class="text-xl mb-6">We're so confident you'll love our service, we offer a 30-day guarantee.</p>
<div class="bg-green-700 inline-block px-4 py-2 rounded-md">
<p class="font-bold">$1,997/month = 40 hours of expert support = $4,000+ in reclaimed time</p>
</div>
</div>
<div class="md:w-1/2 text-center">
<div class="bg-white text-blue-900 inline-block px-8 py-4 rounded-lg shadow-lg">
<p class="font-bold text-lg mb-2">Limited Time Offer</p>
<p class="text-2xl font-bold mb-4">First 10 Get 10% Off</p>
<a href="#services" class="bg-green-700 hover:bg-green-800 text-white px-8 py-3 rounded-md font-medium transition duration-300">Start Today</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-16 bg-gray-50">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<img src="https://images.unsplash.com/photo-1600880292203-757bb62b4baf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Team meeting" class="rounded-lg shadow-xl w-full">
</div>
<div class="md:w-1/2 md:pl-12">
<h2 class="text-3xl font-bold text-blue-900 mb-6">We Get It—Because We've Been There</h2>
<p class="text-gray-600 mb-6">WealthSync VAs started with a simple truth: IARs are buried in admin, not building wealth. Our founder saw it firsthand—years in an RIA, watching advisors lose hours to paperwork instead of clients.</p>
<p class="text-gray-600 mb-8">We built a better way: VAs who sync with your practice, trained by ex-RIA pros to handle the details so you can scale.</p>
<div class="bg-white p-6 rounded-lg shadow-md mb-8">
<h3 class="text-xl font-bold text-blue-900 mb-4">Your VAs Aren't Generalists</h3>
<p class="text-gray-600 mb-4">Every WealthSync VA has 6+ months of RIA-specific training—compliance, CRM, client workflows. We've worked with Redtail, Wealthbox, and SEC audits, so you get support that fits.</p>
<div class="flex items-center">
<div class="bg-green-100 text-green-700 px-3 py-1 rounded-full text-xs font-bold mr-3">500+ hours</div>
<div class="text-sm text-gray-600">of tasks completed for RIAs in 2024</div>
</div>
</div>
<div class="bg-blue-900 text-white p-6 rounded-lg">
<h3 class="text-xl font-bold mb-2">Our Mission</h3>
<p class="mb-4">Free IARs to focus on what matters—growth and relationships—while we master the rest.</p>
<div class="bg-yellow-500 text-blue-900 inline-block px-3 py-1 rounded-full text-sm font-bold">30-Day Results Guarantee</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services/Pricing Section -->
<section id="services" class="py-16 bg-white">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center text-blue-900 mb-4">Your RIA Partner, Without the Payroll</h2>
<p class="text-xl text-center text-gray-600 mb-12">Pick the plan that fits your practice. Every WealthSync VA saves you time, boosts AUM, and cuts stress—guaranteed.</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
<!-- Starter Plan -->
<div class="bg-white border border-gray-200 rounded-lg pricing-card p-8">
<h3 class="text-2xl font-bold text-blue-900 mb-2">Starter</h3>
<p class="text-gray-600 mb-6">Perfect for solo IARs</p>
<div class="text-4xl font-bold text-blue-900 mb-4">$1,197<span class="text-lg font-normal">/month</span></div>
<p class="text-gray-600 mb-6"><i class="fas fa-clock text-green-700 mr-2"></i> 20 hours of support</p>
<ul class="mb-8 space-y-3">
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Compliance support</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Administrative tasks</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Basic client follow-ups</span>
</li>
</ul>
<a href="#contact" class="block text-center bg-gray-100 hover:bg-gray-200 text-blue-900 px-6 py-3 rounded-md font-medium transition duration-300">Start Small</a>
</div>
<!-- Growth Plan (Recommended) -->
<div class="bg-white border-2 border-yellow-500 rounded-lg pricing-card p-8 recommended relative">
<div class="absolute top-0 right-0 bg-yellow-500 text-blue-900 px-3 py-1 rounded-bl-lg rounded-tr-lg text-sm font-bold">Most Popular</div>
<h3 class="text-2xl font-bold text-blue-900 mb-2">Growth</h3>
<p class="text-gray-600 mb-6">Scale your practice fast</p>
<div class="text-4xl font-bold text-blue-900 mb-4">$1,997<span class="text-lg font-normal">/month</span></div>
<p class="text-gray-600 mb-6"><i class="fas fa-clock text-green-700 mr-2"></i> 40 hours of support</p>
<ul class="mb-8 space-y-3">
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Full compliance management</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Client onboarding & follow-ups</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Marketing support</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>CRM management</span>
</li>
</ul>
<a href="#contact" class="block text-center bg-green-700 hover:bg-green-800 text-white px-6 py-3 rounded-md font-medium transition duration-300">Grow Now</a>
</div>
<!-- Elite Plan -->
<div class="bg-white border border-gray-200 rounded-lg pricing-card p-8">
<h3 class="text-2xl font-bold text-blue-900 mb-2">Elite</h3>
<p class="text-gray-600 mb-6">Full-service RIA support</p>
<div class="text-4xl font-bold text-blue-900 mb-4">$2,997<span class="text-lg font-normal">/month</span></div>
<p class="text-gray-600 mb-6"><i class="fas fa-clock text-green-700 mr-2"></i> 60 hours of support</p>
<ul class="mb-8 space-y-3">
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Everything in Growth</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Bonus 10-hour VA</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Priority support</span>
</li>
<li class="flex items-start">
<i class="fas fa-check text-green-700 mt-1 mr-2"></i>
<span>Quarterly strategy sessions</span>
</li>
</ul>
<a href="#contact" class="block text-center bg-gray-100 hover:bg-gray-200 text-blue-900 px-6 py-3 rounded-md font-medium transition duration-300">Go Elite</a>
</div>
</div>
<!-- Bonuses -->
<div class="bg-gray-50 rounded-lg p-8 mb-12">
<h3 class="text-2xl font-bold text-center text-blue-900 mb-6">Every Plan Includes These Valuable Bonuses</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="bg-white p-6 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-900 w-12 h-12 rounded-full flex items-center justify-center mr-4">
<i class="fas fa-toolbox text-xl"></i>
</div>
<div>
<h4 class="font-bold text-blue-900 mb-2">Compliance Toolkit ($500 value)</h4>
<p class="text-gray-600">Templates, checklists, and workflows to keep your practice audit-ready.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-green-100 text-green-700 w-12 h-12 rounded-full flex items-center justify-center mr-4">
<i class="fas fa-book-open text-xl"></i>
</div>
<div>
<h4 class="font-bold text-blue-900 mb-2">Client Retention Playbook ($300 value)</h4>
<p class="text-gray-600">Proven strategies to keep clients engaged and reduce attrition.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-yellow-100 text-yellow-600 w-12 h-12 rounded-full flex items-center justify-center mr-4">
<i class="fas fa-search-dollar text-xl"></i>
</div>
<div>
<h4 class="font-bold text-blue-900 mb-2">Performance Audit ($250 value)</h4>
<p class="text-gray-600">We analyze your workflows to identify 5+ hours of additional time savings.</p>
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm">
<div class="flex items-start">
<div class="bg-blue-100 text-blue-900 w-12 h-12 rounded-full flex items-center justify-center mr-4">
<i class="fas fa-rocket text-xl"></i>
</div>
<div>
<h4 class="font-bold text-blue-900 mb-2">Priority Onboarding ($200 value)</h4>
<p class="text-gray-600">Jump to the front of the line and get started within 72 hours.</p>
</div>
</div>
</div>
</div>
<div class="mt-8 text-center">
<p class="text-lg font-bold text-blue-900">That's $1,250 in free bonuses—because your success is our priority.</p>
</div>
</div>
<!-- CTA Block -->
<div class="bg-blue-900 text-white rounded-lg p-8 text-center">
<h3 class="text-2xl font-bold mb-4">Spots limited to 15 IARs for white-glove service</h3>
<p class="text-xl mb-6">First 10 save 10% on Month 1</p>
<p class="text-lg mb-6">30-Day Results Guarantee—No risk, all reward</p>
<a href="#contact" class="inline-block bg-green-700 hover:bg-green-800 text-white px-8 py-3 rounded-md font-medium transition duration-300">Claim Your VA</a>
</div>
</div>
</section>
<!-- FAQ Section -->
<section id="faq" class="py-16 bg-gray-50">
<div class="container mx-auto px-6">
<h2 class="text-3xl font-bold text-center text-blue-900 mb-4">Got questions? We've got answers.</h2>
<p class="text-xl text-center text-gray-600 mb-12">Here's how WealthSync VAs solve your biggest challenges.</p>
<div class="max-w-3xl mx-auto">
<!-- FAQ Item 1 -->
<div class="accordion-item mb-4 bg-white rounded-lg overflow-hidden shadow-sm">
<div class="accordion-header p-6 flex justify-between items-center">
<h3 class="text-lg font-bold text-blue-900">What makes your VAs different?</h3>
<i class="fas fa-chevron-down text-blue-900 transition-transform duration-300"></i>
</div>
<div class="accordion-content px-6 pb-0">
<div class="pb-6 text-gray-600">
<p>Our VAs are trained by ex-RIA pros—6+ months in compliance, CRM, and client workflows. No learning curve, just results.</p>
</div>
</div>
</div>
<!-- FAQ Item 2 -->
<div class="accordion-item mb-4 bg-white rounded-lg overflow-hidden shadow-sm">
<div class="accordion-header p-6 flex justify-between items-center">
<h3 class="text-lg font-bold text-blue-900">How do I know I'll see ROI?</h3>
<i class="fas fa-chevron-down text-blue-900 transition-transform duration-300"></i>
</div>
<div class="accordion-content px-6 pb-0">
<div class="pb-6 text-gray-600">
<p>A VA saving 15 hours at $200/hour = $3,000/month in value. Our $1,997 Growth Plan pays for itself—and then some.</p>
</div>
</div>
</div>
<!-- FAQ Item 3 -->
<div class="accordion-item mb-4 bg-white rounded-lg overflow-hidden shadow-sm">
<div class="accordion-header p-6 flex justify-between items-center">
<h3 class="text-lg font-bold text-blue-900">What if it doesn't work for me?</h3>
<i class="fas fa-chevron-down text-blue-900 transition-transform duration-300"></i>
</div>
<div class="accordion-content px-6 pb-0">
<div class="pb-6 text-gray-600">
<p>Try us risk-free. If you don't save 10+ hours in 30 days, get a full refund.</p>
</div>
</div>
</div>
<!-- FAQ Item 4 -->
<div class="accordion-item mb-4 bg-white rounded-lg overflow-hidden shadow-sm">
<div class="accordion-header p-6 flex justify-between items-center">
<h3 class="text-lg font-bold text-blue-900">Can they handle my tech stack?</h3>
<i class="fas fa-chevron-down text-blue-900 transition-transform duration-300"></i>
</div>
<div class="accordion-content px-6 pb-0">
<div class="pb-6 text-gray-600">
<p>Yes—Redtail, Wealthbox, eMoney, you name it. We sync within 2 weeks.</p>
</div>
</div>
</div>
<!-- FAQ Item 5 -->
<div class="accordion-item mb-4 bg-white rounded-lg overflow-hidden shadow-sm">
<div class="accordion-header p-6 flex justify-between items-center">
<h3 class="text-lg font-bold text-blue-900">Is this cheaper than hiring in-house?</h3>
<i class="fas fa-chevron-down text-blue-900 transition-transform duration-300"></i>
</div>
<div class="accordion-content px-6 pb-0">
<div class="pb-6 text-gray-600">
<p>Way cheaper. A $25/hour assistant costs $4,000/month with benefits. Our Elite Plan is $2,997—with no overhead.</p>
</div>
</div>
</div>
<!-- FAQ Item 6 -->
<div class="accordion-item mb-4 bg-white rounded-lg overflow-hidden shadow-sm">
<div class="accordion-header p-6 flex justify-between items-center">
<h3 class="text-lg font-bold text-blue-900">How fast can I start?</h3>
<i class="fas fa-chevron-down text-blue-900 transition-transform duration-300"></i>
</div>
<div class="accordion-content px-6 pb-0">
<div class="pb-6 text-gray-600">
<p>Priority onboarding means your VA's ready in 72 hours.</p>
</div>
</div>
</div>
</div>
<div class="mt-12 text-center">
<h3 class="text-2xl font-bold text-blue-900 mb-4">Still on the fence? Let's talk it out.</h3>
<p class="text-xl text-gray-600 mb-6">Your practice deserves this.</p>
<a href="#contact" class="inline-block bg-green-700 hover:bg-green-800 text-white px-8 py-3 rounded-md font-medium transition duration-300">Contact Us</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="py-16 bg-white">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row">
<div class="md:w-1/2 mb-10 md:mb-0 md:pr-12">
<h2 class="text-3xl font-bold text-blue-900 mb-4">Ready to scale your practice?</h2>
<p class="text-xl text-gray-600 mb-8">Let's discuss how WealthSync VAs can transform your RIA.</p>
<div class="bg-gray-50 p-6 rounded-lg mb-8">
<div class="flex items-start mb-4">
<div class="bg-green-100 text-green-700 w-12 h-12 rounded-full flex items-center justify-center mr-4">
<i class="fas fa-phone-alt text-xl"></i>
</div>
<div>
<h4 class="font-bold text-blue-900">Schedule a Call</h4>
<p class="text-gray-600">15-minute consultation to assess your needs</p>
</div>
</div>
<div class="flex items-start">
<div class="bg-blue-100 text-blue-900 w-12 h-12 rounded-full flex items-center justify-center mr-4">
<i class="fas fa-envelope text-xl"></i>
</div>
<div>
<h4 class="font-bold text-blue-900">Email Us</h4>
<p class="text-gray-600">hello@wealthsyncvas.com</p>
</div>
</div>
</div>
<div class="bg-blue-900 text-white p-6 rounded-lg">
<h3 class="text-xl font-bold mb-2">Limited Availability</h3>
<p class="mb-4">We only work with 15 new IARs per quarter to ensure white-glove service.</p>
<div class="flex items-center">
<div class="bg-yellow-500 text-blue-900 px-3 py-1 rounded-full text-sm font-bold mr-3">3 spots left</div>
<div class="text-sm">for Q3 2024</div>
</div>
</div>
</div>
<div class="md:w-1/2">
<div class="bg-gray-50 p-8 rounded-lg shadow-sm">
<h3 class="text-2xl font-bold text-blue-900 mb-6">Get Started Today</h3>
<form>
<div class="mb-4">
<label for="name" class="block text-gray-700 font-medium mb-2">Your Name</label>
<input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-900">
</div>
<div class="mb-4">
<label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label>
<input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-900">
</div>
<div class="mb-4">
<label for="firm" class="block text-gray-700 font-medium mb-2">Firm Name</label>
<input type="text" id="firm" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-900">
</div>
<div class="mb-6">
<label for="message" class="block text-gray-700 font-medium mb-2">How Can We Help?</label>
<textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-900"></textarea>
</div>
<button type="submit" class="w-full bg-green-700 hover:bg-green-800 text-white px-6 py-3 rounded-md font-medium transition duration-300">Send Message</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-blue-900 text-white py-12">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row justify-between mb-8">
<div class="mb-8 md:mb-0">
<div class="text-2xl font-bold mb-4">WealthSync <span class="text-green-400">VAs</span></div>
<p class="mb-4">Scale Your Practice, Master Your Time.</p>
<div class="flex space-x-4">
<a href="#" class="text-white hover:text-green-400"><i class="fab fa-linkedin-in text-xl"></i></a>
<a href="#" class="text-white hover:text-green-400"><i class="fab fa-twitter text-xl"></i></a>
<a href="#" class="text-white hover:text-green-400"><i class="fab fa-facebook-f text-xl"></i></a>
</div>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 gap-8">
<div>
<h4 class="font-bold text-lg mb-4">Company</h4>
<ul class="space-y-2">
<li><a href="#about" class="hover:text-green-400">About</a></li>
<li><a href="#services" class="hover:text-green-400">Services</a></li>
<li><a href="#faq" class="hover:text-green-400">FAQ</a></li>
<li><a href="#contact" class="hover:text-green-400">Contact</a></li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg mb-4">Resources</h4>
<ul class="space-y-2">
<li><a href="#" class="hover:text-green-400">Blog</a></li>
<li><a href="#" class="hover:text-green-400">Case Studies</a></li>
<li><a href="#" class="hover:text-green-400">Compliance Guide</a></li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg mb-4">Legal</h4>
<ul class="space-y-2">
<li><a href="#" class="hover:text-green-400">Privacy Policy</a></li>
<li><a href="#" class="hover:text-green-400">Terms of Service</a></li>
<li><a href="#" class="hover:text-green-400">GDPR</a></li>
</ul>
</div>
</div>
</div>
<div class="pt-8 border-t border-blue-800 text-center text-sm">
<p>&copy; 2024 WealthSync VAs. All rights reserved.</p>
</div>
</div>
</footer>
<script>
// Accordion functionality
document.querySelectorAll('.accordion-header').forEach(header => {
header.addEventListener('click', () => {
const content = header.nextElementSibling;
const icon = header.querySelector('i');
content.classList.toggle('active');
icon.classList.toggle('fa-chevron-down');
icon.classList.toggle('fa-chevron-up');
// Close other open accordion items
document.querySelectorAll('.accordion-content').forEach(item => {
if (item !== content && item.classList.contains('active')) {
item.classList.remove('active');
const otherIcon = item.previousElementSibling.querySelector('i');
otherIcon.classList.remove('fa-chevron-up');
otherIcon.classList.add('fa-chevron-down');
}
});
});
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=seamoors/wealthsync-vas" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
</html>