From 50aa2e547b4d450589c2e8e03c08fc66a5291d14 Mon Sep 17 00:00:00 2001
From: Satyam <95536056+Satyam-Rastogi@users.noreply.github.com>
Date: Sun, 1 Feb 2026 19:54:00 +0530
Subject: [PATCH] feat: added social icons and refined credit hover effect in
 footer

---
 src/pages/Landing.jsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/pages/Landing.jsx b/src/pages/Landing.jsx
index b825953..2c3dc8f 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, MapPin, Phone, Mail } from 'lucide-react';
+import { ArrowRight, CheckCircle2, Home, Star, ShieldCheck, Clock, Award, TrendingDown, Users, MapPin, Phone, Mail, Instagram, Twitter, Youtube } from 'lucide-react';
 import { Link } from 'react-router-dom';
 
 import { SpotlightCard } from '../components/SpotlightCard';
@@ -326,10 +326,9 @@ const Landing = () => {
                                 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 className="w-10 h-10 rounded-full bg-white/5 hover:bg-white/10 flex items-center justify-center cursor-pointer transition-colors text-zinc-400 hover:text-pink-500"><Instagram size={18} /></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 text-zinc-400 hover:text-blue-400"><Twitter size={18} /></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 text-zinc-400 hover:text-red-500"><Youtube size={18} /></div>
                             </div>
                         </div>
 
@@ -370,7 +369,7 @@ const Landing = () => {
 
                         <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="text-zinc-500">✨</span>
-                            <span>Satyam Rastogi made this. <span className="text-zinc-400 group-hover:text-blue-400 transition-colors">Blame him for the bugs, praise him for the features.</span></span>
+                            <span><span className="font-bold text-zinc-400 group-hover:text-white transition-colors">Satyam Rastogi</span> made this. <span className="text-zinc-500 group-hover:text-blue-400 transition-colors">Blame him for the bugs, praise him for the features.</span></span>
                         </div>
                     </div>
                 </div>