import React from 'react';
export type ServiceAnimationType = 'design' | 'development' | 'ecommerce' | 'mobile' | 'uiux' | 'team' | 'default';
export function getServiceAnimationType(title: string): ServiceAnimationType {
const t = title.toLowerCase();
if (t.includes('web design') || t.includes('website design')) return 'design';
if (t.includes('software') || t.includes('web application') || t.includes('development')) return 'development';
if (t.includes('e-commerce') || t.includes('ecommerce')) return 'ecommerce';
if (t.includes('mobile') || t.includes('app')) return 'mobile';
if (t.includes('ui') || t.includes('ux') || t.includes('graphic')) return 'uiux';
if (t.includes('team') || t.includes('augmentation')) return 'team';
return 'default';
}
// ─── DESIGN: Browser wireframe আঁকা হচ্ছে + cursor মুভ করছে ─────────────────
const DesignAnimation: React.FC = () => (
);
// ─── DEVELOPMENT: Code টাইপ হচ্ছে + cursor blinking ─────────────────────────
const DevelopmentAnimation: React.FC = () => (
);
// ─── ECOMMERCE: Products cart-এ ঢুকছে + badge counter বাড়ছে ─────────────────
const EcommerceAnimation: React.FC = () => (
);
// ─── MOBILE: Phone-এ app লোড হচ্ছে ──────────────────────────────────────────
const MobileAnimation: React.FC = () => (
);
// ─── UI/UX: Color palette সিলেকশন + brush stroke ─────────────────────────────
const UIUXAnimation: React.FC = () => (
);
// ─── TEAM: Members connected + activity dot ────────────────────────────────
const TeamAnimation: React.FC = () => (
);
// ─── DEFAULT: Generic pulse ────────────────────────────────────────────────
const DefaultAnimation: React.FC = () => (
);
// ─── Map type → component ─────────────────────────────────────────────────
const animations: Record = {
design: DesignAnimation,
development: DevelopmentAnimation,
ecommerce: EcommerceAnimation,
mobile: MobileAnimation,
uiux: UIUXAnimation,
team: TeamAnimation,
default: DefaultAnimation,
};
interface ServiceCardAnimationProps {
title: string;
}
const ServiceCardAnimation: React.FC = ({ title }) => {
const type = getServiceAnimationType(title);
const AnimationComponent = animations[type];
return ;
};
export default ServiceCardAnimation;