Skip to content

Commit a44b5fe

Browse files
parbhatkapila4parbhatkapila4
committed
Update footer and navigation components
1 parent 0f33f6a commit a44b5fe

File tree

6 files changed

+354
-95
lines changed

6 files changed

+354
-95
lines changed

‎public/RepoDoc Logo.png‎

-7.63 KB
Binary file not shown.

‎public/favicon.ico‎

-7.63 KB
Binary file not shown.

‎public/favicon.png‎

-7.63 KB
Binary file not shown.

‎src/app/contact/page.tsx‎

Lines changed: 215 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,215 @@
1+
import React from 'react'
2+
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
3+
import { Badge } from "@/components/ui/badge"
4+
import { Button } from "@/components/ui/button"
5+
import {
6+
Mail,
7+
MessageSquare,
8+
Github,
9+
ArrowLeft,
10+
Send,
11+
MapPin,
12+
Phone
13+
} from "lucide-react"
14+
import Link from 'next/link'
15+
16+
export default function ContactPage() {
17+
return (
18+
<div className="min-h-screen black-bg relative overflow-hidden">
19+
{/* Background Elements */}
20+
<div className="absolute inset-0 overflow-hidden">
21+
<div className="absolute -top-40 -right-40 w-80 h-80 bg-white/5 rounded-full blur-3xl floating"></div>
22+
<div className="absolute -bottom-40 -left-40 w-80 h-80 bg-white/3 rounded-full blur-3xl floating" style={{animationDelay: '3s'}}></div>
23+
</div>
24+
25+
<div className="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
26+
{/* Back to Home Button */}
27+
<div className="mb-8">
28+
<Button
29+
variant="outline"
30+
className="border-subtle text-white/70 hover:text-white hover:bg-white/5 glass-card"
31+
asChild
32+
>
33+
<Link href="/">
34+
<ArrowLeft className="w-4 h-4 mr-2" />
35+
Back to Home
36+
</Link>
37+
</Button>
38+
</div>
39+
40+
{/* Header */}
41+
<div className="text-center mb-16">
42+
<Badge variant="secondary" className="mb-6 px-4 py-2 text-sm glass-card text-white/90 border-subtle">
43+
<MessageSquare className="w-4 h-4 mr-2 text-white/80" />
44+
Get in Touch
45+
</Badge>
46+
47+
<h1 className="text-4xl sm:text-5xl font-bold text-white mb-6 leading-tight">
48+
Contact Us
49+
</h1>
50+
51+
<p className="text-xl text-white/70 max-w-3xl mx-auto mb-8">
52+
Have questions, feedback, or want to collaborate? We'd love to hear from you!
53+
</p>
54+
</div>
55+
56+
{/* Contact Content */}
57+
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
58+
{/* Contact Information Cards */}
59+
<div className="lg:col-span-1 space-y-6">
60+
<Card className="glass-card border-subtle">
61+
<CardHeader>
62+
<CardTitle className="text-white flex items-center">
63+
<Mail className="w-6 h-6 mr-3 text-white/80" />
64+
Email
65+
</CardTitle>
66+
</CardHeader>
67+
<CardContent>
68+
<a
69+
href="mailto:help@productsolutions.net"
70+
className="text-white/70 hover:text-white transition-colors text-lg"
71+
>
72+
help@productsolutions.net
73+
</a>
74+
</CardContent>
75+
</Card>
76+
77+
<Card className="glass-card border-subtle">
78+
<CardHeader>
79+
<CardTitle className="text-white flex items-center">
80+
<Github className="w-6 h-6 mr-3 text-white/80" />
81+
GitHub
82+
</CardTitle>
83+
</CardHeader>
84+
<CardContent>
85+
<a
86+
href="https://github.com/parbhatkapila4/RepoDocs"
87+
target="_blank"
88+
rel="noopener noreferrer"
89+
className="text-white/70 hover:text-white transition-colors text-lg"
90+
>
91+
github.com/parbhatkapila4/RepoDocs
92+
</a>
93+
</CardContent>
94+
</Card>
95+
96+
<Card className="glass-card border-subtle">
97+
<CardHeader>
98+
<CardTitle className="text-white flex items-center">
99+
<MessageSquare className="w-6 h-6 mr-3 text-white/80" />
100+
Support
101+
</CardTitle>
102+
</CardHeader>
103+
<CardContent>
104+
<p className="text-white/70">
105+
For technical support, feature requests, or bug reports, please open an issue on our GitHub repository.
106+
</p>
107+
</CardContent>
108+
</Card>
109+
</div>
110+
111+
{/* Contact Form */}
112+
<div className="lg:col-span-2">
113+
<Card className="glass-card border-subtle">
114+
<CardHeader>
115+
<CardTitle className="text-white">Send us a Message</CardTitle>
116+
</CardHeader>
117+
<CardContent>
118+
<form className="space-y-6">
119+
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
120+
<div>
121+
<label htmlFor="name" className="block text-sm font-medium text-white/80 mb-2">
122+
Name
123+
</label>
124+
<input
125+
type="text"
126+
id="name"
127+
name="name"
128+
className="w-full px-4 py-3 bg-white/5 border border-subtle rounded-lg text-white placeholder-white/40 focus:outline-none focus:ring-2 focus:ring-white/20 focus:border-transparent"
129+
placeholder="Your name"
130+
/>
131+
</div>
132+
<div>
133+
<label htmlFor="email" className="block text-sm font-medium text-white/80 mb-2">
134+
Email
135+
</label>
136+
<input
137+
type="email"
138+
id="email"
139+
name="email"
140+
className="w-full px-4 py-3 bg-white/5 border border-subtle rounded-lg text-white placeholder-white/40 focus:outline-none focus:ring-2 focus:ring-white/20 focus:border-transparent"
141+
placeholder="your.email@example.com"
142+
/>
143+
</div>
144+
</div>
145+
146+
<div>
147+
<label htmlFor="subject" className="block text-sm font-medium text-white/80 mb-2">
148+
Subject
149+
</label>
150+
<input
151+
type="text"
152+
id="subject"
153+
name="subject"
154+
className="w-full px-4 py-3 bg-white/5 border border-subtle rounded-lg text-white placeholder-white/40 focus:outline-none focus:ring-2 focus:ring-white/20 focus:border-transparent"
155+
placeholder="What's this about?"
156+
/>
157+
</div>
158+
159+
<div>
160+
<label htmlFor="message" className="block text-sm font-medium text-white/80 mb-2">
161+
Message
162+
</label>
163+
<textarea
164+
id="message"
165+
name="message"
166+
rows={6}
167+
className="w-full px-4 py-3 bg-white/5 border border-subtle rounded-lg text-white placeholder-white/40 focus:outline-none focus:ring-2 focus:ring-white/20 focus:border-transparent resize-none"
168+
placeholder="Tell us what's on your mind..."
169+
/>
170+
</div>
171+
172+
<Button
173+
type="submit"
174+
className="w-full bg-white/10 hover:bg-white/20 text-white h-12 text-lg border border-subtle glow-subtle"
175+
>
176+
<Send className="w-5 h-5 mr-2" />
177+
Send Message
178+
</Button>
179+
</form>
180+
</CardContent>
181+
</Card>
182+
183+
{/* Additional Information */}
184+
<Card className="glass-card border-subtle mt-6">
185+
<CardHeader>
186+
<CardTitle className="text-white">Other Ways to Connect</CardTitle>
187+
</CardHeader>
188+
<CardContent className="space-y-4">
189+
<div className="flex items-start">
190+
<div className="w-2 h-2 bg-white/40 rounded-full mt-2 mr-3 flex-shrink-0"></div>
191+
<p className="text-white/70">
192+
<strong className="text-white">Open Source Contributions:</strong> We welcome contributions! Check out our GitHub repository for open issues and contribution guidelines.
193+
</p>
194+
</div>
195+
<div className="flex items-start">
196+
<div className="w-2 h-2 bg-white/40 rounded-full mt-2 mr-3 flex-shrink-0"></div>
197+
<p className="text-white/70">
198+
<strong className="text-white">Feature Requests:</strong> Have an idea for a new feature? Open a discussion on GitHub or send us an email.
199+
</p>
200+
</div>
201+
<div className="flex items-start">
202+
<div className="w-2 h-2 bg-white/40 rounded-full mt-2 mr-3 flex-shrink-0"></div>
203+
<p className="text-white/70">
204+
<strong className="text-white">Partnerships:</strong> Interested in partnering with RepoDoc? Reach out to discuss collaboration opportunities.
205+
</p>
206+
</div>
207+
</CardContent>
208+
</Card>
209+
</div>
210+
</div>
211+
</div>
212+
</div>
213+
)
214+
}
215+

‎src/components/landing/Footer.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react'
22
import Link from 'next/link'
3-
import { Github, ExternalLink } from "lucide-react"
3+
import { Github } from "lucide-react"
44
import { RepoDocLogo } from "@/components/ui/repodoc-logo"
55

66
export default function Footer() {
@@ -22,8 +22,8 @@ export default function Footer() {
2222
<div>
2323
<h3 className="text-white font-semibold mb-4">Product</h3>
2424
<ul className="space-y-2">
25-
<li><Link href="/dashboard" className="text-white/60 hover:text-white transition-colors text-sm">Dashboard</Link></li>
26-
<li><Link href="/about" className="text-white/60 hover:text-white transition-colors text-sm">About RepoDoc</Link></li>
25+
<li><Link href="/about" className="text-white/60 hover:text-white transition-colors text-sm">About</Link></li>
26+
<li><Link href="/contact" className="text-white/60 hover:text-white transition-colors text-sm">Contact</Link></li>
2727
</ul>
2828
</div>
2929

@@ -42,7 +42,7 @@ export default function Footer() {
4242
© 2025 RepoDoc. All rights reserved.
4343
</p>
4444
<div className="flex space-x-6 mt-4 md:mt-0">
45-
<a href="https://github.com/parbhatkapila4/RepoDocs" target="_blank" rel="noopener noreferrer" className="text-white/60 hover:text-white transition-colors">
45+
<a href="https://github.com/parbhatkapila4/RepoDocs" target="_blank" rel="noopener noreferrer" className="text-white/60 hover:text-green-700 transition-colors">
4646
<Github className="w-5 h-5" />
4747
</a>
4848
</div>

0 commit comments

Comments
 (0)