'use client'; import React, { useRef, useState, useEffect } from 'react'; import Link from 'next/link'; import GSAPAnimator from '@/components/GSAPAnimator'; import { useReveal } from '@/hooks/useReveal'; const PRODUCTS = [ { name: 'Behavision', tag: 'Footfall AI', desc: 'Track footfall, measure conversions, and understand in-store behavior with precision heatmaps and dwell-time analytics.', metric: '3.2×', metricLabel: 'conversion uplift', color: '#f4be28', }, { name: 'SpendSense', tag: 'Spend Intelligence', desc: 'Analyze spending patterns and identify high-value customers before your competition does.', metric: '68%', metricLabel: 'retention improvement', color: '#a78bfa', }, { name: 'Dyscount', tag: 'Smart Discounts', desc: 'Deliver targeted discounts that actually convert — without killing your margins.', metric: '41%', metricLabel: 'discount waste reduced', color: '#34d399', }, ]; const OUTCOMES = [ { stat: '3.2×', label: 'Conversion rate increase' }, { stat: '68%', label: 'Customer retention boost' }, { stat: '41%', label: 'Discount spend saved' }, { stat: '9ms', label: 'Real-time decision latency' }, ]; const WHO = [ { label: 'Retail Stores', icon: , }, { label: 'Shopping Malls', icon: , }, { label: 'QSR Chains', icon: , }, { label: 'Franchise Businesses', icon: , }, ]; function RevealBlock({ children, delay = 0, className = '' }: { children: React.ReactNode; delay?: number; className?: string }) { const { ref, visible } = useReveal(); return (
{children}
); } export default function ForBusinessPage() { const [activeProduct, setActiveProduct] = useState(0); const [countVisible, setCountVisible] = useState(false); const statsRef = useRef(null); useEffect(() => { const el = statsRef.current; if (!el) return; const obs = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setCountVisible(true); obs.disconnect(); } }, { threshold: 0.2 }); obs.observe(el); return () => obs.disconnect(); }, []); return (
{/* ── HERO ── */}
{/* Grid bg */}
For Business

Turn Footfall
Into Revenue.

Loyaly.ai gives you complete visibility and control over your retail operations — understanding customers from entry to purchase.

Book a Demo → Talk to Sales
{/* Real-time analytics widget */}
{/* Header */}
Live Analytics
● LIVE
Coimbatore Flagship Store
{/* Main visitors stat */}
Visitors Today
2,847
↑ +12% vs yesterday
{/* Mini bar chart */}
{[30, 45, 38, 55, 62, 50, 70, 80, 65, 90, 75, 60].map((h, i) => (
))}
{/* Metric rows */} {[ { label: 'Conversion Rate', val: '34.8%', delta: '+3.2×', color: '#f4be28' }, { label: 'Avg Basket Value', val: '₹1,240', delta: '+18%', color: '#a78bfa' }, { label: 'Customer Retention', val: '68%', delta: '+12%', color: '#4ade80' }, { label: 'Discount Savings', val: '41%', delta: 'saved', color: '#34d399' }, ].map((m, i) => (
{m.label}
{m.val} {m.delta}
))}
{/* ── CHALLENGE ── */}
The Challenge

You're Getting
Visitors. But
Missing Revenue.

{[ "You don't know who walks into your store.", "You don't know what they're looking for.", "You don't know why they leave.", "And your discounts? Just guesswork.", ].map((line, i) => (
0{i + 1} {line}
))}
{/* ── PRODUCTS ── */}
Our Products

AI-Powered Retail Intelligence.

{/* Tab selector */}
{PRODUCTS.map((p, i) => ( ))}
{/* Product detail */} {PRODUCTS.map((p, i) => (
{p.tag}

{p.name}

{p.desc}

Learn More →
{p.metric}
{p.metricLabel}
))}
{/* ── OUTCOMES ── */}
Outcomes

Real Results.
Not Assumptions.

{OUTCOMES.map((o, i) => (
{o.stat}
{o.label}
 ))}
{/* ── WHO IT'S FOR ── */}
Who It's For

Built for every format of physical retail.

{WHO.map((w, i) => (
{w.icon}
{w.label}
 ))}
{/* ── FINAL CTA ── */}

Ready to Transform
Your Retail Business?

Schedule a demo and see your store's potential in 30 minutes.

Schedule a Demo Talk to Sales
); }