<!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="Aaykar Seva — Simplifying Tax Solutions for Everyone">
    <title>Aaykar Seva — Simplifying Tax Solutions for Everyone</title>
    <link rel="stylesheet" href="css/style.css">
    <style>:root {
  --primary: hsl(44, 79%, 45%);
  --primary-light: hsl(44, 79%, 95%);
  --primary-dark: hsl(44, 79%, 30%);
  --secondary: hsl(74, 69%, 55%);
  --accent: hsl(224, 74%, 50%);
  --font-family: 'Verdana', 'Geneva', 'Tahoma', sans-serif;
  --hue: 44;
  --sat: 79%;
}

.hero { text-align: left; }
.hero .hero-content { max-width: 550px; }
.hero::after { content:''; position:absolute; top:0; left:0; width:55%; height:100%; background:var(--primary-dark); opacity:0.94; }
.hero .hero-decoration { display: block; }
.service-card, .feature-card { background:var(--primary-light); border-radius:10px; border:none; box-shadow:none; }
.service-card:hover, .feature-card:hover { background:var(--primary); color:#fff; }
.service-card:hover .service-card-title, .feature-card:hover h3 { color:#fff; }
.service-card:hover .service-card-desc, .feature-card:hover p { color:rgba(255,255,255,0.85); }
.pattern-bg { background-image:linear-gradient(var(--primary) 1px, transparent 1px), linear-gradient(90deg, var(--primary) 1px, transparent 1px); background-size:40px 40px; opacity:0.04; }
.site-header { background:transparent; position:absolute; width:100%; z-index:100; }
.site-header .nav-link, .site-header .logo { color:#fff; }
.site-header.scrolled { background:#fff; box-shadow:0 2px 12px rgba(0,0,0,0.08); }
.site-header.scrolled .nav-link, .site-header.scrolled .logo { color:var(--primary-dark); }
.about-content { text-align:center; max-width:800px; margin:0 auto; }
.about-content .about-stats { justify-content:center; }
.services-grid { grid-template-columns:repeat(2, 1fr); }
@media(max-width:768px){ .services-grid { grid-template-columns:1fr; } }
.contact-grid { grid-template-columns:1fr; max-width:480px; margin:0 auto; }
.contact-item { justify-content:center; text-align:center; flex-direction:column; align-items:center; }
</style>
</head>
<body>

<!-- HEADER -->
<header class="site-header">
    <div class="container">
        <div class="header-inner">
            <a href="#" class="logo"><span class="logo-icon"><svg width="56" height="40" viewBox="0 0 56 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="1" width="54" height="38" rx="20" fill="hsl(44, 79%, 45%)"/><text x="28" y="25.88" text-anchor="middle" fill="#fff" font-family="inherit" font-size="16.8" font-weight="700" letter-spacing="1">AS</text></svg></span>Aaykar Seva</a>
            <button class="menu-toggle" aria-label="Menu" onclick="document.querySelector('.nav').classList.toggle('active')">
                <span></span><span></span><span></span>
            </button>
            <nav>
                <ul class="nav">
                                        <li><a href="#about" class="nav-link">About</a></li>
                                        <li><a href="#services" class="nav-link">Services</a></li>
                                        <li><a href="#faq" class="nav-link">FAQ</a></li>
                                        <li><a href="#contact" class="nav-link">Contact</a></li>
                                        <li><a href="#careers" class="nav-link">Careers</a></li>
                                    </ul>
            </nav>
        </div>
    </div>
</header>

<section class="hero">
    <div class="hero-bg"></div>
    <div class="container">
        <div class="hero-content">
            <h1 class="hero-title">Aaykar Seva</h1>
            <p class="hero-tagline">Simplifying Tax Solutions for Everyone</p>
            <a href="#contact" class="btn btn-primary">Contact Us</a>
        </div>
    </div>
    <div class="hero-decoration" aria-hidden="true">
        <svg width="320" height="320" viewBox="0 0 320 320" fill="none">
            <circle cx="160" cy="160" r="150" stroke="white" stroke-width="2" opacity="0.3"/>
            <circle cx="160" cy="160" r="110" stroke="white" stroke-width="1.5" opacity="0.2"/>
            <circle cx="160" cy="160" r="70" stroke="white" stroke-width="1" opacity="0.15"/>
            <rect x="60" y="60" width="200" height="200" rx="20" stroke="white" stroke-width="1" opacity="0.1" transform="rotate(15 160 160)"/>
        </svg>
    </div>
</section>
<section id="about" class="section section-alt">
    <div class="pattern-bg"></div>
    <div class="container">
        <div class="about-content">
            <div>
                <h2 class="section-title">About Us</h2>
                <p class="section-subtitle">Get to know who we are and what drives us forward.</p>
                <div class="about-text">Aaykar Seva is dedicated to providing reliable and efficient tax filing and advisory services for individuals and businesses. Our team of experienced professionals ensures compliance, maximizes returns, and offers personalized guidance to meet your financial needs.</div>
            </div>
            <div>
                <div class="about-stats">
                    <div class="stat-item">
                        <div class="stat-number">10+</div>
                        <div class="stat-label">Years Experience</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">500+</div>
                        <div class="stat-label">Clients Served</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">98%</div>
                        <div class="stat-label">Satisfaction Rate</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section id="services" class="section section-alt">
    <div class="pattern-bg"></div>
    <div class="container section-center">
        <h2 class="section-title">Our Services</h2>
        <p class="section-subtitle">We offer a wide range of professional services designed to meet your unique needs.</p>
        <div class="services-grid">
                        <div class="service-card">
                <div class="service-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg></div>
                <h3 class="service-card-title">Tax Filing</h3>
                <p class="service-card-desc">Accurate and timely tax filing services for individuals and businesses.</p>
            </div>
                        <div class="service-card">
                <div class="service-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg></div>
                <h3 class="service-card-title">Tax Consultation</h3>
                <p class="service-card-desc">Expert advice to optimize your tax planning and compliance.</p>
            </div>
                        <div class="service-card">
                <div class="service-card-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></div>
                <h3 class="service-card-title">Audit Support</h3>
                <p class="service-card-desc">Professional assistance during tax audits and reviews.</p>
            </div>
                    </div>
    </div>
</section>
<section class="section section-alt">
    <div class="container section-center">
        <h2 class="section-title">How We Work</h2>
        <p class="section-subtitle">A straightforward process designed to get you results.</p>
        <div class="process-steps">
            <div class="process-step">
                <div class="step-number">1</div>
                <h3>Discovery</h3>
                <p>We start by understanding your goals, challenges, and requirements through in-depth consultation.</p>
                <div class="process-connector" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
            </div>
            <div class="process-step">
                <div class="step-number">2</div>
                <h3>Strategy</h3>
                <p>We develop a tailored plan with clear milestones, timelines, and deliverables.</p>
                <div class="process-connector" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
            </div>
            <div class="process-step">
                <div class="step-number">3</div>
                <h3>Execution</h3>
                <p>Our team brings the plan to life with precision, keeping you informed at every stage.</p>
                <div class="process-connector" aria-hidden="true"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></div>
            </div>
            <div class="process-step">
                <div class="step-number">4</div>
                <h3>Delivery &amp; Support</h3>
                <p>We deliver the final result and provide ongoing support to ensure lasting success.</p>
            </div>
        </div>
    </div>
</section>
<section class="section">
    <div class="container section-center">
        <h2 class="section-title">What Our Clients Say</h2>
        <p class="section-subtitle">Don't just take our word for it — hear from those who've worked with us.</p>
        <div class="testimonials-grid">
            <div class="testimonial-card">
                <p class="testimonial-quote">Working with Aaykar Seva was a game-changer for our business. Their professionalism and attention to detail exceeded all expectations.</p>
                <div class="testimonial-author">James Mitchell</div>
                <div class="testimonial-role">CEO, Mitchell & Partners</div>
            </div>
            <div class="testimonial-card">
                <p class="testimonial-quote">The team delivered on every promise. They were responsive, thorough, and truly understood our needs from day one.</p>
                <div class="testimonial-author">Sarah Chen</div>
                <div class="testimonial-role">Operations Director, Apex Group</div>
            </div>
            <div class="testimonial-card">
                <p class="testimonial-quote">Outstanding service from start to finish. We've recommended Aaykar Seva to several other companies and will continue to do so.</p>
                <div class="testimonial-author">Robert Andersson</div>
                <div class="testimonial-role">Managing Partner, Nordic Solutions</div>
            </div>
        </div>
    </div>
</section>
<section id="faq" class="section section-alt">
    <div class="container section-center">
        <h2 class="section-title">Frequently Asked Questions</h2>
        <p class="section-subtitle">Quick answers to the questions we hear most often.</p>
        <div class="faq-list">
            <div class="faq-item">
                <button class="faq-question">What services does Aaykar Seva offer?</button>
                <div class="faq-answer"><div class="faq-answer-inner">We provide a comprehensive range of professional services tailored to your specific industry and business needs. Please see our Services section for a detailed overview, or contact us for a personalized consultation.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">How do I get started?</button>
                <div class="faq-answer"><div class="faq-answer-inner">Getting started is simple — reach out via phone or email and we'll schedule an initial consultation to discuss your goals. There's no obligation and no upfront cost for the initial meeting.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">What industries do you work with?</button>
                <div class="faq-answer"><div class="faq-answer-inner">We work across a wide range of industries. Our experience spans technology, finance, healthcare, manufacturing, retail, and more. Our adaptable approach ensures we deliver value regardless of sector.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">How long does a typical project take?</button>
                <div class="faq-answer"><div class="faq-answer-inner">Project timelines vary depending on scope and complexity. During our initial consultation, we'll provide a realistic timeline with clear milestones so you know exactly what to expect.</div></div>
            </div>
            <div class="faq-item">
                <button class="faq-question">Do you offer ongoing support?</button>
                <div class="faq-answer"><div class="faq-answer-inner">Yes, we offer flexible support and maintenance packages after project completion. We believe in long-term partnerships and are always available when you need us.</div></div>
            </div>
        </div>
    </div>
</section>
<section id="careers" class="section section-alt">
    <div class="pattern-bg"></div>
    <div class="container section-center">
        <h2 class="section-title">Join Our Team</h2>
        <p class="section-subtitle">We're looking for talented people to help us grow. Check out our open positions below.</p>
        <div class="careers-list">
                        <div class="career-card">
                <div class="career-info">
                    <div class="career-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
                    </div>
                    <div>
                        <h3 class="career-title">Tax Consultant</h3>
                        <span class="career-meta">Full-time &bull; Aaykar Seva</span>
                    </div>
                </div>
                <a href="mailto:support@aaykarseva.com?subject=Application%3A%20Tax%20Consultant" class="btn btn-outline career-btn">Apply Now</a>
            </div>
                        <div class="career-card">
                <div class="career-info">
                    <div class="career-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
                    </div>
                    <div>
                        <h3 class="career-title">Customer Support Representative</h3>
                        <span class="career-meta">Full-time &bull; Aaykar Seva</span>
                    </div>
                </div>
                <a href="mailto:support@aaykarseva.com?subject=Application%3A%20Customer%20Support%20Representative" class="btn btn-outline career-btn">Apply Now</a>
            </div>
                        <div class="career-card">
                <div class="career-info">
                    <div class="career-icon">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>
                    </div>
                    <div>
                        <h3 class="career-title">Data Entry Clerk</h3>
                        <span class="career-meta">Full-time &bull; Aaykar Seva</span>
                    </div>
                </div>
                <a href="mailto:support@aaykarseva.com?subject=Application%3A%20Data%20Entry%20Clerk" class="btn btn-outline career-btn">Apply Now</a>
            </div>
                    </div>
    </div>
</section>
<section class="cta-section">
    <div class="container section-center">
        <div class="cta-inner">
            <div>
                <h2 class="section-title">Ready to Get Started?</h2>
                <p class="section-subtitle">Reach out today and let us help you take the next step.</p>
            </div>
            <div>
                <a href="mailto:support@aaykarseva.com" class="btn btn-primary">Get in Touch</a>
            </div>
        </div>
    </div>
</section>
<section id="contact" class="section">
    <div class="container section-center">
        <h2 class="section-title">Contact Us</h2>
        <p class="section-subtitle">We'd love to hear from you. Reach out through any of the channels below.</p>
        <div class="contact-grid">
            <div class="contact-item">
                <div class="contact-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                </div>
                <div>
                    <div class="contact-label">Phone</div>
                    <div class="contact-value"><a href="tel:+919876543210">+91 98765 43210</a></div>
                </div>
            </div>
            <div class="contact-item">
                <div class="contact-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
                </div>
                <div>
                    <div class="contact-label">Email</div>
                    <div class="contact-value"><a href="mailto:support@aaykarseva.com">support@aaykarseva.com</a></div>
                </div>
            </div>
            <div class="contact-item">
                <div class="contact-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
                </div>
                <div>
                    <div class="contact-label">Address</div>
                    <div class="contact-value">123 Tax Street, Mumbai, India</div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FOOTER -->
<footer class="site-footer">
    <div class="container">
        <p>&copy; 2026 Aaykar Seva. All rights reserved.</p>
    </div>
</footer>

<script>
(function() {
    var header = document.querySelector('.site-header');
    if (header) {
        window.addEventListener('scroll', function() {
            header.classList.toggle('scrolled', window.scrollY > 40);
        });
    }
    document.querySelectorAll('a[href^="#"]').forEach(function(link) {
        link.addEventListener('click', function(e) {
            var target = document.querySelector(this.getAttribute('href'));
            if (target) {
                e.preventDefault();
                var nav = document.querySelector('.nav');
                if (nav) nav.classList.remove('active');
                target.scrollIntoView({ behavior: 'smooth', block: 'start' });
            }
        });
    });
    document.querySelectorAll('.faq-question').forEach(function(btn) {
        btn.addEventListener('click', function() {
            this.closest('.faq-item').classList.toggle('active');
        });
    });
})();
</script>
</body>
</html>

