feat: added landing page footer with contact info and credits
This commit is contained in:
+67
-1
@@ -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>© 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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user