diff --git a/apps/web/src/components/Footer.css b/apps/web/src/components/Footer.css
index a9cf5a9..e34960d 100644
--- a/apps/web/src/components/Footer.css
+++ b/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));
diff --git a/apps/web/src/components/Footer.tsx b/apps/web/src/components/Footer.tsx
index 9ed0ec6..b29d7d9 100644
--- a/apps/web/src/components/Footer.tsx
+++ b/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() {
Discover brands, categories, and trade insights in one clear place.
+ {companyAddress.full}
+
diff --git a/apps/web/src/lib/contact.ts b/apps/web/src/lib/contact.ts
new file mode 100644
index 0000000..efb57d0
--- /dev/null
+++ b/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;
diff --git a/apps/web/src/pages/ContactPage.tsx b/apps/web/src/pages/ContactPage.tsx
index 474ebd3..3fe0a44 100644
--- a/apps/web/src/pages/ContactPage.tsx
+++ b/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() {
- Address & landlines
+ Address
NovinTrades HQ
- Valiasr Avenue, Tehran, Iran
-
- +98 21 0000 0000
-
-
- +98 21 0000 0001
-
+ {companyAddress.line1}
+ {companyAddress.line2}
+ {companyAddress.line3}
+
+
+
+
+
+ WhatsApp
+
+ {whatsappNumbers.map((item) => (
+
+ {item.label}
+
+ ))}
@@ -68,8 +86,11 @@ export default function ContactPage() {
Email address
- hello@novintrades.com
- partners@novintrades.com
+ {contactEmails.map((item) => (
+
+ {item.label}
+
+ ))}