From dc50c1ccaefced644e6a9fd1ab86db613005e19f Mon Sep 17 00:00:00 2001
From: Satyam <95536056+Satyam-Rastogi@users.noreply.github.com>
Date: Sun, 1 Feb 2026 19:47:02 +0530
Subject: [PATCH] feat: added landing page footer with contact info and credits

---
 src/pages/Landing.jsx | 68 ++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 67 insertions(+), 1 deletion(-)

diff --git a/src/pages/Landing.jsx b/src/pages/Landing.jsx
index c10a37e..dd2409f 100644
--- a/src/pages/Landing.jsx
+++ b/src/pages/Landing.jsx
@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from 'react';
 import Chatbot from '../components/Chatbot';
 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 { SpotlightCard } from '../components/SpotlightCard';
@@ -303,6 +303,72 @@ const Landing = () => {
                 </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 />
         </div>
     );