feat: added landing page footer with contact info and credits

This commit is contained in:
Satyam
2026-02-01 19:47:02 +05:30
parent 43803ee53c
commit dc50c1ccae
+67 -1
View File
@@ -1,7 +1,7 @@
import React, { useEffect, useRef } from 'react'; import React, { useEffect, useRef } from 'react';
import Chatbot from '../components/Chatbot'; import Chatbot from '../components/Chatbot';
import { useAuth } from '../context/AuthContext'; import { useAuth } from '../context/AuthContext';
import { ArrowRight, CheckCircle2, Home, Star, ShieldCheck, Clock, Award, TrendingDown, Users } from 'lucide-react'; import { ArrowRight, CheckCircle2, Home, Star, ShieldCheck, Clock, Award, TrendingDown, Users, MapPin, Phone, Mail } from 'lucide-react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { SpotlightCard } from '../components/SpotlightCard'; import { SpotlightCard } from '../components/SpotlightCard';
@@ -303,6 +303,72 @@ const Landing = () => {
</div> </div>
</div> </div>
{/* FOOTER */}
<footer className="bg-zinc-950 border-t border-white/10 pt-24 pb-12 relative overflow-hidden">
{/* Background Pattern */}
<div className="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-5 pointer-events-none mix-blend-overlay"></div>
<div className="max-w-7xl mx-auto px-6 relative z-10">
<div className="grid md:grid-cols-4 gap-12 mb-20">
<div className="col-span-1 md:col-span-2 space-y-6">
<div className="flex items-center space-x-2">
<img src={Logo} alt="LynkedUp Pro" className="w-8 h-8 object-contain opacity-80 grayscale hover:grayscale-0 transition-all" />
<span className="text-xl font-bold text-white tracking-tight">LynkedUp Pro</span>
</div>
<p className="text-sm leading-relaxed max-w-sm text-zinc-500">
Revolutionizing property management and roofing inspections with military-grade precision and AI-driven insights. Built for the modern homeowner.
</p>
<div className="flex space-x-4">
{/* Social placeholders */}
<div className="w-10 h-10 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center cursor-pointer transition-colors"><div className="w-4 h-4 bg-zinc-600 rounded-sm"></div></div>
<div className="w-10 h-10 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center cursor-pointer transition-colors"><div className="w-4 h-4 bg-zinc-600 rounded-sm"></div></div>
<div className="w-10 h-10 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center cursor-pointer transition-colors"><div className="w-4 h-4 bg-zinc-600 rounded-sm"></div></div>
</div>
</div>
<div className="space-y-4">
<h4 className="text-white font-bold uppercase tracking-widest text-xs">Contact</h4>
<ul className="space-y-4 text-sm text-zinc-400">
<li className="flex items-start">
<MapPin size={16} className="mr-3 mt-1 text-blue-500 shrink-0" />
<span>16990 Dallas Pkwy Suite 206<br />Dallas, TX 75248</span>
</li>
<li className="flex items-center">
<Phone size={16} className="mr-3 text-blue-500 shrink-0" />
<span>866-259-6533</span>
</li>
<li className="flex items-center">
<Mail size={16} className="mr-3 text-blue-500 shrink-0" />
<span>info@LynkedUpPro.com</span>
</li>
</ul>
</div>
<div className="space-y-4">
<h4 className="text-white font-bold uppercase tracking-widest text-xs">Legal</h4>
<ul className="space-y-2 text-sm text-zinc-500">
<li className="hover:text-white cursor-pointer transition-colors">Privacy Policy</li>
<li className="hover:text-white cursor-pointer transition-colors">Terms of Service</li>
<li className="hover:text-white cursor-pointer transition-colors">Drone Flight Safety</li>
<li className="hover:text-white cursor-pointer transition-colors">Sitemap</li>
</ul>
</div>
</div>
<div className="border-t border-white/5 pt-12 flex flex-col md:flex-row justify-between items-center gap-6 text-xs text-zinc-600">
<div className="flex flex-col items-center md:items-start gap-1">
<p>&copy; 2026 LynkedUp Pro. All Rights Reserved.</p>
<p>Powered by <span className="text-zinc-400">LynkedUp Technologies</span></p>
</div>
<div className="flex items-center gap-2 px-4 py-2 rounded-full bg-white/5 border border-white/5 hover:bg-white/10 hover:border-white/10 transition-all group cursor-default">
<span className="animate-pulse"></span>
<span>Made by <span className="text-zinc-300 font-bold group-hover:text-blue-400 transition-colors">Satyam Rastogi</span> with lots of love and coffee</span>
</div>
</div>
</div>
</footer>
<Chatbot /> <Chatbot />
</div> </div>
); );