From 349f1137f71f03a427ef28752057c1961384e642 Mon Sep 17 00:00:00 2001 From: AmirReza Jamali Date: Wed, 22 Oct 2025 13:47:43 +0330 Subject: [PATCH] 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. --- app/{contact-us => (contact-us)}/form.tsx | 8 +++--- app/{contact-us => (contact-us)}/page.tsx | 2 +- app/_components/ApexChart.tsx | 6 ++-- app/layout.tsx | 18 ++++++------ app/not-found.tsx | 7 +++++ app/page.tsx | 33 +++++++++++++--------- dump.rdb | Bin 0 -> 88 bytes 7 files changed, 45 insertions(+), 29 deletions(-) rename app/{contact-us => (contact-us)}/form.tsx (93%) rename app/{contact-us => (contact-us)}/page.tsx (90%) create mode 100644 app/not-found.tsx create mode 100644 dump.rdb diff --git a/app/contact-us/form.tsx b/app/(contact-us)/form.tsx similarity index 93% rename from app/contact-us/form.tsx rename to app/(contact-us)/form.tsx index 98a1b98..4d9f108 100644 --- a/app/contact-us/form.tsx +++ b/app/(contact-us)/form.tsx @@ -31,25 +31,25 @@ const ContactUsForm = () => { onSubmit={handleSubmit(onSubmit)}> { return ( -
+

Unlock Your Growth Potential

diff --git a/app/_components/ApexChart.tsx b/app/_components/ApexChart.tsx index 9ae9333..1fce3ce 100644 --- a/app/_components/ApexChart.tsx +++ b/app/_components/ApexChart.tsx @@ -1,9 +1,11 @@ "use client"; +import { ApexOptions } from "apexcharts"; import dynamic from "next/dynamic"; import { useEffect, useState } from "react"; -import { ApexOptions } from "apexcharts"; -const ReactApexChart = dynamic(() => import("react-apexcharts"), { ssr: false }); +const ReactApexChart = dynamic(() => import("react-apexcharts"), { + ssr: false, +}); interface ChartState { series: { diff --git a/app/layout.tsx b/app/layout.tsx index 35633ca..ca5c83c 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -3,7 +3,7 @@ import { Geist, Geist_Mono } from "next/font/google"; import Image from "next/image"; import Link from "next/link"; import { ToastContainer, Zoom } from "react-toastify"; -import ContactUs from "./contact-us/page"; +import ContactUs from "./(contact-us)/page"; import "./globals.css"; const geistSans = Geist({ variable: "--font-geist-sans", @@ -96,7 +96,7 @@ export default async function RootLayout({ -

+
@@ -128,7 +128,7 @@ export default async function RootLayout({
{children}