update icon contact us and update begin path
This commit is contained in:
parent
ab99ec27d5
commit
66fdb977e9
@ -47,8 +47,8 @@ export function BeforeFooterBlock({ title, description, buttonText, showLinier =
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<div className="max-w-4xl mx-auto mt-12">
|
<div className="max-w-4xl mx-auto mt-12">
|
||||||
<h2 className="text-4xl font-semibold mb-4">{title ?? placeholderTitle}</h2>
|
<h4 className="text-4xl font-medium mb-3">{title ?? placeholderTitle}</h4>
|
||||||
<p className="text-lg leading-relaxed mb-6">{description ?? placeholderDescription}</p>
|
<span className="text-lg leading-relaxed mb-6">{description ?? placeholderDescription}</span>
|
||||||
<div className="pt-5">
|
<div className="pt-5">
|
||||||
<Link
|
<Link
|
||||||
href="/contact"
|
href="/contact"
|
||||||
|
@ -1,4 +1,6 @@
|
|||||||
import { fetchContact } from "@/services/payload/contact";
|
import { fetchContact } from "@/services/payload/contact";
|
||||||
|
import { FaClock, FaFax, FaMapMarkerAlt } from "react-icons/fa";
|
||||||
|
import { GiRotaryPhone } from "react-icons/gi";
|
||||||
import { Suspense } from "react";
|
import { Suspense } from "react";
|
||||||
|
|
||||||
export default function Contact() {
|
export default function Contact() {
|
||||||
@ -32,21 +34,7 @@ async function ContactWithData() {
|
|||||||
{/* Contact Item */}
|
{/* Contact Item */}
|
||||||
<div className="col-sm-6 mb-xs-30 d-flex align-items-stretch">
|
<div className="col-sm-6 mb-xs-30 d-flex align-items-stretch">
|
||||||
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".3s">
|
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".3s">
|
||||||
<div className="alt-features-icon">
|
<FaMapMarkerAlt className="text-4xl m-5" />
|
||||||
<svg
|
|
||||||
width={24}
|
|
||||||
height={24}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="currentColor"
|
|
||||||
aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fillRule="evenodd"
|
|
||||||
clipRule="evenodd"
|
|
||||||
>
|
|
||||||
<path d="M12 2C8.134 2 5 5.134 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.866-3.134-7-7-7zm0 9.5c-1.381 0-2.5-1.119-2.5-2.5s1.119-2.5 2.5-2.5 2.5 1.119 2.5 2.5-1.119 2.5-2.5 2.5z" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h4 className="alt-features-title">Location</h4>
|
<h4 className="alt-features-title">Location</h4>
|
||||||
<div className="alt-features-descr clearlinks">
|
<div className="alt-features-descr clearlinks">
|
||||||
<div>
|
<div>
|
||||||
@ -61,20 +49,7 @@ async function ContactWithData() {
|
|||||||
{/* Contact Item */}
|
{/* Contact Item */}
|
||||||
<div className="col-sm-6 d-flex align-items-stretch">
|
<div className="col-sm-6 d-flex align-items-stretch">
|
||||||
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".5s">
|
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".5s">
|
||||||
<div className="alt-features-icon">
|
<GiRotaryPhone className="text-4xl m-5" />
|
||||||
<svg
|
|
||||||
width={24}
|
|
||||||
height={24}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="currentColor"
|
|
||||||
aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fillRule="evenodd"
|
|
||||||
clipRule="evenodd"
|
|
||||||
>
|
|
||||||
<path d="M17 2H7C5.9 2 5 2.9 5 4v16c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 17H7V5h10v14zM12 16c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1z" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h4 className="alt-features-title">Phone</h4>
|
<h4 className="alt-features-title">Phone</h4>
|
||||||
<div className="alt-features-descr clearlinks">
|
<div className="alt-features-descr clearlinks">
|
||||||
<div>
|
<div>
|
||||||
@ -89,20 +64,7 @@ async function ContactWithData() {
|
|||||||
{/* Contact Item */}
|
{/* Contact Item */}
|
||||||
<div className="col-sm-6 mb-xs-30 d-flex align-items-stretch">
|
<div className="col-sm-6 mb-xs-30 d-flex align-items-stretch">
|
||||||
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".3s">
|
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".3s">
|
||||||
<div className="alt-features-icon">
|
<FaClock className="text-4xl m-5" />
|
||||||
<svg
|
|
||||||
width={24}
|
|
||||||
height={24}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="currentColor"
|
|
||||||
aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fillRule="evenodd"
|
|
||||||
clipRule="evenodd"
|
|
||||||
>
|
|
||||||
<path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm1-8h4v2h-6V7h2v5z" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h4 className="alt-features-title">Hours</h4>
|
<h4 className="alt-features-title">Hours</h4>
|
||||||
<div className="alt-features-descr clearlinks">
|
<div className="alt-features-descr clearlinks">
|
||||||
{Array.isArray(contact?.hours) &&
|
{Array.isArray(contact?.hours) &&
|
||||||
@ -118,20 +80,7 @@ async function ContactWithData() {
|
|||||||
{/* Contact Item */}
|
{/* Contact Item */}
|
||||||
<div className="col-sm-6 mb-xs-30 d-flex align-items-stretch">
|
<div className="col-sm-6 mb-xs-30 d-flex align-items-stretch">
|
||||||
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".3s">
|
<div className="alt-features-item border-left mt-0 wow fadeScaleIn" data-wow-delay=".3s">
|
||||||
<div className="alt-features-icon">
|
<FaFax className="text-4xl m-5" />
|
||||||
<svg
|
|
||||||
width={24}
|
|
||||||
height={24}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="currentColor"
|
|
||||||
aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fillRule="evenodd"
|
|
||||||
clipRule="evenodd"
|
|
||||||
>
|
|
||||||
<path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm1-12h-2v2h2V8zm0 4h-2v6h2v-6zm-4-2H7v2h2v-2zm6 0h-2v2h2v-2z" />
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
<h4 className="alt-features-title">Fax</h4>
|
<h4 className="alt-features-title">Fax</h4>
|
||||||
<div className="alt-features-descr clearlinks">
|
<div className="alt-features-descr clearlinks">
|
||||||
<div>
|
<div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user