@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" />



<section class="hero-section py-5">
  <div class="container">
    <div class="row align-items-center">
      <!-- Left column: Text content -->
<div class="col-md-6">
  <h1 class="text-dark">Unlock Tax Savings with a Home Office Deduction</h1>
  <p class="text-secondary" style="color: black!important;">Download our proven Accountable Plan Template & keep more of what you earn - fully IRS-compliant.</p>
  
  <!-- Button and Subtext Container -->
  <div class="mt-3">
    <a href="#" class="btn btn-primary py-3 px-5 wow zoomIn" data-wow-delay="0.9s">Get the IRS-Compliant PDF Now</a>
    <small class="d-block text-secondary mt-2 wow zoomIn" data-wow-delay="1.0s">Instant download. Trusted by self-employed professionals.</small>
  </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">
      </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;">
            <h1 class="mb-0">What's Inside the PDF?</h1>
        </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>How to Legally Deduct Your Home Office</h3>
                        <p class="mb-0">Learn exactly how to qualify and calculate your home office deduction, including simplified and regular methods. Maximize savings without crossing IRS boundaries.</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;">Deduct Key Expenses</h3>
                            <p class="mb-0" style="font-size: 13px;">Discover how to claim internet, utilities, rent, and business-use expenses 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;">Apply Our Plan</h3>
                            <p class="mb-0" style="font-size: 13px;">Use our ready-made template to implement a compliant Accountable Plan 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;">Save on Taxes</h3>
                            <p class="mb-0" style="font-size: 13px;">Lower your tax bill and boost your refund 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;">IRS-Proof Strategy</h3>
                            <p class="mb-0" style="font-size: 13px;">Stay protected in an audit with organized, IRS-ready documentation 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;">
      <h1 class="mb-0">Why This Plan Works (And Saves You Money)</h1>
    </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">Real Savings</h5>
          <ul class="text-muted small ps-3">
            <li>Freelancer saved $1,200 in one year</li>
            <li>Small business owner saved $4,900+ 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">What You’ll Get</h5>
          <ul class="text-muted small ps-3">
            <li>Editable PDF template</li>
            <li>Step-by-step guidance</li>
            <li>Tax deduction strategies tailored for home office use</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">IRS-Proof Strategy</h5>
          <ul class="text-muted small ps-3">
            <li>Fully IRS-compliant</li>
            <li>Simple to follow and apply</li>
            <li>Audit-ready with proper documentation structure</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>


  
  <!-- CTA -->
  
<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-md-12 text-center">
        <div class="text-center position-relative pb-3 mb-5 mx-auto">
          <h1 class="mb-0 animate__animated animate__pulse animate__infinite"
              style="color: white; text-shadow: 2px 2px 5px #000000;">
            Don’t Leave $1,000s on the Table — Download the Plan Today
          </h1>
        </div>
        <div class="mt-3">
          <div class="get-started-container">
            <a href="https://skfinancial.com/public/assets/sk/img/banner43.png" class="btn btn-light py-md-3 px-md-5 me-3 animated slideInLeft">
              Get My Copy – Instant Access
            </a>
          </div>
        </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>
      <h1 class="mb-0">Maximize Your Business Deductions with IRS-Compliant Tools</h1>
    </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">Real Savings Example</h5>
          <ul class="text-muted small ps-3">
            <li>Average Home Size: 2,000 sq. ft.</li>
            <li>Home Office Size: 12’ x 12’ (144 sq. ft.)</li>
            <li>Business Use Percentage: 7.2%</li>
            <li>Eligible Annual Expenses: $59,983</li>
            <li>Deductible Amount: $4,318</li>
            <li>Tax Savings @ 30% Bracket: 💵 $1,296/year</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">What You’ll Get for $79</h5>
          <ul class="text-muted small ps-3">
            <li>A ready-to-use Accountable Plan Template tailored for S Corporation owners</li>
            <li>Step-by-step instructions for implementation</li>
            <li>A legally sound plan that satisfies IRS requirements</li>
            <li>Peace of mind during audits</li>
            <li>Deductible Amount: $4,318</li>
            <li>Instant download + email copy 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">Why This Strategy Works So Well</h5>
          <ul class="text-muted small ps-3">
            <li>It's IRS-safe — not a loophole, but a recognized method.</li>
            <li>Keeps more money in your business and in your personal wallet.</li>
            <li>Requires zero special software or complex accounting.</li>
            <li>Takes just minutes to implement with our pre-built template.</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-5 text-center">
        <img src="https://skfinancial.com/public/assets/sk/img/cta.png" alt="Tax Savings" class="img-fluid" style="max-height: 200px;">
      </div>
      <!-- CTA Content -->
      <div class="col-md-7">
        <h2 class="mb-3 fw-bold text-primary">Get the IRS-Compliant Accountable Plan Template</h2>
        <p class="mb-4">
          Avoid costly mistakes and stay audit-ready with a professionally designed plan that helps you track business expenses and reimbursements the right way.
        </p>
        <a href="#" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInRight">
          Download Now
        </a>
      </div>
    </div>
  </div>
</div>





<!-- FAQ Section Start -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  <div class="container py-5">
    <!-- Section Heading -->
    <div class="text-center position-relative pb-3 mx-auto" style="max-width: 600px;">
      <h1 class="mb-4">Frequently Asked Questions</h1>
    </div>

    <!-- FAQ Accordion -->
    <div class="row justify-content-center">
      <div class="col-lg-10">
        <div class="accordion accordion-flush" id="faqs">
          
          <!-- FAQ Item 1 -->
          <div class="accordion-item wow fadeInUp" data-wow-delay="0.1s">
            <h2 class="accordion-header" id="heading-0">
              <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#faq-0" aria-expanded="false" aria-controls="faq-0">
                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">
                Nope the plan works for sole proprietors, freelancers, and small businesses too.
              </div>
            </div>
          </div>

          <!-- FAQ Item 2 -->
          <div class="accordion-item wow fadeInUp" data-wow-delay="0.15s">
            <h2 class="accordion-header" id="heading-1">
              <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#faq-1" aria-expanded="false" aria-controls="faq-1">
                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">
                Yes the template is built on IRS guidelines for Accountable Plans.
              </div>
            </div>
          </div>

          <!-- FAQ Item 3 -->
          <div class="accordion-item wow fadeInUp" data-wow-delay="0.2s">
            <h2 class="accordion-header" id="heading-2">
              <button class="accordion-button collapsed fw-semibold" type="button" data-bs-toggle="collapse" data-bs-target="#faq-2" aria-expanded="false" aria-controls="faq-2">
               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">
                Absolutely. This is a one-time purchase with lifetime use.
              </div>
            </div>
          </div>


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



@endsection