Skip to content

Commit 0f57231

Browse files
yashksaini-coderyashksaini-coder
authored
Merge pull request #112 from hanuchaudhary/main
Nav Fix
2 parents cef1d93 + e77bf91 commit 0f57231

File tree

4 files changed

+44
-44
lines changed

4 files changed

+44
-44
lines changed

‎app/resources/component/resource-card.tsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@ interface ResourceCardProps {
77

88
export function ResourceCard({ title, description, isComingSoon, buttonColor = "bg-blue-500" }: ResourceCardProps) {
99
return (
10-
<div className="p-6 rounded-xl bg-white/5 border border-white/10 backdrop-blur-sm">
11-
<h3 className="text-2xl font-semibold text-white mb-3">{title}</h3>
12-
<p className="text-white/70 mb-6">{description}</p>
10+
<div className="p-6 rounded-xl bg-background border border-secondary backdrop-blur-sm">
11+
<h3 className="text-2xl font-semibold mb-3">{title}</h3>
12+
<p className="text-accent-foreground mb-6">{description}</p>
1313
<button
14-
className={`px-6 py-2 rounded-full ${isComingSoon ? "bg-gray-500 cursor-not-allowed" : buttonColor
15-
} text-white font-medium transition-transform hover:scale-105 active:scale-95`}
14+
className={`px-6 py-2 rounded-full ${isComingSoon ? "dark:bg-neutral-500 bg-neutral-800 cursor-not-allowed" : buttonColor
15+
} text-primary-foreground font-medium transition-transform hover:scale-105 active:scale-95`}
1616
disabled={isComingSoon}
1717
>
1818
{isComingSoon ? "Coming Soon" : "Explore resources"}

‎app/resources/component/support-section.tsx

+24-23
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,31 @@
1-
import { Card } from "@/components/ui/card"
2-
import { Button } from "@/components/ui/button"
1+
import { Card } from "@/components/ui/card";
2+
import { Button } from "@/components/ui/button";
33

44
export default function SupportSection() {
5-
return (
6-
<Card className="relative overflow-hidden bg-black text-white p-8 md:p-12">
7-
{/* Rainbow gradient background effect */}
8-
<div className="absolute inset-0 bg-gradient-to-r from-rose-500/10 via-emerald-500/10 to-violet-500/10 opacity-20" />
5+
return (
6+
<Card className="relative overflow-hidden bg-secondary p-8 md:p-12">
7+
{/* Rainbow gradient background effect */}
8+
<div className="absolute inset-0 bg-gradient-to-r from-rose-500/10 via-emerald-500/10 to-violet-500/10 opacity-20" />
99

10-
<div className="relative z-10 flex flex-col items-center justify-center gap-6 text-center max-w-3xl mx-auto">
11-
<h2 className="text-4xl md:text-5xl font-bold tracking-tight">Support Our Learning Community</h2>
10+
<div className="relative z-10 flex flex-col items-center justify-center gap-6 text-center max-w-3xl mx-auto">
11+
<h2 className="text-4xl md:text-5xl font-bold tracking-tight">
12+
Support Our Learning Community
13+
</h2>
1214

13-
<p className="text-lg md:text-xl text-gray-200">
14-
Help us grow by sharing this website with your friends and colleagues!
15-
</p>
15+
<p className="text-lg md:text-xl dark:text-neutral-200 text-neutral-700">
16+
Help us grow by sharing this website with your friends and colleagues!
17+
</p>
1618

17-
<Button
18-
className="w-full sm:w-auto px-8 py-6 text-lg font-medium relative overflow-hidden group bg-white/10 hover:bg-white/20 transition-colors"
19-
variant="ghost"
20-
>
21-
{/* Rainbow gradient border effect */}
22-
<div className="absolute inset-0 bg-gradient-to-r from-rose-500 via-emerald-500 to-violet-500 opacity-20 group-hover:opacity-30 transition-opacity" />
19+
<Button
20+
className="w-full sm:w-auto px-8 py-6 text-lg font-medium relative overflow-hidden group bg-white/10 hover:bg-white/20 transition-colors"
21+
variant="ghost"
22+
>
23+
{/* Rainbow gradient border effect */}
24+
<div className="absolute inset-0 bg-gradient-to-r from-rose-500 via-emerald-500 to-violet-500 opacity-20 group-hover:opacity-30 transition-opacity" />
2325

24-
<span className="relative z-10">Support Us</span>
25-
</Button>
26-
</div>
27-
</Card>
28-
)
26+
<span className="relative z-10">Support Us</span>
27+
</Button>
28+
</div>
29+
</Card>
30+
);
2931
}
30-

‎app/resources/page.tsx

+14-15
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
1-
import { ResourceCard } from "./component/resource-card"
2-
import { Globe, Laptop } from "lucide-react"
3-
import Navbar1 from "@/components/navbar"
4-
import { Ripple } from "./component/ripple"
5-
import SupportSection from "./component/support-section"
6-
import Footer from "@/components/footer"
1+
import { ResourceCard } from "./component/resource-card";
2+
import { Globe, Laptop } from "lucide-react";
3+
import Navbar1 from "@/components/navbar";
4+
import { Ripple } from "./component/ripple";
5+
import SupportSection from "./component/support-section";
6+
import Footer from "@/components/footer";
77

88
export default function ResourcesPage() {
99
return (
1010
<div className="">
1111
<Navbar1 />
12-
<div className="min-h-screen bg-black text-white relative">
12+
<div className="min-h-screen bg-background relative">
1313
{/* Hero Section */}
1414
<div className="relative pt-32 pb-16 px-4 text-center">
1515
<Ripple className="absolute inset-0 z-0" />
1616

17-
<h1 className="text-5xl md:text-6xl font-extrabold mb-6 bg-gradient-to-r from-white to-white/80 bg-clip-text text-transparent shadow-text">
17+
<h1 className="text-5xl md:text-6xl font-extrabold mb-6 dark:bg-gradient-to-r from-white to-white/80 dark:bg-clip-text dark:text-transparent text-black shadow-text">
1818
Discover Resources
1919
</h1>
20-
<p className="text-xl md:text-2xl text-white/80 max-w-3xl mx-auto mb-12">
21-
Explore our curated collection of learning materials to enhance your skills in programming, web development,
22-
and DevOps.
20+
<p className="text-xl md:text-2xl dark:text-white/80 text-black max-w-3xl mx-auto mb-12">
21+
Explore our curated collection of learning materials to enhance your
22+
skills in programming, web development, and DevOps.
2323
</p>
2424
</div>
2525

2626
{/* Programming Languages Section */}
2727
<div className="relative px-4 pb-24 max-w-7xl mx-auto">
2828
<div className="flex items-center gap-3 mb-8">
29-
<Laptop className="text-white/80" size={32} />
29+
<Laptop className="dark:text-white/80 text-black" size={32} />
3030
<h2 className="text-3xl font-semibold">Programming Languages</h2>
3131
</div>
3232

@@ -54,7 +54,7 @@ export default function ResourcesPage() {
5454

5555
<div className="relative px-4 pb-24 max-w-7xl mx-auto">
5656
<div className="flex items-center gap-3 mb-8">
57-
<Globe className="text-white/80" size={32} />
57+
<Globe className="dark:text-white/80 text-black" size={32} />
5858
<h2 className="text-3xl font-semibold">Foundations</h2>
5959
</div>
6060

@@ -83,6 +83,5 @@ export default function ResourcesPage() {
8383
<SupportSection />
8484
<Footer />
8585
</div>
86-
)
86+
);
8787
}
88-

‎components/ui/navbar-menu.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ export const MenuItem = ({
2525
children?: React.ReactNode;
2626
}) => {
2727
return (
28-
<div onMouseEnter={() => setActive(item)} className="relative px-8 py-3 rounded-xl hover:bg-black hover:dark:bg-white hover:text-black transition-all duration-300 text-foreground shadow-sm border border-transparent hover:border-white hover:shadow-[0px_0px_20px_5px_rgba(255,255,255,0.4)]">
28+
<div onMouseEnter={() => setActive(item)} className="relative px-8 py-3 rounded-xl hover:bg-white hover:dark:bg-white hover:text-black transition-all duration-300 text-foreground shadow-sm border border-transparent hover:border-white hover:shadow-[0px_0px_20px_5px_rgba(255,255,255,0.4)]">
2929
<motion.p
3030
transition={{ duration: 0.3 }}
3131
className="cursor-pointer hover:opacity-[0.9] "

0 commit comments

Comments
 (0)