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}

+
+ {whatsappNumbers.map((item) => ( + + WhatsApp {item.label} + + ))} +
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} + + ))}