muhammadnasr

import { navigation } from "./LandingPageData";
<div className=" flex items-center gap-x-6">
  <div className="sm:mt-10 mt-2 flex justify-center space-x-10">
   {navigation.social.map((item) => (
     <a
       key={item.name}
       href={item.href}
       className="text-gray-400 hover:text-gray-500"
     >
       <span className="sr-only">{item.name}</span>