2025-07-14 14:03:36 +05:30

92 lines
2.8 KiB
JavaScript

import React from "react";
import Image from "next/image";
import AnimatedText from "@/components/common/AnimatedText";
export default function ContactInfo() {
return (
<section className="contact-info-section fix section-padding">
<div className="container">
<div className="section-title text-center">
<h6 className="wow fadeInUp">
<i className="fa-regular fa-arrow-left-long" />
CONTACT US
<i className="fa-regular fa-arrow-right-long" />
</h6>
<h2 className="splt-txt wow">
<AnimatedText text="Our Contact Information" />
</h2>
</div>
<div className="row">
<div
className="col-xxl-4 col-xl-6 col-lg-6 col-md-6 wow fadeInUp"
data-wow-delay=".2s"
>
<div className="contact-box-items">
<div className="icon">
<Image
src="/assets/img/icon/18.svg"
width={50}
height={50}
alt="img"
/>
</div>
<div className="content">
<h3>Our Address</h3>
<p>
2715 Ash Dr. San Jose,
<br />
South Dakota 83475
</p>
</div>
</div>
</div>
<div
className="col-xxl-4 col-xl-6 col-lg-6 col-md-6 wow fadeInUp"
data-wow-delay=".4s"
>
<div className="contact-box-items">
<div className="icon">
<Image
src="/assets/img/icon/19.svg"
width={46}
height={28}
alt="img"
/>
</div>
<div className="content">
<h3>Email Address</h3>
<p>
Mobile :<a href="tel:984756123695">9847 5612 3695</a> <br />
Email :
<a href="mailto:example@gmail.com">example@gmail.com</a>
</p>
</div>
</div>
</div>
<div
className="col-xxl-4 col-xl-6 col-lg-6 col-md-6 wow fadeInUp"
data-wow-delay=".6s"
>
<div className="contact-box-items">
<div className="icon">
<Image
src="/assets/img/icon/20.svg"
width={50}
height={50}
alt="img"
/>
</div>
<div className="content">
<h3>Hours of Operation</h3>
<p>
Monday-Saturday : 8:00 - <br />
9:00 Sunday : Closed
</p>
</div>
</div>
</div>
</div>
</div>
</section>
);
}