Skip to content

Commit 520b839

Browse files
yashksaini-coderyashksaini-coder
committed
feat: 🎸 UI Enhancement
1 parent ad720cc commit 520b839

File tree

8 files changed

+182
-513
lines changed

8 files changed

+182
-513
lines changed

‎app/FAQ/page.tsx

+2-155
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/learn-more/page.tsx

+14-178
Original file line numberDiff line numberDiff line change
@@ -2,42 +2,25 @@
22

33
import Link from 'next/link'
44
import { motion } from 'framer-motion'
5-
import { Button } from "@/components/ui/button"
65
import { TabContainer } from './components/TabContainer'
76
import Navbar1 from '@/components/navbar'
8-
import {SocialLinks} from '@/components/SocialLinks'
9-
import { BookOpen, Github } from 'lucide-react'
7+
import Footer from '@/components/footer'
8+
import ShinyButton from '@/components/ui/shiny-button'
109

1110
export default function LearnMorePage() {
1211
return (
1312
<div className="">
1413
<Navbar1 />
15-
<div className="min-h-screen bg-gradient-to-br from-purple-50 via-white to-purple-100 dark:from-gray-900 dark:via-gray-800 dark:to-purple-900 bg-texture">
16-
<div className="container mx-auto px-4 py-16">
14+
<div className="min-h-screen bg-grey-500 bg-texture">
15+
<div className="container mx-auto px-32 py-16">
1716
<motion.h1
18-
className="text-5xl font-bold text-center mb-8 text-purple-800 dark:text-purple-300"
17+
className="text-5xl font-bold text-center mb-8 text-white-800 dark:text-grey-300"
1918
initial={{ y: -20, opacity: 0 }}
2019
animate={{ y: 0, opacity: 1 }}
2120
transition={{ duration: 0.5 }}
2221
>
2322
Discover LeetCode Journal
2423
</motion.h1>
25-
26-
<motion.div
27-
className="max-w-3xl mx-auto mb-16"
28-
initial={{ y: 20, opacity: 0 }}
29-
animate={{ y: 0, opacity: 1 }}
30-
transition={{ delay: 0.2, duration: 0.5 }}
31-
>
32-
<p className="text-xl text-center mb-8 text-purple-700 dark:text-purple-200">
33-
Elevate your coding practice and ace technical interviews with LeetCode Journal - your ultimate companion for mastering coding challenges.
34-
</p>
35-
<div className="flex justify-center">
36-
<Button asChild size="lg" className="bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white dark:from-purple-500 dark:to-purple-600 dark:hover:from-purple-600 dark:hover:to-purple-700">
37-
<Link href="/signup">Start Your Coding Journey</Link>
38-
</Button>
39-
</div>
40-
</motion.div>
4124

4225
<TabContainer />
4326

@@ -47,165 +30,18 @@ export default function LearnMorePage() {
4730
animate={{ y: 0, opacity: 1 }}
4831
transition={{ delay: 0.4, duration: 0.5 }}
4932
>
50-
<h2 className="text-3xl font-bold mb-4 text-purple-800 dark:text-purple-300">Ready to Elevate Your Coding Journey?</h2>
51-
<p className="text-xl mb-8 text-purple-700 dark:text-purple-200">Join thousands of developers who have transformed their LeetCode experience with LeetCode Journal.</p>
52-
<Button asChild size="lg" className="bg-gradient-to-r from-purple-600 to-purple-700 hover:from-purple-700 hover:to-purple-800 text-white dark:from-purple-500 dark:to-purple-600 dark:hover:from-purple-600 dark:hover:to-purple-700">
53-
<Link href="/signup">Start Your Free Trial</Link>
54-
</Button>
33+
<h2 className="text-3xl font-bold mb-4 text-grey-800 dark:text-grey-300">Want to Contribute ?</h2>
34+
<p className="text-xl mb-8 text-grey-700 dark:text-grey-200">Join hundreds of developers who have contributed to making LeetCode Journal better for everyone.</p>
35+
<ShinyButton>
36+
<Link
37+
href='https://github.com/yashksaini-coder/Leetcode-Journal'
38+
target='_blank'
39+
>Contribute Now</Link>
40+
</ShinyButton>
5541
</motion.div>
5642
</div>
5743
</div>
58-
<footer className="w-full py-12 px-4 md:px-6 border-t bg-secondary">
59-
<div className="container mx-auto">
60-
<div className="flex flex-col md:flex-row justify-between items-center mb-8">
61-
<div className="flex items-center space-x-4 mb-4 md:mb-0">
62-
<BookOpen className="h-6 w-6 text-primary" />
63-
<span className="font-bold text-lg">LeetCode Journal</span>
64-
</div>
65-
<div className="flex items-center space-x-4 -ml-2">
66-
<Button
67-
variant="outline"
68-
size="sm"
69-
className="hidden md:flex"
70-
asChild
71-
>
72-
<a
73-
href="https://github.com/yashksaini-coder/leetcode-journal"
74-
target="_blank"
75-
rel="noopener noreferrer"
76-
>
77-
<Github className="mr-2 h-4 w-4" />
78-
Star on GitHub
79-
</a>
80-
</Button>
81-
<SocialLinks />
82-
</div>
83-
</div>
84-
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8">
85-
<div>
86-
<h3 className="font-semibold mb-3 text-lg">Product</h3>
87-
<ul className="space-y-2">
88-
<li>
89-
<Link
90-
href="#features"
91-
className="text-sm hover:text-primary transition-colors"
92-
>
93-
Features
94-
</Link>
95-
</li>
96-
<li>
97-
<Link
98-
href="#pricing"
99-
className="text-sm hover:text-primary transition-colors"
100-
>
101-
Pricing
102-
</Link>
103-
</li>
104-
<li>
105-
<Link
106-
href="#"
107-
className="text-sm hover:text-primary transition-colors"
108-
>
109-
FAQ
110-
</Link>
111-
</li>
112-
</ul>
113-
</div>
114-
<div>
115-
<h3 className="font-semibold mb-3 text-lg">Company</h3>
116-
<ul className="space-y-2">
117-
<li>
118-
<Link
119-
href="#"
120-
className="text-sm hover:text-primary transition-colors"
121-
>
122-
About
123-
</Link>
124-
</li>
125-
<li>
126-
<Link
127-
href="#"
128-
className="text-sm hover:text-primary transition-colors"
129-
>
130-
Blog
131-
</Link>
132-
</li>
133-
<li>
134-
<Link
135-
href="#"
136-
className="text-sm hover:text-primary transition-colors"
137-
>
138-
Careers
139-
</Link>
140-
</li>
141-
</ul>
142-
</div>
143-
<div>
144-
<h3 className="font-semibold mb-3 text-lg">Resources</h3>
145-
<ul className="space-y-2">
146-
<li>
147-
<Link
148-
href="#"
149-
className="text-sm hover:text-primary transition-colors"
150-
>
151-
Documentation
152-
</Link>
153-
</li>
154-
<li>
155-
<Link
156-
href="#"
157-
className="text-sm hover:text-primary transition-colors"
158-
>
159-
Community
160-
</Link>
161-
</li>
162-
<li>
163-
<Link
164-
href="#"
165-
className="text-sm hover:text-primary transition-colors"
166-
>
167-
Support
168-
</Link>
169-
</li>
170-
</ul>
171-
</div>
172-
<div>
173-
<h3 className="font-semibold mb-3 text-lg">Legal</h3>
174-
<ul className="space-y-2">
175-
<li>
176-
<Link
177-
href="#"
178-
className="text-sm hover:text-primary transition-colors"
179-
>
180-
Privacy Policy
181-
</Link>
182-
</li>
183-
<li>
184-
<Link
185-
href="#"
186-
className="text-sm hover:text-primary transition-colors"
187-
>
188-
Terms of Service
189-
</Link>
190-
</li>
191-
<li>
192-
<Link
193-
href="#"
194-
className="text-sm hover:text-primary transition-colors"
195-
>
196-
Cookie Policy
197-
</Link>
198-
</li>
199-
</ul>
200-
</div>
201-
</div>
202-
<div className="flex flex-col md:flex-row justify-between items-center pt-8 border-t border-border">
203-
<p className="text-sm text-muted-foreground mb-4 md:mb-0">
204-
© 2023 LeetCode Journal. All rights reserved.
205-
</p>
206-
</div>
207-
</div>
208-
</footer>
44+
<Footer/>
20945
</div>
21046
)
21147
}

0 commit comments

Comments
 (0)