import Link from "next/link";
import Blogs from "../component/Blogs";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import "@fortawesome/fontawesome-svg-core/styles.css";
import { faPhoneVolume } from "@fortawesome/free-solid-svg-icons";

export const dynamic = "force-dynamic";

export default function Home() {
  return (
    <main>
      <section className="main-banner inner-banner">
        <div className="container">
          <div className="row align-items-center justify-content-center">
            <div className="col-xl-8 col-lg-8 col-md-8 col-sm-12 col-12">
              <div className="banner-content text-center">
                <h1 data-aos="fade-down">Our Blogs</h1>
                <p data-aos="fade-up" data-aos-delay="150">
                  Explore expert insights, publishing tips, and industry trends to help authors navigate their book publishing journey successfully.
                </p>
                <div
                  className="banner-btns justify-content-center"
                  data-aos="zoom-in"
                  data-aos-delay="300"
                >
                  <Link href="/contact-us">Contact Us</Link>
                  <a href="tel:+1 (323) 503-1458 ">
                    <FontAwesomeIcon icon={faPhoneVolume} /> +1 (323) 503-1458
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <Blogs />
    </main>
  );
}
