rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #14

Merged
RizqiSyahrendra merged 19 commits from dev into main 2025-03-10 17:17:37 +00:00
Conversation 0 Commits 19 Files Changed 30 +11 -11
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e1e328f79a - Show all commits

22
src/components/Footer.tsx
View File

@ -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>