import React from "react";
import Link from "next/link";
import Image from "next/image";
import BlogSidebar from "./BlogSidebar";
import PageBanner from "@/components/reuseables/PageBanner";
const banners = [
  {
    imageSrc: "/images/page-title-bg.jpg",
    pageTitle: "Blogs Details",
    homePageUrl: "/",
    homePageText: "Home",
    activePageText: "Blogs Details",
  },
];
const posts = [
  {
    image: "/images/blog/blogs1.jpeg",
    altText: "Blog Image",
    date: "Jan 22, 2024",
    author: "By Advith Consulting",
    title: "Tax Deducted at Source under Income Tax Act",
    shortDesc:
      "The concept of Tax Deducted at Source (TDS) or Withholding taxes as it is internationally called, was introduced as a part of Income tax Act, 1961 (the Act) with the purpose to collect tax from the very source of income. It requires that the person or organization on whom the responsibility has been cast called as Deductor, to deduct tax at the appropriate rates from payments of specific nature which are being made to the specific recipient called Deductee.",
    quote:
      "It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.",
  },
];
const BlogDetails = () => {
  return (
    <>
      <PageBanner banners={banners} />
      <div className="blog-details-area ptb-100">
        <div className="container">
          <div className="row">
            <div className="col-lg-8 col-md-12">
              <div className="blog-details-desc">
                <div className="article-image">
                  <Image
                    src={posts[0].image}
                    layout="fill"
                    alt="image"
                    className="image-fluid image"
                  />
                </div>

                <div className="article-content">
                  <div className="entry-meta">
                    <ul>
                      <li>
                        <i className="ri-shield-user-line"></i>
                        <p> {posts[0].author}</p>
                      </li>
                      <li>
                        <i className="ri-calendar-2-line"></i>
                        <p>{posts[0].date}</p>
                      </li>
                    </ul>
                  </div>

                  <h3>1. Introduction</h3>
                  <p>{posts[0].shortDesc}</p>
                  <p>
                    TDS is based on a concept called pay as you earn, where the
                    deductor deducts an equitable amount of tax periodically on
                    the earnings or income of the tax payer and remits into the
                    account of the Central Government which practically assist
                    the taxpayer from the burden of making a lumpsum payment at
                    the end of the financial year. The deductee from whose
                    income, tax has been deducted at source would be entitled to
                    get credit of the said amount on the basis of TDS
                    certificate issued by the deductor.
                  </p>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur
                    <strong>adipisicing</strong> elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Ut enim ad
                    minim veniam, quis nostrud exercitation ullamco laboris nisi
                    ut aliquip ex ea <a href="#">commodo</a> consequat. Duis
                    aute irure dolor in reprehenderit in sed quia non numquam
                    eius modi tempora incidunt ut labore et dolore magnam
                    aliquam quaerat voluptatem.
                  </p>

                  <blockquote className="wp-block-quote">
                    <p>{posts[0].quote}</p>
                    <cite>Tom Cruise</cite>
                  </blockquote>

                  <p>
                    Quuntur magni dolores eos qui ratione voluptatem sequi
                    nesciunt. Neque porro quia non numquam eius modi tempora
                    incidunt ut labore et dolore magnam dolor sit amet,
                    consectetur adipisicing.
                  </p>

                  <ul className="wp-block-gallery columns-3">
                    <li className="blocks-gallery-item">
                      <figure>
                        <Image
                          className="img-fuild image"
                          src="/images/blog/blog2.jpg"
                          alt="image"
                          layout="fill"
                        />
                      </figure>
                    </li>
                    <li className="blocks-gallery-item">
                      <figure>
                        <Image
                          className="img-fuild image"
                          src="/images/blog/blog3.jpg"
                          alt="image"
                          layout="fill"
                        />
                      </figure>
                    </li>
                    <li className="blocks-gallery-item">
                      <figure>
                        <Image
                          className="img-fuild image"
                          src="/images/blog/blog4.jpg"
                          alt="image"
                          layout="fill"
                        />
                      </figure>
                    </li>
                  </ul>

                  <h3>Four major elements that we offer:</h3>
                  <ul className="features-list">
                    <li>Scientific skills for getting a better result</li>
                    <li>Communication skills to getting in touch</li>
                    <li>A career overview opportunity available</li>
                    <li>A good work environment for work</li>
                  </ul>
                  <h3>Setting the mood with incense</h3>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna
                    aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                    ullamco laboris nisi ut aliquip ex ea commodo consequat.
                    Duis aute irure dolor in reprehenderit in sed quia non
                    numquam eius modi tempora incidunt ut labore et dolore
                    magnam aliquam quaerat voluptatem.
                  </p>
                  <h3>The rise of marketing and why you need it</h3>
                  <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
                    sed do eiusmod tempor incididunt ut labore et dolore magna
                    aliqua. Ut enim ad minim veniam, quis nostrud.
                  </p>
                </div>

                <div className="article-footer">
                  <div className="article-tags">
                    <Link href="/blog">Consulting</Link>
                    <Link href="/blog">Business</Link>
                    <Link href="/blog">Market</Link>
                  </div>
                </div>
              </div>
            </div>

            <div className="col-lg-4 col-md-12">
              <BlogSidebar />
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default BlogDetails;