From b556ceed98d6797bf30e78259f4f975aac1e8f3a Mon Sep 17 00:00:00 2001 From: AmirReza Jamali Date: Tue, 21 Oct 2025 15:17:04 +0330 Subject: [PATCH] feat(landing): enhance hero section and update page backgrounds This commit introduces a significant visual overhaul to the landing page to create a more dynamic and engaging user experience. Key changes include: - Replaced the static mobile phone SVG in the hero section with an animated GIF, complete with a "dynamic island" overlay for a more modern look. - Updated the main page background from a full cover image to a more subtle header background image (`header-bg.svg`). - Added a new background layer (`bottom-bg.svg`) near the footer to create more visual depth and separation for the contact section. - Numbered the three main feature descriptions ("1. Discover", "2. Prepare", "3. Win") for improved clarity and flow. --- app/layout.tsx | 21 +++++--- app/page.tsx | 57 ++++++++++++--------- public/{Landing 12.svg => bottom-bg.svg} | 0 public/dynamic-island.svg | 62 +++++++++++++++++++++++ public/{Landing 13.svg => header-bg.svg} | 0 public/mobile.gif | Bin 0 -> 4144537 bytes 6 files changed, 110 insertions(+), 30 deletions(-) rename public/{Landing 12.svg => bottom-bg.svg} (100%) create mode 100644 public/dynamic-island.svg rename public/{Landing 13.svg => header-bg.svg} (100%) create mode 100644 public/mobile.gif diff --git a/app/layout.tsx b/app/layout.tsx index fc46448..35633ca 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -95,7 +95,7 @@ export default async function RootLayout({ return ( + className={`${geistSans.variable} ${geistMono.variable} antialiased flex flex-col min-h-screen bg-[url('/header-bg.svg')] bg-top-right bg-no-repeat bg-contain`}>
- + {/*
+ +
*/}
{children}
-