Add real contact address and WhatsApp links to the public site.

Replace placeholder contact details so footer and contact page show accurate HQ info and chat channels.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/Footer.css

@@ -38,6 +38,28 @@
   color: rgba(232, 238, 246, 0.78);
 }
 
+.footer__contact {
+  margin-top: 1rem;
+}
+
+.footer__whatsapp {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+  margin-top: 0.75rem;
+}
+
+.footer__whatsapp a {
+  font-size: 0.9rem;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.9);
+  transition: color 0.2s ease;
+}
+
+.footer__whatsapp a:hover {
+  color: var(--white);
+}
+
 .footer__cols {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));

apps/web/src/components/Footer.tsx

@@ -1,4 +1,5 @@
 import { Link } from "react-router-dom";
+import { companyAddress, whatsappNumbers } from "../lib/contact";
 import "./Footer.css";
 
 const footerLinks = [
@@ -39,6 +40,19 @@ export default function Footer() {
           <p>
             Discover brands, categories, and trade insights in one clear place.
           </p>
+          <p className="footer__contact">{companyAddress.full}</p>
+          <div className="footer__whatsapp">
+            {whatsappNumbers.map((item) => (
+              <a
+                key={item.href}
+                href={item.href}
+                target="_blank"
+                rel="noreferrer"
+              >
+                WhatsApp {item.label}
+              </a>
+            ))}
+          </div>
         </div>
 
         <div className="footer__cols">

apps/web/src/lib/contact.ts

@@ -0,0 +1,28 @@
+export const companyAddress = {
+  line1: "340 Dixon Blvd",
+  line2: "Newmarket, Ontario, L3Y 4V6",
+  line3: "Canada",
+  full: "340 Dixon Blvd, Newmarket, Ontario, L3Y 4V6, Canada",
+};
+
+export const whatsappNumbers = [
+  {
+    label: "+1 (905) 758-5077",
+    href: "https://wa.me/19057585077",
+  },
+  {
+    label: "+90 507 006 5227",
+    href: "https://wa.me/905070065227",
+  },
+] as const;
+
+export const contactEmails = [
+  {
+    label: "hello@novintrades.com",
+    href: "mailto:hello@novintrades.com",
+  },
+  {
+    label: "partners@novintrades.com",
+    href: "mailto:partners@novintrades.com",
+  },
+] as const;

apps/web/src/pages/ContactPage.tsx

@@ -1,6 +1,11 @@
 import { useState, type FormEvent } from "react";
-import { Globe, Mail, MapPin, Phone, Share2 } from "lucide-react";
+import { Globe, Mail, MapPin, MessageCircle, Share2 } from "lucide-react";
 import PageHero from "../components/PageHero";
+import {
+  companyAddress,
+  contactEmails,
+  whatsappNumbers,
+} from "../lib/contact";
 import "./ContactPage.css";
 
 export default function ContactPage() {
@@ -51,16 +56,29 @@ export default function ContactPage() {
             <article>
               <h2>
                 <MapPin size={18} />
-                Address &amp; landlines
+                Address
               </h2>
               <p>NovinTrades HQ</p>
-              <p>Valiasr Avenue, Tehran, Iran</p>
-              <p>
-                <Phone size={15} /> +98 21 0000 0000
-              </p>
-              <p>
-                <Phone size={15} /> +98 21 0000 0001
-              </p>
+              <p>{companyAddress.line1}</p>
+              <p>{companyAddress.line2}</p>
+              <p>{companyAddress.line3}</p>
+            </article>
+
+            <article>
+              <h2>
+                <MessageCircle size={18} />
+                WhatsApp
+              </h2>
+              {whatsappNumbers.map((item) => (
+                <a
+                  key={item.href}
+                  href={item.href}
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  {item.label}
+                </a>
+              ))}
             </article>
 
             <article>
@@ -68,8 +86,11 @@ export default function ContactPage() {
                 <Mail size={18} />
                 Email address
               </h2>
-              <a href="mailto:hello@novintrades.com">hello@novintrades.com</a>
-              <a href="mailto:partners@novintrades.com">partners@novintrades.com</a>
+              {contactEmails.map((item) => (
+                <a key={item.href} href={item.href}>
+                  {item.label}
+                </a>
+              ))}
             </article>
 
             <article>