feat(ui): Enhance homepage responsiveness and layout
This commit introduces several UI improvements to enhance the responsive design and visual appeal of the homepage and main layout. Key changes include: - Adjusted the main header to be centered on mobile devices for better alignment. - Refined the hero section on the homepage with responsive text sizes and improved spacing. - Modified the "dynamic island" image container to adapt its size and position across different screen sizes. - Improved typography and layout in the "democratizing tenders" section for better readability. - Reorganized the contact page into a Next.js route group for better project structure.
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
import ContactUsForm from "./form";
|
||||
|
||||
const ContactUs = () => {
|
||||
return (
|
||||
<div className="flex flex-col items-center mt-16 px-8 ">
|
||||
<div className="md:w-2/3 m-auto flex flex-col gap-4 mb-12">
|
||||
<h2 className="font-bold text-4xl">Unlock Your Growth Potential</h2>
|
||||
<p className="font-normal text-[16px] text-gray-600">
|
||||
Register for early access and a free consultation. Let's start winning
|
||||
together.
|
||||
</p>
|
||||
</div>
|
||||
<section className="border border-gray-300 rounded-4xl w-full md:max-w-2/3 flex flex-col items-center bg-white">
|
||||
<ContactUsForm />
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactUs;
|
||||
Reference in New Issue
Block a user