import { cn } from "@/lib/utils"; import type React from "react"; import { FullWidthDivider } from "@/components/ui/full-width-divider"; const APP_EMAIL = "mail@example.com"; const APP_PHONE = "+92 300 1234567"; const APP_PHONE_2 = "+92 321 9876543"; export function Contact() { const socialLinks = [ { icon: GithubIcon, href: "#", label: "GitHub", }, { icon: XIcon, href: "#", label: "Twitter", }, ]; return (

Contact Us

Contact the support team at efferd.

} title="Email" > {APP_EMAIL} } title="Office" > Office # 100, 101 Second Floor Kohinoor 1, Faisalabad, Pakistan } title="Phone" >

{APP_PHONE} {APP_PHONE_2}

Find us online

{socialLinks.map((link) => ( {link.label} ))}

); } type ContactBox = React.ComponentProps<"div"> & { icon: React.ReactNode; title: string; description: string; }; function Box({ title, description, className, children, ...props }: ContactBox) { return (

{props.icon}

{title}

{children}

{description}

); } const GithubIcon = (props: React.ComponentProps<"svg">) => ( ); const XIcon = (props: React.ComponentProps<"svg">) => ( );

Explore Contact Blocks

Unlock Efferd Pro