'use client';
import { useState, useEffect } from 'react';
import Link from 'next/link';
import Image from 'next/image';
const NAV = [
{
title: 'Product',
links: [
{ label: 'For People', href: '/for_people' },
{ label: 'For Business', href: '/use_cases' },
{ label: 'Meet the Crew', href: '/solutions_page' },
],
},
{
title: 'Platform',
links: [
{ label: 'Behavision AI', href: '/use_cases' },
{ label: 'SpendSense AI', href: '/use_cases' },
{ label: 'Dyscount AI', href: '/use_cases' },
],
},
{
title: 'Company',
links: [
{ label: 'About us', href: '/about_us' },
{ label: 'Market Insights', href: '/blog_main' },
{ label: 'Contact Us', href: '/contacts' },
],
},
];
const SOCIALS = [
{
label: 'LinkedIn', href: 'https://www.linkedin.com/company/loyaly-ai',
icon: ,
},
{
label: 'X / Twitter', href: 'https://twitter.com/loyalyai',
icon: ,
},
{
label: 'Instagram', href: 'https://instagram.com/loyalyai',
icon: ,
},
{
label: 'YouTube', href: 'https://www.youtube.com/@loyalyai',
icon: ,
},
];
export default function Footer() {
const [showScroll, setShowScroll] = useState(false);
useEffect(() => {
const onScroll = () => setShowScroll(window.scrollY > 400);
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
<>
{/* Scroll-to-top */}
{/* Pulse ring */}
>
);
}