"use client";

import { MapPin, Phone } from "lucide-react";
import Link from "next/link";

export default function TopHeader() {
  return (
    <div className="hidden lg:block w-full text-gray-600 text-sm bg-green-50 border-b border-gray-100 mt-[131px]">
       <div className="flex items-center gap-32 px-32 py-1.5 justify-center">
          <Link href={'/services'} className="flex items-center text-center gap-2 border-r-2 border-l-2 border-gray-300 px-6 hover:text-green-700 transition-colors cursor-pointer font-semibold">
            <span className="text-sm">Lowest Price Policy</span>
          </Link>

          <Link href={'/services'} className="flex items-center gap-2 border-r-2 border-l-2 border-gray-300 px-6 hover:text-green-700 transition-colors cursor-pointer font-semibold">
            <span className="text-sm">Free Delivery</span>
          </Link>

           <Link href={'/services'} className="flex items-center gap-2 border-r-2 border-l-2 border-gray-300 px-6 hover:text-green-700 transition-colors cursor-pointer font-semibold">
            <span className="text-sm">Consultancy Support</span>
          </Link>

           <Link href={'/services'} className="flex items-center gap-2 border-r-2 border-l-2 border-gray-300 px-6 hover:text-green-700 transition-colors cursor-pointer font-semibold">
            <span className="text-sm">Easy in-store Returns</span>
          </Link>
        </div>
    </div>
  );
}