"use client";

import HeroSlider from "@/components/HeroSlider";
import { useRef } from "react";
import ContactFormSection from "../ContactFormSection";

export default function HomeTopSection() {
  const formRef = useRef<HTMLDivElement | null>(null);

  function scrollToForm() {
    formRef.current?.scrollIntoView?.({ behavior: "smooth" });
  }

  return (
    <>
      <HeroSlider onClickBook={scrollToForm} />

      <div className="lg:hidden" ref={formRef}>
        <ContactFormSection />
      </div>
    </>
  );
}