Refactor component and page structure for responsiveness and add remote image patterns

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-10-08 15:38:11 +07:00
parent f64ac32b40
commit 0e1b6c9535

View File

@ -1,22 +1,37 @@
"use client";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
export default function Apply() { export default function Apply() {
return ( return (
<div> <div>
<div> <div className="grid grid-flow-row auto-rows-max w-full h-52 md:h-92 bg-gray-100 dark:bg-gray-800 p-5">
<div className="grid grid-flow-row auto-rows-max w-full backdrop-blur h-60 md:h-96 bg-gray-100 dark:bg-gray-800 p-5"> <h1 className="text-2xl md:text-5xl font-medium md:font-bold justify-self-center md:mt-8">
<h1 className="text-xl md:text-5xl font-medium md:font-bold justify-self-center mt-10 md:mt-28">
Apply to raise on B2DVentures Apply to raise on B2DVentures
</h1> </h1>
<div className="mt-10 justify-self-center"> <div className="mt-5 justify-self-center">
<p className="text-sm md:text-base"> <p className="text-sm md:text-base text-neutral-500">
All information submitted in this application is for internal use All information submitted in this application is for internal use
only and is treated with the utmost{" "} only and is treated with the utmost{" "}
</p> </p>
<p className="mt-2 text-sm md:text-base"> <p className="text-sm md:text-base text-neutral-500">
confidentiality. Companies may apply to raise with B2DVentures confidentiality. Companies may apply to raise with B2DVentures more
more than once. than once.
</p> </p>
</div> </div>
</div> </div>
<div className="grid grid-flow-row auto-rows-max w-full">
<h1 className="text-3xl font-bold mt-10 ml-96">About your company</h1>
<p className="ml-96 mt-5 text-neutral-500">
All requested information in this section is required.
</p>
{/* form */}
<div className="ml-96 mt-5">
<Label htmlFor="companyName" className="font-bold text-lg">
Company name
</Label>
<Input type="email" id="companyName" className="mt-2 w-96" />
</div>
</div> </div>
</div> </div>
); );