Skip to content

Commit 4aa7271

Browse files
JAYANTJOSHI001JAYANTJOSHI001
committed
made changes in the contact section and added a
new page for FAQ Signed-off-by: JAYANTJOSHI001 <[email protected]>
1 parent fd74aa9 commit 4aa7271

File tree

5 files changed

+313
-121
lines changed

5 files changed

+313
-121
lines changed

‎app/FAQ/component/contact-section.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Mail, Phone } from 'lucide-react'
33

44
export default function ContactSection() {
55
return (
6-
<div className="mt-16 bg-purple-100 rounded-lg p-8 text-center">
6+
<div className="mt-16 bg-white rounded-lg p-8 text-center">
77
<h2 className="text-2xl font-bold text-purple-800 mb-4">Still have questions?</h2>
88
<p className="text-purple-600 mb-6">Our support team is here to help you</p>
99
<div className="flex justify-center space-x-4">

‎app/FAQ/page.tsx

+158-4
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
import { Metadata } from 'next'
22
import FAQComponent from './component/faq-component'
33
import ContactSection from './component/contact-section'
4-
import Navbar from '@/components/header'
54
import Navbar1 from '@/components/navbar'
6-
import Footer from '@/components/footer'
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'
79

810
export const metadata: Metadata = {
911
title: 'FAQ - Your Company Name',
@@ -20,9 +22,161 @@ export default function FAQPage() {
2022
<p className="text-xl text-purple-600">Find answers to common questions about our products and services</p>
2123
</div>
2224
<FAQComponent />
23-
<ContactSection />
25+
<div className="rounded-lg text-center w-[50%] mx-auto">
26+
<ContactSection />
27+
</div>
2428
</div>
25-
<Footer />
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>
26180
</div>
27181
)
28182
}

‎app/page.tsx

+154-19
Original file line numberDiff line numberDiff line change
@@ -9,31 +9,16 @@ import {
99
CardTitle,
1010
} from "@/components/ui/card";
1111
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
12-
import {
13-
Accordion,
14-
AccordionContent,
15-
AccordionItem,
16-
AccordionTrigger,
17-
} from "@/components/ui/accordion";
18-
import {
19-
Carousel,
20-
CarouselContent,
21-
CarouselItem,
22-
CarouselNext,
23-
CarouselPrevious,
24-
} from "@/components/ui/carousel";
25-
import { ThemeToggle } from "@/components/theme-toggle";
26-
import { BookOpen, CheckCircle, Github } from "lucide-react";
12+
import { BookOpen, Github } from "lucide-react";
2713
import { SocialLinks } from "@/components/SocialLinks";
2814
import { Highlight } from "@/components/ui/hero-hihglight";
29-
import Navbar from "@/components/header";
3015
import PricingCard from "@/components/LandingComponents/PriceCard";
31-
import Footer from "@/components/footer";
16+
import Navbar1 from "@/components/navbar";
3217

3318
export default function LandingPage() {
3419
return (
3520
<div className="flex flex-col min-h-screen bg-background">
36-
<Navbar />
21+
<Navbar1 />
3722
<main className="flex-1">
3823
<section className="w-full py-12 md:py-24 lg:py-32 bg-secondary overflow-hidden">
3924
<div className="container mx-auto px-4 md:px-6 relative z-10">
@@ -237,7 +222,157 @@ export default function LandingPage() {
237222
</div>
238223
</section>
239224
</main>
240-
<Footer />
225+
<footer className="w-full py-12 px-4 md:px-6 border-t bg-secondary">
226+
<div className="container mx-auto">
227+
<div className="flex flex-col md:flex-row justify-between items-center mb-8">
228+
<div className="flex items-center space-x-4 mb-4 md:mb-0">
229+
<BookOpen className="h-6 w-6 text-primary" />
230+
<span className="font-bold text-lg">LeetCode Journal</span>
231+
</div>
232+
<div className="flex items-center space-x-4 -ml-2">
233+
<Button
234+
variant="outline"
235+
size="sm"
236+
className="hidden md:flex"
237+
asChild
238+
>
239+
<a
240+
href="https://github.com/yashksaini-coder/leetcode-journal"
241+
target="_blank"
242+
rel="noopener noreferrer"
243+
>
244+
<Github className="mr-2 h-4 w-4" />
245+
Star on GitHub
246+
</a>
247+
</Button>
248+
<SocialLinks />
249+
</div>
250+
</div>
251+
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 mb-8">
252+
<div>
253+
<h3 className="font-semibold mb-3 text-lg">Product</h3>
254+
<ul className="space-y-2">
255+
<li>
256+
<Link
257+
href="#features"
258+
className="text-sm hover:text-primary transition-colors"
259+
>
260+
Features
261+
</Link>
262+
</li>
263+
<li>
264+
<Link
265+
href="#pricing"
266+
className="text-sm hover:text-primary transition-colors"
267+
>
268+
Pricing
269+
</Link>
270+
</li>
271+
<li>
272+
<Link
273+
href="#"
274+
className="text-sm hover:text-primary transition-colors"
275+
>
276+
FAQ
277+
</Link>
278+
</li>
279+
</ul>
280+
</div>
281+
<div>
282+
<h3 className="font-semibold mb-3 text-lg">Company</h3>
283+
<ul className="space-y-2">
284+
<li>
285+
<Link
286+
href="#"
287+
className="text-sm hover:text-primary transition-colors"
288+
>
289+
About
290+
</Link>
291+
</li>
292+
<li>
293+
<Link
294+
href="#"
295+
className="text-sm hover:text-primary transition-colors"
296+
>
297+
Blog
298+
</Link>
299+
</li>
300+
<li>
301+
<Link
302+
href="#"
303+
className="text-sm hover:text-primary transition-colors"
304+
>
305+
Careers
306+
</Link>
307+
</li>
308+
</ul>
309+
</div>
310+
<div>
311+
<h3 className="font-semibold mb-3 text-lg">Resources</h3>
312+
<ul className="space-y-2">
313+
<li>
314+
<Link
315+
href="#"
316+
className="text-sm hover:text-primary transition-colors"
317+
>
318+
Documentation
319+
</Link>
320+
</li>
321+
<li>
322+
<Link
323+
href="#"
324+
className="text-sm hover:text-primary transition-colors"
325+
>
326+
Community
327+
</Link>
328+
</li>
329+
<li>
330+
<Link
331+
href="#"
332+
className="text-sm hover:text-primary transition-colors"
333+
>
334+
Support
335+
</Link>
336+
</li>
337+
</ul>
338+
</div>
339+
<div>
340+
<h3 className="font-semibold mb-3 text-lg">Legal</h3>
341+
<ul className="space-y-2">
342+
<li>
343+
<Link
344+
href="#"
345+
className="text-sm hover:text-primary transition-colors"
346+
>
347+
Privacy Policy
348+
</Link>
349+
</li>
350+
<li>
351+
<Link
352+
href="#"
353+
className="text-sm hover:text-primary transition-colors"
354+
>
355+
Terms of Service
356+
</Link>
357+
</li>
358+
<li>
359+
<Link
360+
href="#"
361+
className="text-sm hover:text-primary transition-colors"
362+
>
363+
Cookie Policy
364+
</Link>
365+
</li>
366+
</ul>
367+
</div>
368+
</div>
369+
<div className="flex flex-col md:flex-row justify-between items-center pt-8 border-t border-border">
370+
<p className="text-sm text-muted-foreground mb-4 md:mb-0">
371+
© 2023 LeetCode Journal. All rights reserved.
372+
</p>
373+
</div>
374+
</div>
375+
</footer>
241376
</div>
242377
);
243378
}

0 commit comments

Comments
 (0)