import PageHero from "@/components/PageHero";
import styles from "./virtual-tour.module.css";

export const metadata = {
  title: "تور مجازی",
  description:
    "پیش از مراجعه حضوری، فضای داخلی کلینیک دندانپزشکی نگین در قم را با تور مجازی ۳۶۰ درجه مشاهده کنید و از امکانات و محیط درمانی کلینیک آگاه شوید.",
};

export default function VirtualTourPage() {
  return (
    <>
      <PageHero
        en="Virtual Tour"
        fa="تور مجازی"
        lead="سفر مجازی به کلینیک دندانپزشکی نگین."
      />

      <section className="section">
        <div className={`container ${styles.wrap}`}>
          <div className={styles.frame}>
            <iframe
              title="تور مجازی کلینیک نگین"
              src="https://www.negindentalclinic.ir/assets/virtualtour.html"
              loading="lazy"
              allowFullScreen
            />
          </div>
          <p className={styles.note}>
            در صورتی که تور مجازی بارگذاری نشد، می‌توانید آن را{" "}
            <a
              href="https://www.negindentalclinic.ir/assets/virtualtour.html"
              target="_blank"
              rel="noopener noreferrer"
            >
              در یک صفحه جدید
            </a>{" "}
            مشاهده کنید.
          </p>
        </div>
      </section>
    </>
  );
}