25 lines
718 B
TypeScript
25 lines
718 B
TypeScript
"use client";
|
|
|
|
import { FormBlock } from "@/components/blocks/Form";
|
|
import { useFormQuery } from "@/services/hooks/form";
|
|
import { useEffect } from "react";
|
|
|
|
export default function ContactFormSection() {
|
|
const form = useFormQuery();
|
|
|
|
useEffect(() => {
|
|
form._fetch(1);
|
|
}, []);
|
|
|
|
return (
|
|
<div className="box-1-cell height-fill context-dark bg-colorContactForm! z-20!">
|
|
<div className="box-1-bg-shape">
|
|
<img className="box-1-bg-image" src="images/bg-shape-1.png" alt="" role="presentation" />
|
|
</div>
|
|
<div className="cell-inner box-1-outer">
|
|
<div className="box-1">{!form.isFetching && !!form.data && <FormBlock form={form.data} />}</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|