dev #14
@ -1,5 +1,5 @@
|
|||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { FaClock, FaFacebook, FaFax, FaLinkedin, FaMapMarkerAlt, FaPhone } from "react-icons/fa";
|
import { FaClock, FaFacebookF, FaFax, FaLinkedinIn, FaMapMarkerAlt, FaPhone } from "react-icons/fa";
|
||||||
import ScrollToTop from "./ScrollToTop";
|
import ScrollToTop from "./ScrollToTop";
|
||||||
import { fetchContact } from "@/services/payload/contact";
|
import { fetchContact } from "@/services/payload/contact";
|
||||||
import { Suspense } from "react";
|
import { Suspense } from "react";
|
||||||
@ -38,7 +38,7 @@ async function FooterWithData() {
|
|||||||
<h3 className="text-lg font-semibold mb-4">Contact Us</h3>
|
<h3 className="text-lg font-semibold mb-4">Contact Us</h3>
|
||||||
<ul className="space-y-4 border-gray-400 pl-0">
|
<ul className="space-y-4 border-gray-400 pl-0">
|
||||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||||
<FaMapMarkerAlt className="text-2xl text-gray-300" />
|
<FaMapMarkerAlt className="text-2xl text-white-300" />
|
||||||
<div className="leading-tight">
|
<div className="leading-tight">
|
||||||
<a
|
<a
|
||||||
href={contact?.location?.href ?? ""}
|
href={contact?.location?.href ?? ""}
|
||||||
@ -49,11 +49,11 @@ async function FooterWithData() {
|
|||||||
{contact?.location?.street ?? ""}
|
{contact?.location?.street ?? ""}
|
||||||
</a>
|
</a>
|
||||||
<br />
|
<br />
|
||||||
<span className="text-sm text-gray-300">{contact?.fullLocation ?? ""}</span>
|
<span className="text-sm text-white-300">{contact?.fullLocation ?? ""}</span>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||||
<FaPhone className="text-2xl text-gray-300" />
|
<FaPhone className="text-2xl text-white-300" />
|
||||||
<a
|
<a
|
||||||
href={`tel:${contact?.phone ?? ""}`}
|
href={`tel:${contact?.phone ?? ""}`}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@ -64,7 +64,7 @@ async function FooterWithData() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||||
<FaFax className="text-2xl text-gray-300" />
|
<FaFax className="text-2xl text-white-300" />
|
||||||
<a
|
<a
|
||||||
href={`tel:${contact?.fax ?? ""}`}
|
href={`tel:${contact?.fax ?? ""}`}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@ -75,7 +75,7 @@ async function FooterWithData() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
<li className="flex items-center space-x-4 border-b border-gray-500 pb-2">
|
||||||
<FaFacebook className="text-2xl text-gray-300" />
|
<FaFacebookF className="text-2xl text-white-300" />
|
||||||
<a
|
<a
|
||||||
href={contact?.facebook ?? ""}
|
href={contact?.facebook ?? ""}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@ -86,7 +86,7 @@ async function FooterWithData() {
|
|||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center space-x-4">
|
<li className="flex items-center space-x-4">
|
||||||
<FaLinkedin className="text-2xl text-gray-300" />
|
<FaLinkedinIn className="text-2xl text-white-300" />
|
||||||
<a
|
<a
|
||||||
href={contact?.linkedin ?? ""}
|
href={contact?.linkedin ?? ""}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
@ -151,12 +151,12 @@ function FooterSkeleton() {
|
|||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center space-x-4">
|
<li className="flex items-center space-x-4">
|
||||||
<FaFacebook className="text-2xl text-gray-300" />
|
<FaFacebookF className="text-2xl text-gray-300" />
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
</li>
|
</li>
|
||||||
<li className="flex items-center space-x-4">
|
<li className="flex items-center space-x-4">
|
||||||
<FaLinkedin className="text-2xl text-gray-300" />
|
<FaLinkedinIn className="text-2xl text-gray-300" />
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
||||||
</li>
|
</li>
|
||||||
@ -167,8 +167,8 @@ function FooterSkeleton() {
|
|||||||
<h3 className="text-lg font-semibold mb-4">Business Hours</h3>
|
<h3 className="text-lg font-semibold mb-4">Business Hours</h3>
|
||||||
<div className="flex items-center space-x-2">
|
<div className="flex items-center space-x-2">
|
||||||
<FaClock className="text-xl" />
|
<FaClock className="text-xl" />
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-white-300 rounded flex-1"></div>
|
||||||
<div className="h-2 bg-gray-300 rounded flex-1"></div>
|
<div className="h-2 bg-white-300 rounded flex-1"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user