Skip to content

Commit 7069bb1

Browse files
yashksaini-coderyashksaini-coder
authored
UI enhance (#73)
* feat: add RainbowButton component with dynamic color gradients * Add Rainbow button * feat: 🎸 UI Enhancement
1 parent 64cdd0f commit 7069bb1

File tree

11 files changed

+241
-515
lines changed

11 files changed

+241
-515
lines changed

‎app/FAQ/page.tsx‎

Lines changed: 2 additions & 155 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,7 @@ import { Metadata } from 'next'
22
import FAQComponent from './component/faq-component'
33
import ContactSection from './component/contact-section'
44
import Navbar1 from '@/components/navbar'
5-
import { Github, BookOpen } from 'lucide-react'
6-
import {Button} from '@/components/ui/button'
7-
import { SocialLinks } from '@/components/SocialLinks'
8-
import Link from 'next/link'
5+
import Footer from '@/components/footer'
96

107
export const metadata: Metadata = {
118
title: 'FAQ - Your Company Name',
@@ -26,157 +23,7 @@ export default function FAQPage() {
2623
<ContactSection />
2724
</div>
2825
</div>
29-
<footer className="w-full py-12 px-4 md:px-6 border-t bg-secondary">
30-
<div className="container mx-auto">
31-
<div className="flex flex-col md:flex-row justify-between items-center mb-8">
32-
<div className="flex items-center space-x-4 mb-4 md:mb-0">
33-
<BookOpen className="h-6 w-6 text-primary" />
34-
<span className="font-bold text-lg">LeetCode Journal</span>
35-
</div>
36-
<div className="flex items-center space-x-4 -ml-2">
37-
<Button
38-
variant="outline"
39-
size="sm"
40-
className="hidden md:flex"
41-
asChild
42-
>
43-
<a
44-
href="https://github.com/yashksaini-coder/leetcode-journal"
45-
target="_blank"
46-
rel="noopener noreferrer"
47-
>
48-
<Github className="mr-2 h-4 w-4" />
49-
Star on GitHub
50-
</a>
51-
</Button>
52-
<SocialLinks />
53-
</div>
54-
</div>
55-
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8">
56-
<div>
57-
<h3 className="font-semibold mb-3 text-lg">Product</h3>
58-
<ul className="space-y-2">
59-
<li>
60-
<Link
61-
href="#features"
62-
className="text-sm hover:text-primary transition-colors"
63-
>
64-
Features
65-
</Link>
66-
</li>
67-
<li>
68-
<Link
69-
href="#pricing"
70-
className="text-sm hover:text-primary transition-colors"
71-
>
72-
Pricing
73-
</Link>
74-
</li>
75-
<li>
76-
<Link
77-
href="#"
78-
className="text-sm hover:text-primary transition-colors"
79-
>
80-
FAQ
81-
</Link>
82-
</li>
83-
</ul>
84-
</div>
85-
<div>
86-
<h3 className="font-semibold mb-3 text-lg">Company</h3>
87-
<ul className="space-y-2">
88-
<li>
89-
<Link
90-
href="#"
91-
className="text-sm hover:text-primary transition-colors"
92-
>
93-
About
94-
</Link>
95-
</li>
96-
<li>
97-
<Link
98-
href="#"
99-
className="text-sm hover:text-primary transition-colors"
100-
>
101-
Blog
102-
</Link>
103-
</li>
104-
<li>
105-
<Link
106-
href="#"
107-
className="text-sm hover:text-primary transition-colors"
108-
>
109-
Careers
110-
</Link>
111-
</li>
112-
</ul>
113-
</div>
114-
<div>
115-
<h3 className="font-semibold mb-3 text-lg">Resources</h3>
116-
<ul className="space-y-2">
117-
<li>
118-
<Link
119-
href="#"
120-
className="text-sm hover:text-primary transition-colors"
121-
>
122-
Documentation
123-
</Link>
124-
</li>
125-
<li>
126-
<Link
127-
href="#"
128-
className="text-sm hover:text-primary transition-colors"
129-
>
130-
Community
131-
</Link>
132-
</li>
133-
<li>
134-
<Link
135-
href="#"
136-
className="text-sm hover:text-primary transition-colors"
137-
>
138-
Support
139-
</Link>
140-
</li>
141-
</ul>
142-
</div>
143-
<div>
144-
<h3 className="font-semibold mb-3 text-lg">Legal</h3>
145-
<ul className="space-y-2">
146-
<li>
147-
<Link
148-
href="#"
149-
className="text-sm hover:text-primary transition-colors"
150-
>
151-
Privacy Policy
152-
</Link>
153-
</li>
154-
<li>
155-
<Link
156-
href="#"
157-
className="text-sm hover:text-primary transition-colors"
158-
>
159-
Terms of Service
160-
</Link>
161-
</li>
162-
<li>
163-
<Link
164-
href="#"
165-
className="text-sm hover:text-primary transition-colors"
166-
>
167-
Cookie Policy
168-
</Link>
169-
</li>
170-
</ul>
171-
</div>
172-
</div>
173-
<div className="flex flex-col md:flex-row justify-between items-center pt-8 border-t border-border">
174-
<p className="text-sm text-muted-foreground mb-4 md:mb-0">
175-
© 2023 LeetCode Journal. All rights reserved.
176-
</p>
177-
</div>
178-
</div>
179-
</footer>
26+
<Footer />
18027
</div>
18128
)
18229
}

‎app/globals.css‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,11 @@
3737
--sidebar-accent-foreground: 240 5.9% 10%;
3838
--sidebar-border: 220 13% 91%;
3939
--sidebar-ring: 217.2 91.2% 59.8%;
40+
--color-1: 0 100% 63%;
41+
--color-2: 270 100% 63%;
42+
--color-3: 210 100% 63%;
43+
--color-4: 195 100% 63%;
44+
--color-5: 90 100% 63%;
4045
}
4146

4247
.dark {
@@ -72,6 +77,11 @@
7277
--sidebar-accent-foreground: 240 4.8% 95.9%;
7378
--sidebar-border: 240 3.7% 15.9%;
7479
--sidebar-ring: 217.2 91.2% 59.8%;
80+
--color-1: 0 100% 63%;
81+
--color-2: 270 100% 63%;
82+
--color-3: 210 100% 63%;
83+
--color-4: 195 100% 63%;
84+
--color-5: 90 100% 63%;
7585
}
7686
}
7787

0 commit comments

Comments
 (0)