@extends('inculdes.main')
@section('content')
 <style>
    .hero-section {
      position: relative;
      background-image: url('https://skfinancial.com/public/assets/sk/img/atlanta.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 ATLANTA</h1>
        <p>With a legacy dating back to 2002, SK Financial CPA LLC has consistently been at the forefront of professionalism in the CPA and business consulting sector. Our Atlanta team is committed to providing convenient and expert online financial solutions that are customized to suit your distinct needs.</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">Changing Your Financial Expedition with Innovative Solutions Nationwide</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;">
                        Atlanta’s Premier Online CPA Services – Professional, Reliable, and Cost-Effective!
                    </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-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-chicago"><h3 style="text-decoration: underline;">CPA Chicago</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