import type { Metadata } from "next";
import EmbassyDirectory from "@/components/services/EmbassyDirectory";

export const metadata: Metadata = {
  title: "Embassies in Syria | Discover Syria",
  description: "Embassies and consulates in Syria, with contact details.",
};

export default function Page() {
  return (
    <>
      <header className="lf-head">
        <div className="wrap">
          <span className="eyebrow">Services and Information</span>
          <h1 className="lf-title">Embassies in Syria</h1>
          <p className="lead">Embassies and consulates, with phone and email, by city.</p>
        </div>
      </header>
      <section className="wrap lf-body">
        <EmbassyDirectory />
      </section>
    </>
  );
}