From 705f0a7f037d21661cd4048807604c4f3f4f1483 Mon Sep 17 00:00:00 2001 From: shifat97 Date: Fri, 9 Jan 2026 20:42:56 +0600 Subject: [PATCH 1/4] add: home page design --- admin/src/pages/Home.tsx | 128 ++++++++++++++++++++++++++++++++- admin/src/router/AppRouter.tsx | 2 +- 2 files changed, 126 insertions(+), 4 deletions(-) diff --git a/admin/src/pages/Home.tsx b/admin/src/pages/Home.tsx index aa58832..2d2a33c 100644 --- a/admin/src/pages/Home.tsx +++ b/admin/src/pages/Home.tsx @@ -1,3 +1,125 @@ -export default function Home() { - return
Home
; -} +import { useState } from 'react'; +const Home = () => { + const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); + + return ( +
+ {/* Header */} +
+ + + {/* Mobile menu */} + {isMobileMenuOpen && ( +
+
+ Find Jobs + Companies + Post a Job + Sign Up + Login +
+
+ )} +
+ + {/* Hero Section */} +
+
+

Your Dream Job Awaits

+

+ Discover thousands of opportunities from top companies. Start your journey with CareerSync today. +

+
+ + +
+
+
+ + {/* Main Content - Job Listings Placeholder */} +
+

Featured Job Listings

+
+ {/* Placeholder Job Card 1 */} +
+

Senior Software Engineer

+

Tech Solutions Inc.

+

+ We are looking for a passionate Senior Software Engineer to join our dynamic team... +

+
+ Full-time + View Details → +
+
+ + {/* Placeholder Job Card 2 */} +
+

Product Manager

+

Creative Innovations

+

+ Join our product team to drive the vision and roadmap for our next-gen products... +

+
+ Remote + View Details → +
+
+ + {/* Placeholder Job Card 3 */} +
+

UX/UI Designer

+

Design Studios LLC

+

+ Shape intuitive and visually appealing user experiences across our platforms... +

+
+ Part-time + View Details → +
+
+
+
+ + {/* Footer */} + +
+ ); +}; + +export default Home; \ No newline at end of file diff --git a/admin/src/router/AppRouter.tsx b/admin/src/router/AppRouter.tsx index 2bca58b..51cd6e6 100644 --- a/admin/src/router/AppRouter.tsx +++ b/admin/src/router/AppRouter.tsx @@ -7,7 +7,7 @@ export default function AppRouter() { return ( }> - } /> + } /> } /> From 7de5bb2f0fe31c52847b6114504acd6f6e4e6955 Mon Sep 17 00:00:00 2001 From: shifat97 Date: Fri, 9 Jan 2026 20:51:42 +0600 Subject: [PATCH 2/4] update: change header and footer to common for all pages --- admin/src/App.tsx | 125 +++++++++++++++++++++++++++++++++- admin/src/components/Hero.tsx | 30 ++++++++ admin/src/components/Jobs.tsx | 89 ++++++++++++++++++++++++ admin/src/pages/Home.tsx | 124 ++------------------------------- 4 files changed, 249 insertions(+), 119 deletions(-) create mode 100644 admin/src/components/Hero.tsx create mode 100644 admin/src/components/Jobs.tsx diff --git a/admin/src/App.tsx b/admin/src/App.tsx index 3d43989..9f2be29 100644 --- a/admin/src/App.tsx +++ b/admin/src/App.tsx @@ -1,10 +1,133 @@ import './App.css'; +import { useState } from 'react'; import { Outlet } from 'react-router'; function App() { + const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); return ( <> - +
+ {/* Header */} +
+ + + {/* Mobile menu */} + {isMobileMenuOpen && ( + + )} +
+ + + + {/* Footer */} + +
); } diff --git a/admin/src/components/Hero.tsx b/admin/src/components/Hero.tsx new file mode 100644 index 0000000..5d0c752 --- /dev/null +++ b/admin/src/components/Hero.tsx @@ -0,0 +1,30 @@ +const Hero = () => { + return ( + <> + {/* Hero Section */} +
+
+

+ Your Dream Job Awaits +

+

+ Discover thousands of opportunities from top companies. Start your + journey with CareerSync today. +

+
+ + +
+
+
+ + ); +} + +export default Hero; \ No newline at end of file diff --git a/admin/src/components/Jobs.tsx b/admin/src/components/Jobs.tsx new file mode 100644 index 0000000..f980c80 --- /dev/null +++ b/admin/src/components/Jobs.tsx @@ -0,0 +1,89 @@ +const Jobs = () => { + return ( + <> +
+

+ Featured Job Listings +

+
+ {/* Placeholder Job Card 1 */} +
+

+ Senior Software Engineer +

+

+ Tech Solutions Inc. +

+

+ We are looking for a passionate Senior Software Engineer to join + our dynamic team... +

+
+ + Full-time + + + View Details → + +
+
+ + {/* Placeholder Job Card 2 */} +
+

+ Product Manager +

+

+ Creative Innovations +

+

+ Join our product team to drive the vision and roadmap for our + next-gen products... +

+
+ + Remote + + + View Details → + +
+
+ + {/* Placeholder Job Card 3 */} +
+

+ UX/UI Designer +

+

+ Design Studios LLC +

+

+ Shape intuitive and visually appealing user experiences across + our platforms... +

+
+ + Part-time + + + View Details → + +
+
+
+
+ + ); +} + +export default Jobs; \ No newline at end of file diff --git a/admin/src/pages/Home.tsx b/admin/src/pages/Home.tsx index 2d2a33c..f850f23 100644 --- a/admin/src/pages/Home.tsx +++ b/admin/src/pages/Home.tsx @@ -1,123 +1,11 @@ -import { useState } from 'react'; -const Home = () => { - const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); +import Hero from "@/components/Hero"; +import Jobs from "@/components/Jobs"; +const Home = () => { return ( -
- {/* Header */} -
- - - {/* Mobile menu */} - {isMobileMenuOpen && ( - - )} -
- - {/* Hero Section */} -
-
-

Your Dream Job Awaits

-

- Discover thousands of opportunities from top companies. Start your journey with CareerSync today. -

-
- - -
-
-
- - {/* Main Content - Job Listings Placeholder */} -
-

Featured Job Listings

-
- {/* Placeholder Job Card 1 */} -
-

Senior Software Engineer

-

Tech Solutions Inc.

-

- We are looking for a passionate Senior Software Engineer to join our dynamic team... -

-
- Full-time - View Details → -
-
- - {/* Placeholder Job Card 2 */} -
-

Product Manager

-

Creative Innovations

-

- Join our product team to drive the vision and roadmap for our next-gen products... -

-
- Remote - View Details → -
-
- - {/* Placeholder Job Card 3 */} -
-

UX/UI Designer

-

Design Studios LLC

-

- Shape intuitive and visually appealing user experiences across our platforms... -

-
- Part-time - View Details → -
-
-
-
- - {/* Footer */} - +
+ +
); }; From 4479317e62ae6afc885d0274138e27c51cc4cb57 Mon Sep 17 00:00:00 2001 From: shifat97 Date: Fri, 9 Jan 2026 20:54:56 +0600 Subject: [PATCH 3/4] fix: footer positioning issues --- admin/src/App.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/admin/src/App.tsx b/admin/src/App.tsx index 9f2be29..927a76a 100644 --- a/admin/src/App.tsx +++ b/admin/src/App.tsx @@ -6,7 +6,7 @@ function App() { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); return ( <> -
+
{/* Header */}