@extends('inculdes.main')
@section('content')
 <style>
    .hero-section {
  background: none !important;
  position: relative;
}

.hero-section .overlay {
  display: none;
}

    .hero-section .container {
      position: relative;
      z-index: 2; /* Ensure content is above the overlay */
    }

    .hero-section h1 {
      font-size: 42px;
    }
    a {
        white-space: nowrap!important;
}

    .animate__pulse {
        --animate-duration: 2s;
    }

        .bg-light {
    background-color: #EEF9FF !important;
}
  </style>

  <!-- Include animate.css for animations -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />


<!-- Hero Section -->
<section class="hero-section py-5" style="background: linear-gradient(135deg, #f0f4ff, #d9e2ff);">
  <div class="container">
    <div class="row align-items-center">
      
      <!-- Left column: Text content -->
      <div class="col-md-6">
        <h1 class="text-dark fw-bold mb-4" style="font-size: 2.75rem; line-height: 1.2;">
          Maximize Your <span class="text-primary">Tax Savings</span> with a Home Office Deduction!
        </h1>
        <p class="text-dark mb-4" style="font-size: 1.05rem; max-width: 480px; font-weight: 400;">
          Are you an <strong>S Corporation owner</strong>? You could save over <span class="text-danger fw-bold">$1,295</span> per year in taxes by properly setting up a home office deduction under an accountable plan!
        </p>
        
        <!-- Button and Subtext Container -->
        <div class="mt-4">
          <small class="d-block text-muted mt-2 wow zoomIn" data-wow-delay="1.0s" style="font-size: 0.9rem;">
            Instant download. Trusted by self-employed professionals.
          </small>
          <a href="{{ route('email_form') }}" class="btn btn-primary mt-2 btn-md py-2 px-4 fw-bold animated slideInRight" style="font-size: 1rem;">
          Get PDF Now
        </a>
        </div>
      </div>

      <!-- Right column: Image -->
      <div class="col-md-6 text-center">
        <img src="https://skfinancial.com/public/assets/sk/img/banner43.png" alt="Tax Savings Illustration" class="img-fluid rounded shadow-lg" style="max-width: 90%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);">
      </div>
      
    </div>
  </div>
</section>




<!-- What's Inside the PDF? -->
<div class="container-fluid mt-5 wow fadeInUp" data-wow-delay="0.1s" style="background: #EEF9FF;">
    <div class="container py-5">
        <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 600px;">
            <h2 class="mb-0">What's Inside the PDF?</h2>
        </div>
        <div class="row g-5">

            <!-- Main Highlighted Box -->
            <div class="col-lg-4">
                <div class="col-lg-12 wow slideInUp" data-wow-delay="0.1s">
                    <div class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5" style="background: white!important;">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4" style="width: 75px; height: 75px;">
                            <i class="fas fa-home fa-2x text-white"></i>
                        </div>
                        <h3><strong>How to Legally Deduct Your Home Office</strong></h3>
                        <p class="mb-0" style="font-size: 14px;">Learn exactly how to <span class="fw-bold text-primary">qualify</span> and <span class="fw-bold text-primary">calculate your home office deduction</span>, including <span class="fw-bold">simplified and regular methods</span>. <span class="text-success fw-bold">Maximize savings</span> without crossing <span class="fw-bold text-danger">IRS boundaries</span>.</p>
                    </div>
                </div>
            </div>

            <!-- 4 Info Boxes -->
            <div class="col-lg-8" style="min-height: 400px;">
                <div class="row g-5">
                    <div class="col-lg-6 wow slideInUp" data-wow-delay="0.1s">
                        <div class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-3" style="background: white!important;">
                            <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-2" style="width: 60px; height: 54px;">
                                <i class="fas fa-receipt fa-2x text-white"></i>
                            </div>
                            <h3 style="font-size: 17px;"><strong>Deduct Key Expenses</strong></h3>
                            <p class="mb-0" style="font-size: 13px;">Discover how to claim <span class="fw-bold">internet, utilities, rent</span>, and <span class="fw-bold">business-use expenses</span> the right way.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 wow slideInUp" data-wow-delay="0.4s">
                        <div class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-3" style="background: white!important;">
                            <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-2" style="width: 60px; height: 54px;">
                                <i class="fas fa-edit fa-2x text-white"></i>
                            </div>
                            <h3 style="font-size: 17px;"><strong>Apply Our Plan</strong></h3>
                            <p class="mb-0" style="font-size: 13px;">Use our <span class="fw-bold text-primary">ready-made template</span> to implement a <span class="fw-bold">compliant Accountable Plan</span> in minutes.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 wow slideInUp" data-wow-delay="0.6s">
                        <div class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-3" style="background: white!important;">
                            <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-2" style="width: 60px; height: 54px;">
                                <i class="fas fa-piggy-bank fa-2x text-white"></i>
                            </div>
                            <h3 style="font-size: 17px;"><strong>Save on Taxes</strong></h3>
                            <p class="mb-0" style="font-size: 13px;">Lower your <span class="fw-bold text-success">tax bill</span> and boost your <span class="fw-bold text-success">refund</span> using the strategies top professionals rely on.</p>
                        </div>
                    </div>
                    <div class="col-lg-6 wow slideInUp" data-wow-delay="0.8s">
                        <div class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-3" style="background: white!important;">
                            <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-2" style="width: 60px; height: 54px;">
                                <i class="fas fa-shield-alt fa-2x text-white"></i>
                            </div>
                            <h3 style="font-size: 17px;"><strong>IRS-Proof Strategy</strong></h3>
                            <p class="mb-0" style="font-size: 13px;">Stay protected in an <span class="fw-bold text-danger">audit</span> with organized, <span class="fw-bold text-primary">IRS-ready documentation</span> and records.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>




<!-- Why this Plan works -->
<div class="container-fluid home py-5 wow fadeInUp" data-wow-delay="0.1s">
  <div class="container py-5">
    <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 700px;">
      <h2 class="mb-0">Why This Plan Works (And <span class="text-success fw-bold">Saves You Money</span>)</h2>
    </div>

    <div class="row g-4">
      <!-- Real Savings Example -->
      <div class="col-md-4">
        <div class="bg-light p-4 h-100 shadow-sm rounded">
          <h5 class="fw-bold text-center text-primary">Real Savings</h5>
          <ul class="text-muted small ps-3">
            <li><strong>Freelancer saved</strong> <span class="text-success fw-bold">$1,200</span> in one year</li>
            <li><strong>Small business owner saved</strong> <span class="text-success fw-bold">$4,900+</span> annually using this method</li>
          </ul>
        </div>
      </div>

      <!-- What You’ll Get for $79 -->
      <div class="col-md-4">
        <div class="bg-light p-4 h-100 shadow-sm rounded">
          <h5 class="fw-bold text-center text-primary">What You’ll Get</h5>
          <ul class="text-muted small ps-3">
            <li><strong>Editable PDF template</strong></li>
            <li><strong>Step-by-step guidance</strong></li>
            <li><strong>Tax deduction strategies</strong> tailored for <span class="text-success">home office use</span></li>
          </ul>
        </div>
      </div>

      <!-- Why This Strategy Works -->
      <div class="col-md-4">
        <div class="bg-light p-4 h-100 shadow-sm rounded">
          <h5 class="fw-bold text-center text-primary">IRS-Proof Strategy</h5>
          <ul class="text-muted small ps-3">
            <li><strong>Fully IRS-compliant</strong></li>
            <li><strong>Simple to follow and apply</strong></li>
            <li><strong>Audit-ready</strong> with proper documentation structure</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>



  
<!-- CTA Section -->
<div class="container-fluid home mt-5 mb-5 wow fadeInUp bg-primary text-light" data-wow-delay="0.1s">
  <div class="container py-5">
    <div class="row g-5">
      <div class="col-12 text-center">
        <div class="position-relative pb-3 mb-3 mx-auto">
          <h2 class="mb-0 animate__animated animate__pulse animate__infinite" 
              style="color: white; text-shadow: 2px 2px 5px #000;">
            Get Your Accountable Plan PDF Now
          </h2>
          <p class="text-secondary" style="color: white!important;">
          It's free, easy to use, and will save you money and stress at tax time.
        </p>
        </div>
        <div class="mt-1">
                <a class="btn btn-light py-md-3 px-md-5 me-3 animated slideInLeft" href="{{ route('email_form') }}">
            Download Your Copy
         </a>
        </div>
      </div>
    </div>
  </div>
</div>




<!-- Tax Strategy Section -->
<div class="container-fluid home py-5 wow fadeInUp" data-wow-delay="0.1s">
  <div class="container py-5">
    <div class="section-title text-center position-relative pb-3 mb-5 mx-auto" style="max-width: 700px;">
      <h5 class="fw-bold text-primary text-uppercase">Tax Savings Strategy</h5>
      <h2 class="mb-0">Maximize Your <span class="text-primary">Business Deductions</span> with <span class="text-success">IRS-Compliant Tools</span></h2>
    </div>

    <div class="row g-4">
      <!-- Real Savings Example -->
      <div class="col-md-4">
        <div class="bg-light p-4 h-100 shadow-sm rounded">
          <h5 class="fw-bold text-center text-primary">Real Savings Example</h5>
          <ul class="text-muted small ps-3">
            <li><strong>Average Home Size:</strong> <span class="text-info">2,000 sq. ft.</span></li>
            <li><strong>Home Office Size:</strong> <span class="text-info">12’ x 12’ (144 sq. ft.)</span></li>
            <li><strong>Business Use Percentage:</strong> <span class="text-info">7.2%</span></li>
            <li><strong>Eligible Annual Expenses:</strong> <span class="text-danger fw-bold">$59,983</span></li>
            <li><strong>Deductible Amount:</strong> <span class="text-success fw-bold">$4,318</span></li>
            <li><strong>Tax Savings @ 30% Bracket:</strong> <span class="text-success fw-bold">💵 $1,296/year</span></li>
          </ul>
        </div>
      </div>

      <!-- What You’ll Get for $79 -->
      <div class="col-md-4">
        <div class="bg-light p-4 h-100 shadow-sm rounded">
          <h5 class="fw-bold text-center text-primary">What You’ll Get for <span class="text-danger">$69</span></h5>
          <ul class="text-muted small ps-3">
            <li><strong>A ready-to-use <span class="text-success">Accountable Plan Template</span></strong> tailored for <span class="fw-bold">S Corporation owners</span></li>
            <li><strong>Step-by-step instructions</strong> for implementation</li>
            <li><strong>A legally sound plan</strong> that satisfies <span class="text-success">IRS requirements</span></li>
            <li><strong>Peace of mind</strong> during audits</li>
            <li><strong>Deductible Amount:</strong> <span class="text-success fw-bold">$4,318</span></li>
            <li><strong>Instant download</strong> + <strong>email copy</strong> after purchase</li>
          </ul>
        </div>
      </div>

      <!-- Why This Strategy Works -->
      <div class="col-md-4">
        <div class="bg-light p-4 h-100 shadow-sm rounded">
          <h5 class="fw-bold text-center text-primary">Why This Strategy Works So Well</h5>
          <ul class="text-muted small ps-3">
            <li><strong>It's IRS-safe</strong> — not a loophole, but a <span class="text-success fw-bold">recognized method.</span></li>
            <li><strong>Keeps more money</strong> in your business and in your personal wallet.</li>
            <li><strong>Requires zero special software</strong> or complex accounting.</li>
            <li><strong>Takes just minutes</strong> to implement with our <span class="text-success fw-bold">pre-built template.</span></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>



<!-- Alternate CTA Section -->
<div class="container-fluid mt-5 mb-5 wow fadeInUp bg-light text-dark" data-wow-delay="0.1s">
  <div class="container py-5">
    <div class="row align-items-center g-5">
      <!-- Image / Icon -->
      <div class="col-md-6 text-center">
        <img src="https://skfinancial.com/public/assets/sk/img/cta.png" alt="Tax Savings" class="img-fluid" style="max-height: 300px;">
      </div>
      <!-- CTA Content -->
      <div class="col-md-6">
        <h2 class="mb-2 fw-bold text-primary" style="font-size: 1.6rem;">
          Imagine keeping an extra <span class="text-success">$1,296</span> in your pocket every year!
        </h2>
        <h5 class="mb-3 text-dark fw-semibold" style="font-size: 1.1rem;">Get Instant Access to Your Accountable Plan Template</h5>
        <p class="fs-6 mb-3">
          For only <span class="text-danger fw-bold" style="font-size: 1.1rem;">$69</span>, you’ll receive a ready-to-use Accountable Plan designed specifically for S Corporation owners. Simply download, implement, and start saving immediately!
        </p>
        <ul class="list-unstyled fs-6 mb-3" style="max-width: 400px;">
          <li class="mb-1">🔹 <strong>Avoid IRS Issues</strong></li>
          <li class="mb-1">🔹 <strong>Keep More of Your Hard-Earned Money</strong></li>
          <li class="mb-1">🔹 <strong>Maximize Your Tax Benefits—Legally!</strong></li>
        </ul>
        <a href="{{ route('email_form') }}" class="btn btn-primary btn-md py-2 px-4 fw-bold animated slideInRight" style="font-size: 1rem;">
          💳 BUY NOW – $69
        </a>
        <p class="mt-2 fst-italic text-secondary" style="max-width: 450px; font-size: 0.85rem;">
          After purchase, you’ll get instant access to the downloadable PDF and an email with your document.
        </p>
      </div>
    </div>
  </div>
</div>







<!-- FAQ Section Start -->
<div class="container-fluid py-5 text-dark wow fadeInUp" data-wow-delay="0.1s">
  <div class="container py-5">

    <!-- Section Heading -->
    <div class="text-center position-relative pb-4 mx-auto" style="max-width: 650px;">
      <h2 class="mb-3 fw-semibold" style="font-size: 2rem;">Frequently Asked Questions</h2>
    </div>

    <!-- FAQ Accordion -->
    <div class="row justify-content-center mt-4">
      <div class="col-lg-10">
        <div class="accordion accordion-flush" id="faqs">
          
          <!-- FAQ Item 1 -->
          <div class="accordion-item mb-3 border rounded shadow-sm wow fadeInUp" data-wow-delay="0.1s">
            <h2 class="accordion-header" id="heading-0">
              <button class="accordion-button collapsed fw-medium text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq-0" aria-expanded="false" aria-controls="faq-0" style="font-size: 1.05rem;">
                Do I need to be an LLC or S Corp?
              </button>
            </h2>
            <div id="faq-0" class="accordion-collapse collapse" aria-labelledby="heading-0" data-bs-parent="#faqs">
              <div class="accordion-body text-secondary" style="font-size: 0.95rem;">
                Nope. The plan works for sole proprietors, freelancers, and small businesses too.
              </div>
            </div>
          </div>

          <!-- FAQ Item 2 -->
          <div class="accordion-item mb-3 border rounded shadow-sm wow fadeInUp" data-wow-delay="0.15s">
            <h2 class="accordion-header" id="heading-1">
              <button class="accordion-button collapsed fw-medium text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq-1" aria-expanded="false" aria-controls="faq-1" style="font-size: 1.05rem;">
                Is this legal with the IRS?
              </button>
            </h2>
            <div id="faq-1" class="accordion-collapse collapse" aria-labelledby="heading-1" data-bs-parent="#faqs">
              <div class="accordion-body text-secondary" style="font-size: 0.95rem;">
                Yes. The template is built directly from IRS guidelines for Accountable Plans.
              </div>
            </div>
          </div>

          <!-- FAQ Item 3 -->
          <div class="accordion-item mb-3 border rounded shadow-sm wow fadeInUp" data-wow-delay="0.2s">
            <h2 class="accordion-header" id="heading-2">
              <button class="accordion-button collapsed fw-medium text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq-2" aria-expanded="false" aria-controls="faq-2" style="font-size: 1.05rem;">
                Can I reuse this yearly?
              </button>
            </h2>
            <div id="faq-2" class="accordion-collapse collapse" aria-labelledby="heading-2" data-bs-parent="#faqs">
              <div class="accordion-body text-secondary" style="font-size: 0.95rem;">
                Absolutely. It’s a one-time purchase with lifetime access and reuse.
              </div>
            </div>
          </div>

        </div> <!-- End Accordion -->
      </div>
    </div>
  </div>
</div>
<!-- FAQ Section End -->




@endsection