"use client";

import Link from "@/app/components/LocaleLink";
import Image from "next/image";

export default function AstrologerLandingPage() {
  return (
    <section className="py-5 d-flex align-items-center min-vh-100">
      <div className="container">
        <div className="row justify-content-center">
          <div className="col-lg-5 text-center">
            <Image
              src="/images/logo-astro.svg"
              alt="AstroEye"
              width={160}
              height={136}
              priority
              className="mb-3"
            />

            <h2 className="text-white mb-2">
              <span className="text-warning">Astrologer</span> Portal
            </h2>

            <p className="terms-text-color mb-4">
              Consult with users on AstroEye — register your profile
              or sign in to continue where you left off.
            </p>

            <div className="d-flex flex-column gap-3">
              <Link
                href="/astrologer/signin"
                className="btn btn-primary py-3 w-100"
              >
                Astrologer Sign In
              </Link>

              <Link
                href="/astrologer/register"
                className="btn btn-outline-light py-3 w-100"
              >
                Register as an Astrologer
              </Link>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}