@extends('inculdes.main')
@section('content')
 <style>
    .hero-section {
      position: relative;
      background-image: url('https://skfinancial.com/public/assets/sk/img/chicago.jpg'); /* Replace 'hero-background.jpg' with your image path */
      background-size: cover;
      background-position: center;
      color: white;
      padding-top: 100px; /* Adjust top padding as needed */
      padding-bottom: 100px; /* Adjust bottom padding as needed */
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
      z-index: 1; /* Ensure the overlay is behind the content */
    }

    .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;
}
h3 {
    font-size: 0.8rem!important;
}
    .animate__pulse {
        --animate-duration: 2s;
    }
  </style>
<!-- Hero Section -->
<section class="hero-section">
  <div class="overlay"></div> <!-- Add overlay here -->
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <h1 style="color: white;">SK FINANCIAL CPA CHICAGO</h1>
        <p>Established in 2002, SK Financial CPA LLC is a model of professionalism in CPA and business consulting. Our Chicago team is dedicated to delivering precise online financial solutions tailored to your needs with convenience in mind.</p>
       <a href="https://skfinancial.com/meeting" class="btn btn-primary py-3 px-5 mt-3 wow zoomIn" data-wow-delay="0.9s">Book a Free Consultation</a>
      </div>
      <div class="col-md-6">
        <!-- You can add content in the right column if needed -->
      </div>
    </div>
  </div>
</section>


<div class="container-fluid mt-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
    <div class="container py-5">
        <div class="row g-5">
            <div class="col-lg-7">
                <div class="section-title position-relative pb-3 mb-5">
                    <h5 class="fw-bold text-primary text-uppercase">About Us</h5>
                    <h1 class="mb-0">Nationwide Innovation for an Enhanced Financial Experience</h1>
                </div>
                <div class="border rounded p-4 wow fadeInUp" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                    <nav>
                        <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
                            <button class="nav-link text-uppercase active" id="nav-story-tab" data-bs-toggle="tab" data-bs-target="#nav-story" type="button" role="tab" aria-controls="nav-story" aria-selected="false">Story</button>
                            <button class="nav-link text-uppercase" id="nav-mission-tab" data-bs-toggle="tab" data-bs-target="#nav-mission" type="button" role="tab" aria-controls="nav-mission" aria-selected="false">Mission</button>
                            <button class="nav-link text-uppercase" id="nav-vision-tab" data-bs-toggle="tab" data-bs-target="#nav-vision" type="button" role="tab" aria-controls="nav-vision" aria-selected="true">Vision</button>
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade active show" id="nav-story" role="tabpanel" aria-labelledby="nav-story-tab">
                            <p>SK FInancial CPA has been a pioneering member in financial services and innovation in the USA. Since the beginning we are dedicated, continuously growing, and building a strong user-base nationwide.</p>
                            <div class="row g-3">
                                <div class="col-sm-6">
                                    <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Establishment in 2002</h5>
                                    <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Spirit of Innovation</h5>
                                </div>
                                <div class="col-sm-6">
                                    <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Client Commitment</h5>
                                    <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Community Engagement</h5>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-mission" role="tabpanel" aria-labelledby="nav-mission-tab">
                            <p>We at SK Financial are dedicated to delivering outstanding, technologically advanced, and well-organized financial services across the USA. We prioritize client satisfaction by developing structured strategies and value-driven solutions that foster business growth.</p>
                            <div class="row g-3">
                                <div class="col-sm-6">
                                    <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Client-Centric Approach</h5>
                                    <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Proactive Strategies</h5>
                                </div>
                                <div class="col-sm-6">
                                    <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Embracing Technology</h5>
                                    <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Value-Driven Solutions</h5>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-vision" role="tabpanel" aria-labelledby="nav-vision-tab">
                            <p>SK Financial CPA is an essential member for setting great national standards for accounting and financial innovation. We empower clients with unparalleled support and strategic guidance to achieve their desired goals.</p>
                            <div class="row g-3">
                                <div class="col-sm-6">
                                    <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Industry Leadership</h5>
                                    <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Client Advocacy</h5>
                                </div>
                                <div class="col-sm-6">
                                    <h5 class="mb-3"><i class="fa fa-check text-primary me-3"></i>Abundance of Resources</h5>
                                    <h5 class="mb-0"><i class="fa fa-check text-primary me-3"></i>Guiding Success</h5>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-5" style="min-height: 400px;">
                <div class="position-relative h-100">
                    <img class="position-absolute w-100 h-100 rounded wow zoomIn" data-wow-delay="0.9s" src="{{ asset('assets/sk/img/about-us-sec.png') }}" alt="About Us Section" style="object-fit: cover; visibility: visible; animation-delay: 0.9s; animation-name: zoomIn;">
                </div>
            </div>
        </div>
    </div>
</div>



<!-- Services Section -->
  <section id="services" class="services-section py-5">
    <div class="container">
      <h2 class="text-center mb-4">Our Services</h2>
      <div class="row">
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Bookkeeping</h1></a>
            </div>
              <p class="card-text">Expert tax preparation and planning services for individuals and businesses. Starting at <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$210</b></a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
                <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Business Tax</h1></a>
            </div>
              <p class="card-text">Accurate and efficient bookkeeping services tailored to your business needs. Starting at <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$650</b></a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Individual Tax</h1></a>
            </div>
              <p class="card-text">Comprehensive financial consulting to help you make informed decisions. Starting at <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$250</b></a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Payroll</h1></a>
            </div>
              <p class="card-text">Comprehensive financial consulting to help you make informed decisions. Payroll Fee <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$135</b></a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Incorporation</h1></a>
            </div>
              <p class="card-text">Comprehensive financial consulting to help you make informed decisions. Starting at <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$299</b></a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Sales Tax</h1></a>
            </div>
              <p class="card-text">Comprehensive financial consulting to help you make informed decisions. Monthlu Fee <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$50</b></a></p>
            </div>
          </div>
        </div>
         <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Consultation</h1></a>
            </div>
              <p class="card-text">Comprehensive financial consulting to help you make informed decisions. Session Fee <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$150</b></a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Due Diligence</h1></a>
            </div>
              <p class="card-text">Comprehensive financial consulting to help you make informed decisions. Fee charged <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$1499</b></a></p>
            </div>
          </div>
        </div>
        <div class="col-md-4 mb-3">
          <div class="card">
            <div class="card-body">
            <div class="section-title text-center position-relative pb-3 mb-3 mx-auto" style="max-width: 600px;">
                <a href="https://skfinancial.com/pricing"> <h1 class="mb-0" style="font-size: 18px;">Private Foundation</h1></a>
            </div>
              <p class="card-text">Comprehensive financial consulting to help you make informed decisions. Fee charged <a href="https://skfinancial.com/pricing" target="_blank"> <b style="color: #06A3DA; text-decoration: underline;">$3250</b></a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  
  
  
<div class="container-fluid home mt-5 mb-5 wow fadeInUp bg-primary text-light" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
    <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">
                    <h5 class="fw-bold text-light text-uppercase">Get Started</h5>
                    <h1 class="mb-0 animate__animated animate__pulse animate__infinite" style="color: white; text-shadow: 2px 2px 5px #000000;">
                        Experience Top CPA Services in Chicago – Online Convenience at Lower Costs!
                    </h1>
                </div>
                <div class="mt-3">
                    <div class="get-started-container">
                        <div>
                            <a href="https://skfinancial.com/meeting" class="btn btn-light py-md-3 px-md-5 me-3 animated slideInLeft">Book a Free Consultation</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

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




  <div class="container mt-5">
      <h2 class="text-center mb-3 mt-5">We also provide our services at following locations</h2>
              <div class="row g-5 mb-3 mt-3">
                  
                  
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-usa"><h3 style="text-decoration: underline;">CPA USA</h3></a>
                    </div>
                </div>
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-ashburn"><h3 style="text-decoration: underline;">CPA Ashburn</h3></a>
                    </div>
                </div>
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-atlanta"><h3 style="text-decoration: underline;">CPA Atlanta</h3></a>
                    </div>
                </div>
                <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-boston"><h3 style="text-decoration: underline;">CPA Boston</h3></a>
                    </div>
                </div>
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-dallas"><h3 style="text-decoration: underline;">CPA Dallas</h3></a>
                    </div>
                </div>
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-los-angeles"><h3 style="text-decoration: underline;">CPA Los Angeles</h3></a>
                    </div>
                </div>
                
            </div>
            
            
              <div class="row g-5 mb-5">
                  
                  
                <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-miami"><h3 style="text-decoration: underline;">CPA Miami</h3></a>
                    </div>
                </div>
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-newyork"><h3 style="text-decoration: underline;">CPA New York</h3></a>
                    </div>
                </div>
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-orlando"><h3 style="text-decoration: underline;">CPA Orlando</h3></a>
                    </div>
                </div>
                <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-wesley-chapel"><h3 style="text-decoration: underline;">CPA Wesley Chapel</h3></a>
                    </div>
                </div>
                    <div class="col-lg-2 wow slideInUp" data-wow-delay="0.4s"
                    style="visibility: visible; animation-delay: 0.4s; animation-name: slideInUp;">
                    <div
                        class="bg-light rounded border-top border-5 border-primary d-flex flex-column align-items-center text-center p-5">
                        <div class="bg-primary rounded d-flex align-items-center justify-content-center mb-4"
                            style="width: 75px; height: 75px;">
                            <i class="fa fa-location-arrow fa-2x text-white"></i>
                        </div>
                        <a href="https://skfinancial.com/cpa-tampa" ><h3 style="text-decoration: underline;">CPA Tampa</h3></a>
                    </div>
                </div>
                
            </div>
            
            
            
            
            
            
</div>



@include('inculdes.contact_form')

@endsection