Skip to content

Commit 324aca5

Browse files
lgarivlgariv
committed
Add MainNavbar component to AboutPage for consistent navigation
1 parent 31a00c5 commit 324aca5

File tree

1 file changed

+119
-112
lines changed

1 file changed

+119
-112
lines changed

‎app/about/page.tsx‎

Lines changed: 119 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -4,128 +4,135 @@ import { NeonGradientCard } from "@/components/ui/neon-gradient-card";
44
import { Button } from "@nextui-org/react";
55
import { Github, Linkedin } from "lucide-react";
66
import Image from "next/image";
7+
import MainNavbar from "@/components/main-navbar/navigation-bar";
78

89
type Props = {};
910

1011
const AboutPage = (props: Props) => {
1112
return (
12-
<main className="font-heebo overscroll-y-none z-1" dir="rtl">
13-
<DotPattern
14-
className={cn(
15-
"[mask-image:radial-gradient(800px_circle_at_center,white,transparent)]"
16-
)}
17-
/>
18-
<div className="relative flex md:min-h-screen lg:min-h-screen flex-col items-center justify-center p-4 -mt-16 pt-20">
19-
<NeonGradientCard className="max-w-2xl z-10">
20-
<div className="flex items-center justify-between mb-4">
21-
<div>
22-
<h1 className="text-4xl md:text-5xl font-bold text-foreground -my-2">
23-
אודות{" "}
24-
<span className="font-pixelify">VISION</span>
25-
</h1>
26-
<h2 className="text-lg md:text-xl text-foreground/75 mt-2">
27-
פותח על ידי{" "}
28-
<a
29-
href="https://www.linkedin.com/in/lavie-g-3a66a21ba/"
30-
target="_blank"
31-
rel="noopener noreferrer"
32-
className="hover:underline"
33-
>
34-
לביא גריב
35-
</a>
36-
</h2>
13+
<>
14+
<MainNavbar />
15+
<main className="font-heebo overscroll-y-none z-1" dir="rtl">
16+
<DotPattern
17+
className={cn(
18+
"[mask-image:radial-gradient(800px_circle_at_center,white,transparent)]"
19+
)}
20+
/>
21+
<div className="relative flex md:min-h-screen lg:min-h-screen flex-col items-center justify-center p-4 -mt-16 pt-20">
22+
<NeonGradientCard className="max-w-2xl z-10">
23+
<div className="flex items-center justify-between mb-4">
24+
<div>
25+
<h1 className="text-4xl md:text-5xl font-bold text-foreground -my-2">
26+
אודות{" "}
27+
<span className="font-pixelify">
28+
VISION
29+
</span>
30+
</h1>
31+
<h2 className="text-lg md:text-xl text-foreground/75 mt-2">
32+
פותח על ידי{" "}
33+
<a
34+
href="https://www.linkedin.com/in/lavie-g-3a66a21ba/"
35+
target="_blank"
36+
rel="noopener noreferrer"
37+
className="hover:underline"
38+
>
39+
לביא גריב
40+
</a>
41+
</h2>
42+
</div>
43+
<Image
44+
src="https://media.licdn.com/dms/image/v2/D4E03AQHA8OANx3jqDQ/profile-displayphoto-shrink_800_800/B4EZOvY7Z3HEAc-/0/1733814368868?e=1740614400&amp;v=beta&amp;t=5b5Wk0y8iXWTHqmOcdOUx9ygzW0k-DVeeAQHkrcvQJ4"
45+
alt="Vision Creator"
46+
className="w-24 h-24 md:w-32 md:h-32 rounded-full object-cover"
47+
width={128}
48+
height={128}
49+
/>
3750
</div>
38-
<Image
39-
src="https://media.licdn.com/dms/image/v2/D4E03AQHA8OANx3jqDQ/profile-displayphoto-shrink_800_800/B4EZOvY7Z3HEAc-/0/1733814368868?e=1740614400&amp;v=beta&amp;t=5b5Wk0y8iXWTHqmOcdOUx9ygzW0k-DVeeAQHkrcvQJ4"
40-
alt="Vision Creator"
41-
className="w-24 h-24 md:w-32 md:h-32 rounded-full object-cover"
42-
width={128}
43-
height={128}
44-
/>
45-
</div>
46-
<div>
47-
<p className="mb-6 text-lg text-foreground text-pretty">
48-
Vision היא אפליקציית web לניטור וניהול מערכות תקשורת
49-
סלולריות מסוג eNodeB. הפרויקט פותח עם{" "}
50-
<strong>Next.js 14</strong> ו-
51-
<strong>Express</strong>, תוך שימוש ב-
52-
<strong>NextUI</strong> לרכיבי UI מותאמים ונגישים
53-
וב-<strong>Tailwind CSS</strong> לעיצוב רספונסיבי
54-
ומודרני. האפליקציה מתבססת על{" "}
55-
<strong>Zustand</strong> לניהול states בצורה פשוטה,
56-
וכן <strong>Leaflet</strong> להצגת מפות
57-
אינטראקטיביות. המערכת מאפשרת מעקב בזמן אמת אחרי
58-
נתונים חשובים כמו כמות מכשירים פעילים, התראות
59-
והפרעות תדרים. המידע מוצג בצורה נוחה ונגישה למשתמש,
60-
דרך לוח בקרה או תצוגת מפה. המערכת מבוססת על
61-
טכנולוגיות מתקדמות שמאפשרות ניטור מדויק, ויזואליזציה
62-
של נתונים בזמן אמת וארכיטקטורה גמישה ופשוטה לתחזוקה.
63-
</p>
51+
<div>
52+
<p className="mb-6 text-lg text-foreground text-pretty">
53+
Vision היא אפליקציית web לניטור וניהול מערכות
54+
תקשורת סלולריות מסוג eNodeB. הפרויקט פותח עם{" "}
55+
<strong>Next.js 14</strong> ו-
56+
<strong>Express</strong>, תוך שימוש ב-
57+
<strong>NextUI</strong> לרכיבי UI מותאמים
58+
ונגישים וב-<strong>Tailwind CSS</strong> לעיצוב
59+
רספונסיבי ומודרני. האפליקציה מתבססת על{" "}
60+
<strong>Zustand</strong> לניהול states בצורה
61+
פשוטה, וכן <strong>Leaflet</strong> להצגת מפות
62+
אינטראקטיביות. המערכת מאפשרת מעקב בזמן אמת אחרי
63+
נתונים חשובים כמו כמות מכשירים פעילים, התראות
64+
והפרעות תדרים. המידע מוצג בצורה נוחה ונגישה
65+
למשתמש, דרך לוח בקרה או תצוגת מפה. המערכת מבוססת
66+
על טכנולוגיות מתקדמות שמאפשרות ניטור מדויק,
67+
ויזואליזציה של נתונים בזמן אמת וארכיטקטורה גמישה
68+
ופשוטה לתחזוקה.
69+
</p>
6470

65-
<hr className="my-4 border-foreground/10 border-t-[2.5px] rounded-lg" />
71+
<hr className="my-4 border-foreground/10 border-t-[2.5px] rounded-lg" />
6672

67-
<p className="text-lg text-foreground font-bold">
68-
הפרויקט נפרס על תשתית ענן מתקדמת הכוללת:
69-
</p>
70-
<ul className="mb-6 text-lg text-foreground list-disc list-inside">
71-
<li>
72-
<strong>Render.com</strong>: מנהלת את ה-Backend
73-
ביעילות, עם תמיכה בעומסים משתנים ויכולת פריסה
74-
מהירה.
75-
</li>
76-
<li>
77-
<strong>Supabase</strong>: מסד נתונים מבוסס{" "}
78-
<strong>PostgreSQL</strong> שמבטיח אחסון וניהול
79-
מידע פשוט ומהיר בצורה מאובטחת.
80-
</li>
81-
<li>
82-
<strong>Vercel</strong>: אחראית לפריסת
83-
ה-Frontend, תוך שימוש ברשת CDN שמאפשרת טעינה
84-
מהירה וחוויית משתמש מיטבית בכל מקום בעולם.
85-
</li>
86-
</ul>
73+
<p className="text-lg text-foreground font-bold">
74+
הפרויקט נפרס על תשתית ענן מתקדמת הכוללת:
75+
</p>
76+
<ul className="mb-6 text-lg text-foreground list-disc list-inside">
77+
<li>
78+
<strong>Render.com</strong>: מנהלת את
79+
ה-Backend ביעילות, עם תמיכה בעומסים משתנים
80+
ויכולת פריסה מהירה.
81+
</li>
82+
<li>
83+
<strong>Supabase</strong>: מסד נתונים מבוסס{" "}
84+
<strong>PostgreSQL</strong> שמבטיח אחסון
85+
וניהול מידע פשוט ומהיר בצורה מאובטחת.
86+
</li>
87+
<li>
88+
<strong>Vercel</strong>: אחראית לפריסת
89+
ה-Frontend, תוך שימוש ברשת CDN שמאפשרת טעינה
90+
מהירה וחוויית משתמש מיטבית בכל מקום בעולם.
91+
</li>
92+
</ul>
8793

88-
<hr className="my-4 border-foreground/10 border-t-[2.5px] rounded-lg" />
94+
<hr className="my-4 border-foreground/10 border-t-[2.5px] rounded-lg" />
8995

90-
<p className="mb-6 text-lg text-foreground">
91-
השילוב בין הטכנולוגיות האלו יוצר מערכת יציבה, נוחה
92-
וסקיילבילית, המספקת פתרון יעיל לניהול מערכות תקשורת
93-
סלולריות ברשת LTE.
94-
</p>
95-
</div>
96-
<div className="grid grid-cols-2 md:flex gap-4 w-full">
97-
<Button
98-
as="a"
99-
href="https://github.com/lgariv/Vision-frontend"
100-
startContent={<Github />}
101-
className="font-bold font-sans border-2 dark:border-0 border-[#333]"
102-
style={{
103-
backgroundColor: "#eee",
104-
color: "#333",
105-
}}
106-
target="_blank"
107-
rel="noopener noreferrer"
108-
>
109-
צפה ב-GitHub
110-
</Button>
111-
<Button
112-
as="a"
113-
href="https://www.linkedin.com/in/lavie-g-3a66a21ba/"
114-
startContent={<Linkedin />}
115-
className="font-bold font-sans"
116-
style={{
117-
backgroundColor: "#0077B5",
118-
color: "#fff",
119-
}}
120-
target="_blank"
121-
rel="noopener noreferrer"
122-
>
123-
LinkedIn
124-
</Button>
125-
</div>
126-
</NeonGradientCard>
127-
</div>
128-
</main>
96+
<p className="mb-6 text-lg text-foreground">
97+
השילוב בין הטכנולוגיות האלו יוצר מערכת יציבה,
98+
נוחה וסקיילבילית, המספקת פתרון יעיל לניהול
99+
מערכות תקשורת סלולריות ברשת LTE.
100+
</p>
101+
</div>
102+
<div className="grid grid-cols-2 md:flex gap-4 w-full">
103+
<Button
104+
as="a"
105+
href="https://github.com/lgariv/Vision-frontend"
106+
startContent={<Github />}
107+
className="font-bold font-sans border-2 dark:border-0 border-[#333]"
108+
style={{
109+
backgroundColor: "#eee",
110+
color: "#333",
111+
}}
112+
target="_blank"
113+
rel="noopener noreferrer"
114+
>
115+
צפה ב-GitHub
116+
</Button>
117+
<Button
118+
as="a"
119+
href="https://www.linkedin.com/in/lavie-g-3a66a21ba/"
120+
startContent={<Linkedin />}
121+
className="font-bold font-sans"
122+
style={{
123+
backgroundColor: "#0077B5",
124+
color: "#fff",
125+
}}
126+
target="_blank"
127+
rel="noopener noreferrer"
128+
>
129+
LinkedIn
130+
</Button>
131+
</div>
132+
</NeonGradientCard>
133+
</div>
134+
</main>
135+
</>
129136
);
130137
};
131138

0 commit comments

Comments
 (0)