import Layout from "@/components/layout/Layout";
import Link from "next/link";
import Contacting from "@/components/custom/Contact";

export const metadata = {
    title: "Contact | RankRunners - SEO, Web Design & Digital Marketing Agency",
    description:
        "RankRunners provides enterprise level SEO, Web Design/Development, Digital Marketing and IT Management services for companies across all industries, regardless of scope or size. Contact support@rankrunners.net to get started today!",
};

export default function Contact() {
    return (
        <>
            <Layout headerStyle={4} footerStyle={3} breadcrumbTitle="Contact Us">
                <div>
                    <section className="contact__area">
                        <div className="container">
                            <div className="row mb-70">
                                <div className="col-lg-5">
                                    <div className="contact__content">
                                        <div className="section-title mb-30">
                                            <span className="sub-title">
                                                GET <span className="title-color">IN TOUCH</span>
                                            </span>
                                            <h2 className="title">Let's Talk</h2>
                                            <p>
                                                Have a question about a service, pricing, or case study? Send us a
                                                message and we'll provide all the answers you need!
                                            </p>
                                        </div>
                                        <div className="contact__info">
                                            <ul className="list-wrap">
                                                <li>
                                                    <div className="icon">
                                                        <i className="flaticon-pin" />
                                                    </div>
                                                    <div className="content">
                                                        <h4 className="title">Address</h4>
                                                        <p>
                                                            <Link
                                                                href="https://maps.app.goo.gl/3vpv8Y9pSTtpcNGB6"
                                                                target="_blank"
                                                            >
                                                                Suite B, 1934 N. Druid Hills Rd, Brookhaven, GA 30319,
                                                                USA
                                                            </Link>
                                                        </p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div className="icon">
                                                        <i className="flaticon-phone-call" />
                                                    </div>
                                                    <div className="content">
                                                        <h4 className="title">Phone</h4>
                                                        <Link href="tel:+14702604117">(470) 260-4117</Link>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div className="icon">
                                                        <i className="flaticon-mail" />
                                                    </div>
                                                    <div className="content">
                                                        <h4 className="title">Email</h4>
                                                        <Link href="mailto:support@rankrunners.net">
                                                            support@rankrunners.net
                                                        </Link>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        {/* <div className="contact__left mb-30">
                                            <ul>
                                                <li>
                                                    We'll increase your company website's organic search ranking and
                                                    visibility in Google search
                                                </li>
                                                <li>
                                                    This increased brand exposure will help attract and reel in
                                                    thousands of brand new customers
                                                </li>
                                                <li>
                                                    You will experience a higher bottom line, increased ROI and better
                                                    position yourself for sustainable, organic growth
                                                </li>
                                            </ul>
                                        </div>
                                        <div className="section-title">
                                            <p>Are you ready to outrun your competitors?</p>
                                        </div> */}
                                    </div>
                                </div>
                                <div className="col-lg-7">
                                    <Contacting />
                                </div>
                            </div>
                            <div className="row">
                                <div className="col-lg-12">
                                    <div className="contact-map">
                                        <iframe
                                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3105.090533713237!2d-84.34295258493827!3d33.83509628065662!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f507b69aa2e0e3:0x51ce91157771e43d!2sRankRunners!5e0!3m2!1sen!2sus!4v1685560274134!5m2!1sen!2sus"
                                            allowFullScreen
                                            loading="lazy"
                                        />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </Layout>
        </>
    );
}