final website is ready babeeehhhh

src/components/Layout.jsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { Link, NavLink, Outlet, useLocation } from "react-router-dom";
-import { company, navigation } from "../data";
+import { company, navigation, phoneHref } from "../data";
 import { Arrow, WhatsAppAction } from "./Primitives";
 import "./Layout.css";
 
@@ -35,17 +35,9 @@ function Header() {
       <div className="contact-strip">
         <span>Contact RRS</span>
         <div className="contact-strip__details">
-          {company.email ? (
-            <a href={`mailto:${company.email}`}>{company.email}</a>
-          ) : (
-            <span>Email to be supplied</span>
-          )}
+          <a href={`mailto:${company.email}`}>{company.email}</a>
           <span aria-hidden="true">·</span>
-          {company.phone ? (
-            <a href={`tel:${company.phone}`}>{company.phone}</a>
-          ) : (
-            <span>Phone to be supplied</span>
-          )}
+          <a href={phoneHref(company.phone)}>{company.phone}</a>
         </div>
       </div>
       <div className="site-header__inner">
@@ -84,7 +76,7 @@ function Header() {
             to="/contact#whatsapp"
             onClick={closeMenu}
           >
-            Talk to us <Arrow diagonal />
+            Text us on WhatsApp <Arrow diagonal />
           </Link>
         </nav>
       </div>
@@ -116,9 +108,6 @@ function Footer() {
           <Link className="site-footer__link" to="/contact#direct-contact">
             Phone · Email · Address <Arrow diagonal />
           </Link>
-          <p className="site-footer__pending">
-            Contact details to be supplied.
-          </p>
         </div>
       </div>
       <div className="site-footer__bottom">
@@ -178,7 +167,7 @@ export default function Layout() {
   useEffect(() => {
     const title =
       navigation.find(({ to }) => to === pathname)?.label ?? "Page not found";
-    document.title = `${title === "Home" ? "RRS" : `${title} — RRS`} | Radhe Radhe Synthetics`;
+    document.title = `${title === "Home" ? "RRS" : `${title} - RRS`} | Radhe Radhe Synthetics`;
     const target = hash
       ? document.getElementById(hash.slice(1))
       : document.getElementById("main-content");