From 8ea58c948fb5a6cf1562c2cd65c0e58d111bde75 Mon Sep 17 00:00:00 2001
From: Oleksandr Zhukov <sashazh316@gmail.com>
Date: Thu, 14 Nov 2024 16:23:02 +0200
Subject: [PATCH] header changes

---
 public/tryStaffplan.png                       | Bin 0 -> 7637 bytes
 src/app/components/Header.tsx                 |   8 ++--
 src/app/components/RoundedContainer.tsx       |   8 ----
 src/app/components/StaffplanDemoContainer.tsx |  38 +++++++++---------
 4 files changed, 24 insertions(+), 30 deletions(-)
 create mode 100644 public/tryStaffplan.png

diff --git a/public/tryStaffplan.png b/public/tryStaffplan.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e5ebc34379ae61094db30c135fbb67f32144dd4
GIT binary patch
literal 7637
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
IFnh%R0aEsZZU6uP

literal 0
HcmV?d00001

diff --git a/src/app/components/Header.tsx b/src/app/components/Header.tsx
index 12abd91..3aadfa5 100644
--- a/src/app/components/Header.tsx
+++ b/src/app/components/Header.tsx
@@ -14,9 +14,9 @@ const navbarLinks: NavbarLinksTypes[] = [
 ];
 
 const Header: React.FC = () => (
-    <header className="bg-white sticky top-0 z-50 text-tiffany px-4">
-        <div className="flex justify-between items-center py-1">
-            <div className="py-1">
+    <header className="sticky sm:fixed top-0 w-full sm:inset-x-0 sm:w-[calc(100%-40px)] sm:mx-auto bg-white z-50 text-tiffany px-4 rounded-lg sm:mt-4">
+        <div className="flex justify-between items-center">
+            <div className="py-4">
                 <Image src="/logo.svg" width={174} height={43} alt="staffplan logo" />
             </div>
             <nav className='mr-4'>
@@ -25,7 +25,7 @@ const Header: React.FC = () => (
                 </Link>
                 <ul className="hidden sm:flex text-26px space-x-8">
                     {navbarLinks.map((link, index) => (
-                        <li key={index}>
+                        <li key={index} className='py-2.5 font-semibold'>
                             <Link href={link.href}>
                                 {link.label}
                             </Link>
diff --git a/src/app/components/RoundedContainer.tsx b/src/app/components/RoundedContainer.tsx
index 1b7988d..3e1c5ec 100644
--- a/src/app/components/RoundedContainer.tsx
+++ b/src/app/components/RoundedContainer.tsx
@@ -17,11 +17,3 @@ const RoundedContainer: React.FC<RoundedContainerProps> = ({ align = 'left', cla
 };
 
 export default RoundedContainer;
-
-
-{/* <div
-                className="w-full h-full bg-center bg-no-repeat bg-contain translate-y-12"
-                style={{ backgroundImage: "url('/peoplePreview.png')" }}
-            >
-                {/* Ваш контент здесь, если нужно */}
-// </div> */}
\ No newline at end of file
diff --git a/src/app/components/StaffplanDemoContainer.tsx b/src/app/components/StaffplanDemoContainer.tsx
index f996640..863613e 100644
--- a/src/app/components/StaffplanDemoContainer.tsx
+++ b/src/app/components/StaffplanDemoContainer.tsx
@@ -7,27 +7,29 @@ interface StaffplanDemoContainerProps {
 
 const StaffplanDemoContainer: React.FC<StaffplanDemoContainerProps> = ({ children }) => {
     return (
-        <section className="min-h-[50vh] sm:min-h-screen flex flex-col items-center justify-between bg-demo-gradient pb-6">
-            <h1 className="hidden sm:block text-huge font-bold mb-4">Try Staffplan!</h1>
+        <section className="flex flex-col items-center justify-between bg-demo-gradient pb-6 px-4">
+            <div className="relative hidden sm:flex justify-center w-[270px] h-[50px] mt-32">
+                <Image src="/tryStaffplan.png"
+                    fill
+                    className="object-contain" alt="Try Staffplan!" />
+            </div>
             {children}
-            <div className="relative w-full h-full px-4 aspect-[21/18] sm:aspect-[20/6.5] my-6 sm:my-0">
-                <div className="relative w-full h-full rounded-lg">
-                    <Image
-                        src="/tryStaffplanPreview.png"
-                        alt="Staffplan Demo"
-                        fill
-                        className="sm:block hidden rounded-lg object-cover"
-                    />
-                    <Image
-                        src="/tryStaffplanMobilePreview.png"
-                        alt="Staffplan Demo"
-                        fill
-                        className="sm:hidden block rounded-lg object-cover"
-                    />
-                </div>
+            <div className="relative w-full h-full px-8 aspect-[21/19.4] sm:aspect-[21/7] my-6 sm:mb-6 mt-10">
+                <Image
+                    src="/tryStaffplanPreview.png"
+                    alt="Staffplan Demo"
+                    fill
+                    className="sm:block hidden rounded-lg object-cover px-1"
+                />
+                <Image
+                    src="/tryStaffplanMobilePreview.png"
+                    alt="Staffplan Demo"
+                    fill
+                    className="sm:hidden block rounded-lg object-cover px-1"
+                />
             </div>
             <RoundedButton text="Sign me up!" variant="filled" size="large" href="https://staffplan.com/registrations/new" />
-        </section>
+        </section >
     );
 };