import Layout from "../components/layout/Layout"
import Link from "next/link"
export default function Home() {

    return (
        <>
            <Layout headerStyle={1} footerStyle={3} headerCls="navbar-dark inner-page-header">
                <div>
                    <section id="reviews-2" className="gr--whitesmoke inner-page-hero reviews-section">
                        <div className="container">
                            {/* SECTION TITLE */}
                            <div className="row justify-content-center">
                                <div className="col-md-10 col-lg-9">
                                    <div className="section-title mb-70">
                                        {/* Title */}
                                        <h2 className="s-52 w-700">Here’s what our amazing clients are saying</h2>
                                        {/* Text */}
                                        <p className="s-21 color--grey">Read what customers think about us</p>
                                    </div>
                                </div>
                            </div>
                            {/* TESTIMONIALS-2 WRAPPER */}
                            <div className="reviews-2-wrapper rel">
                                <div className="row align-items-center row-cols-1 row-cols-md-2">
                                    {/* TESTIMONIAL #1 */}
                                    <div className="col">
                                        <div id="rw-2-1" className="review-2 bg--white-100 block-shadow r-08">
                                            {/* Quote Icon */}
                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                            {/* Text */}
                                            <div className="review-txt">
                                                {/* Text */}
                                                <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
                                                    laoreet augue and luctus magna dolor luctus egestas sapien vitae
                                                </p>
                                                {/* Author */}
                                                <div className="author-data clearfix">
                                                    {/* Avatar */}
                                                    <div className="review-avatar">
                                                        <img src="/images/review-author-1.jpg" alt="review-avatar" />
                                                    </div>
                                                    {/* Data */}
                                                    <div className="review-author">
                                                        <h6 className="s-18 w-700">Scott Boxer</h6>
                                                        <p className="p-sm">@scott_boxer</p>
                                                    </div>
                                                </div>	{/* End Author */}
                                            </div>	{/* End Text */}
                                        </div>
                                    </div>	{/* END TESTIMONIAL #1 */}
                                    {/* TESTIMONIAL #2 */}
                                    <div className="col">
                                        <div id="rw-2-2" className="review-2 bg--white-100 block-shadow r-08">
                                            {/* Quote Icon */}
                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                            {/* Text */}
                                            <div className="review-txt">
                                                {/* Text */}
                                                <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
                                                    cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
                                                    lectus gestas augue into cubilia
                                                </p>
                                                {/* Author */}
                                                <div className="author-data clearfix">
                                                    {/* Avatar */}
                                                    <div className="review-avatar">
                                                        <img src="/images/review-author-2.jpg" alt="review-avatar" />
                                                    </div>
                                                    {/* Data */}
                                                    <div className="review-author">
                                                        <h6 className="s-18 w-700">Joel Peterson</h6>
                                                        <p className="p-sm">Internet Surfer</p>
                                                    </div>
                                                </div>	{/* End Author */}
                                            </div>	{/* End Text */}
                                        </div>
                                    </div>	{/* END TESTIMONIAL #2 */}
                                    {/* TESTIMONIAL #3 */}
                                    <div className="col">
                                        <div id="rw-2-3" className="review-2 bg--white-100 block-shadow r-08">
                                            {/* Quote Icon */}
                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                            {/* Text */}
                                            <div className="review-txt">
                                                {/* Text */}
                                                <p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
                                                    primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
                                                    tempus feugiat impedit quaerat
                                                </p>
                                                {/* Author */}
                                                <div className="author-data clearfix">
                                                    {/* Avatar */}
                                                    <div className="review-avatar">
                                                        <img src="/images/review-author-5.jpg" alt="review-avatar" />
                                                    </div>
                                                    {/* Data */}
                                                    <div className="review-author">
                                                        <h6 className="s-18 w-700">Jennifer Harper</h6>
                                                        <p className="p-sm">App Developer</p>
                                                    </div>
                                                </div>	{/* End Author */}
                                            </div>	{/* End Text */}
                                        </div>
                                    </div>	{/* END TESTIMONIAL #3 */}
                                    {/* TESTIMONIAL #4 */}
                                    <div className="col">
                                        <div id="rw-2-4" className="review-2 bg--white-100 block-shadow r-08">
                                            {/* Quote Icon */}
                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                            {/* Text */}
                                            <div className="review-txt">
                                                {/* Text */}
                                                <p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
                                                    suscipit luctus dolor blandit at purus tempus feugiat impedit
                                                </p>
                                                {/* Author */}
                                                <div className="author-data clearfix">
                                                    {/* Avatar */}
                                                    <div className="review-avatar">
                                                        <img src="/images/review-author-8.jpg" alt="review-avatar" />
                                                    </div>
                                                    {/* Data */}
                                                    <div className="review-author">
                                                        <h6 className="s-18 w-700">Evelyn Martinez</h6>
                                                        <p className="p-sm">WordPress Consultant</p>
                                                    </div>
                                                </div>	{/* End Author */}
                                            </div>	{/* End Text */}
                                        </div>
                                    </div>	{/* END TESTIMONIAL #4 */}
                                    {/* TESTIMONIAL #5 */}
                                    <div className="col">
                                        <div id="rw-2-5" className="review-2 bg--white-100 block-shadow r-08">
                                            {/* Quote Icon */}
                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                            {/* Text */}
                                            <div className="review-txt">
                                                {/* Text */}
                                                <p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia laoreet augue and
                                                    luctus magna dolor luctus egestas sapien vitae
                                                </p>
                                                {/* Author */}
                                                <div className="author-data clearfix">
                                                    {/* Avatar */}
                                                    <div className="review-avatar">
                                                        <img src="/images/review-author-6.jpg" alt="review-avatar" />
                                                    </div>
                                                    {/* Data */}
                                                    <div className="review-author">
                                                        <h6 className="s-18 w-700">Leslie D.</h6>
                                                        <p className="p-sm">Web Developer</p>
                                                    </div>
                                                </div>	{/* End Author */}
                                            </div>	{/* End Text */}
                                        </div>
                                    </div>	{/* END TESTIMONIAL #5 */}
                                    {/* TESTIMONIAL #6 */}
                                    <div className="col">
                                        <div id="rw-2-6" className="review-2 bg--white-100 block-shadow r-08">
                                            {/* Quote Icon */}
                                            <div className="review-ico ico-65"><span className="flaticon-quote" /></div>
                                            {/* Text */}
                                            <div className="review-txt">
                                                {/* Text */}
                                                <p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a cubilia laoreet
                                                    augue egestas luctus a donec vitae ultrice ligula magna suscipit lectus gestas augue into
                                                    cubilia
                                                </p>
                                                {/* Author */}
                                                <div className="author-data clearfix">
                                                    {/* Avatar */}
                                                    <div className="review-avatar">
                                                        <img src="/images/review-author-3.jpg" alt="review-avatar" />
                                                    </div>
                                                    {/* Data */}
                                                    <div className="review-author">
                                                        <h6 className="s-18 w-700">Marisol19</h6>
                                                        <p className="p-sm">@marisol19</p>
                                                    </div>
                                                </div>	{/* End Author */}
                                            </div>	{/* End Text */}
                                        </div>
                                    </div>	{/* END TESTIMONIAL #6 */}
                                </div>  {/* End row */}
                            </div>	{/* END TESTIMONIALS-2 WRAPPER */}
                        </div>	   {/* End container */}
                    </section>	{/* END TESTIMONIALS-2 */}
                    {/* PAGE PAGINATION
			============================================= */}
                    <div className="py-100 page-pagination theme-pagination">
                        <div className="container">
                            <div className="row">
                                <div className="col-md-12">
                                    <nav aria-label="Page navigation">
                                        <ul className="pagination ico-20 justify-content-center">
                                            <li className="page-item disabled"><Link className="page-link" href="#" tabIndex={-1}><span className="flaticon-back" /></Link>
                                            </li>
                                            <li className="page-item active" aria-current="page"><Link className="page-link" href="#">1</Link></li>
                                            <li className="page-item"><Link className="page-link" href="#">2</Link></li>
                                            <li className="page-item"><Link className="page-link" href="#">3</Link></li>
                                            <li className="page-item"><Link className="page-link" href="#" aria-label="Next"><span className="flaticon-next" /></Link></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>  {/* End row */}
                        </div> {/* End container */}
                    </div>	{/* END PAGE PAGINATION */}
                    {/* DIVIDER LINE */}
                    <hr className="divider" />
                    {/* NEWSLETTER-1
			============================================= */}
                    <section id="newsletter-1" className="newsletter-section">
                        <div className="newsletter-overlay">
                            <div className="container">
                                <div className="row d-flex align-items-center row-cols-1 row-cols-lg-2">
                                    {/* NEWSLETTER TEXT */}
                                    <div className="col">
                                        <div className="newsletter-txt">
                                            <h4 className="s-34 w-700">Stay up to date with our news, ideas and updates</h4>
                                        </div>
                                    </div>
                                    {/* NEWSLETTER FORM */}
                                    <div className="col">
                                        <form className="newsletter-form">
                                            <div className="input-group">
                                                <input type="email" autoComplete="off" className="form-control" placeholder="Your email address" required id="s-email" />
                                                <span className="input-group-btn">
                                                    <button type="submit" className="btn btn--theme hover--theme">Subscribe Now</button>
                                                </span>
                                            </div>
                                            {/* Newsletter Form Notification */}
                                            <label htmlFor="s-email" className="form-notification" />
                                        </form>
                                    </div>	  {/* END NEWSLETTER FORM */}
                                </div>	  {/* End row */}
                            </div>    {/* End container */}
                        </div>     {/* End newsletter-overlay */}
                    </section>	{/* END NEWSLETTER-1 */}
                    {/* DIVIDER LINE */}
                    <hr className="divider" />
                </div>

            </Layout>
        </>
    )
}