Skip to content

Commit 59e3656

Browse files
chandansgowdachandansgowda
authored
Merge pull request #113 from Aditya30ag/feat/ui-landing-imporve
Professional aesthetic that's both modern and eye-catching
2 parents e76f1bf + 19b4a12 commit 59e3656

File tree

2 files changed

+241
-168
lines changed

2 files changed

+241
-168
lines changed

‎landing/src/components/layout/Footer.tsx‎

Lines changed: 34 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -8,47 +8,63 @@ const Footer: React.FC = () => {
88
const isHomePage = location.pathname === '/';
99

1010
return (
11-
<footer className="bg-dark-lighter py-12">
12-
<div className="container mx-auto px-6">
11+
<footer className="relative bg-gradient-to-br from-dark via-dark-lighter to-gray-900 py-12 overflow-hidden">
12+
{/* Background gradient overlays */}
13+
<div className="absolute inset-0 pointer-events-none">
14+
<div className="absolute top-0 left-0 w-96 h-96 rounded-full bg-green-500/5 blur-2xl -translate-x-1/2 -translate-y-1/2"></div>
15+
<div className="absolute bottom-0 right-0 w-96 h-96 rounded-full bg-blue-500/4 blur-3xl translate-x-1/2 translate-y-1/2"></div>
16+
<div className="absolute inset-0 bg-gradient-to-t from-transparent via-green-500/5 to-transparent opacity-50"></div>
17+
</div>
18+
19+
<div className="container mx-auto px-6 relative z-10">
1320
<div className="flex flex-col md:flex-row justify-between items-start mb-8">
1421
<div className="mb-6 md:mb-0">
1522
<h3 className="text-2xl font-bold gradient-text mb-2">Devr.AI</h3>
16-
<p className="text-gray-400 text-sm max-w-xs">
23+
<p className="text-gray-300 text-sm max-w-xs leading-relaxed">
1724
Revolutionizing developer relations with AI-powered community management.
1825
</p>
1926
</div>
2027
<div className="flex flex-row gap-12">
2128
<div>
22-
<h4 className="font-medium mb-3 text-white">Links</h4>
23-
<ul className="space-y-2">
24-
<li><a href={isHomePage ? "#features" : "/#features"} className="text-gray-400 hover:text-primary text-sm">Features</a></li>
25-
<li><a href={isHomePage ? "#how-it-works" : "/#how-it-works"} className="text-gray-400 hover:text-primary text-sm">How It Works</a></li>
26-
<li><a href={isHomePage ? "#integrations" : "/#integrations"} className="text-gray-400 hover:text-primary text-sm">Integrations</a></li>
27-
<li><a href={isHomePage ? "#waitlist" : "/#waitlist"} className="text-gray-400 hover:text-primary text-sm">Join Waitlist</a></li>
29+
<h4 className="font-semibold mb-4 text-white bg-gradient-to-r from-green-400 to-blue-500 bg-clip-text text-transparent">Links</h4>
30+
<ul className="space-y-3">
31+
<li><a href={isHomePage ? "#features" : "/#features"} className="text-gray-300 hover:text-transparent hover:bg-gradient-to-r hover:from-green-400 hover:to-blue-500 hover:bg-clip-text text-sm transition-all duration-300 ease-in-out">Features</a></li>
32+
<li><a href={isHomePage ? "#how-it-works" : "/#how-it-works"} className="text-gray-300 hover:text-transparent hover:bg-gradient-to-r hover:from-green-400 hover:to-blue-500 hover:bg-clip-text text-sm transition-all duration-300 ease-in-out">How It Works</a></li>
33+
<li><a href={isHomePage ? "#integrations" : "/#integrations"} className="text-gray-300 hover:text-transparent hover:bg-gradient-to-r hover:from-green-400 hover:to-blue-500 hover:bg-clip-text text-sm transition-all duration-300 ease-in-out">Integrations</a></li>
34+
<li><a href={isHomePage ? "#waitlist" : "/#waitlist"} className="text-gray-300 hover:text-transparent hover:bg-gradient-to-r hover:from-green-400 hover:to-blue-500 hover:bg-clip-text text-sm transition-all duration-300 ease-in-out">Join Waitlist</a></li>
2835
</ul>
2936
</div>
3037
<div>
31-
<h4 className="font-medium mb-3 text-white">Legal</h4>
32-
<ul className="space-y-2">
33-
<li><Link to="/privacy-policy" className="text-gray-400 hover:text-primary text-sm">Privacy Policy</Link></li>
34-
<li><Link to="/terms-of-service" className="text-gray-400 hover:text-primary text-sm">Terms of Service</Link></li>
38+
<h4 className="font-semibold mb-4 text-white bg-gradient-to-r from-green-400 to-blue-500 bg-clip-text text-transparent">Legal</h4>
39+
<ul className="space-y-3">
40+
<li><Link to="/privacy-policy" className="text-gray-300 hover:text-transparent hover:bg-gradient-to-r hover:from-green-400 hover:to-blue-500 hover:bg-clip-text text-sm transition-all duration-300 ease-in-out">Privacy Policy</Link></li>
41+
<li><Link to="/terms-of-service" className="text-gray-300 hover:text-transparent hover:bg-gradient-to-r hover:from-green-400 hover:to-blue-500 hover:bg-clip-text text-sm transition-all duration-300 ease-in-out">Terms of Service</Link></li>
3542
</ul>
3643
</div>
3744
</div>
3845
</div>
3946

40-
<div className="border-t border-gray-800 pt-8 flex flex-col md:flex-row justify-between items-center">
41-
<p className="text-gray-500 text-sm mb-4 md:mb-0">
47+
<div className="border-t border-gradient-to-r from-green-500/20 via-blue-500/20 to-green-500/20 pt-8 flex flex-col md:flex-row justify-between items-center" style={{borderImage: 'linear-gradient(90deg, rgba(34, 197, 94, 0.2), rgba(59, 130, 246, 0.2), rgba(34, 197, 94, 0.2)) 1'}}>
48+
<p className="text-gray-400 text-sm mb-4 md:mb-0">
4249
&copy; {currentYear} Devr.AI. All rights reserved.
4350
</p>
4451
<div className="flex space-x-6">
45-
<a href="https://github.com/AOSSIE-Org/Devr.AI/" className="text-gray-400 hover:text-primary" target='_blank' rel="noreferrer">
52+
<a href="https://github.com/AOSSIE-Org/Devr.AI/"
53+
className="text-gray-300 hover:text-white hover:scale-110 transition-all duration-300 ease-in-out p-2 rounded-lg hover:bg-gradient-to-r hover:from-green-500/10 hover:to-blue-500/10 hover:shadow-lg hover:shadow-green-500/20"
54+
target='_blank'
55+
rel="noreferrer">
4656
<Github size={20} />
4757
</a>
48-
<a href="https://x.com/aossie_org?lang=en" className="text-gray-400 hover:text-primary" target='_blank'>
58+
<a href="https://x.com/aossie_org?lang=en"
59+
className="text-gray-300 hover:text-white hover:scale-110 transition-all duration-300 ease-in-out p-2 rounded-lg hover:bg-gradient-to-r hover:from-green-500/10 hover:to-blue-500/10 hover:shadow-lg hover:shadow-blue-500/20"
60+
target='_blank'
61+
rel="noreferrer">
4962
<Twitter size={20} />
5063
</a>
51-
<a href="https://www.linkedin.com/company/aossie/?originalSubdomain=au" className="text-gray-400 hover:text-primary" target='_blank'>
64+
<a href="https://www.linkedin.com/company/aossie/?originalSubdomain=au"
65+
className="text-gray-300 hover:text-white hover:scale-110 transition-all duration-300 ease-in-out p-2 rounded-lg hover:bg-gradient-to-r hover:from-green-500/10 hover:to-blue-500/10 hover:shadow-lg hover:shadow-green-500/20"
66+
target='_blank'
67+
rel="noreferrer">
5268
<Linkedin size={20} />
5369
</a>
5470
</div>

0 commit comments

Comments
 (0)