Feature Carousel

1"use client";
2 
3import React, { useState, useEffect, useCallback } from "react";
4import { motion, AnimatePresence } from "motion/react";
5import {
6  Pizza04Icon,
7  CommandFreeIcons,
8  GlobalSearchIcon,
9  AiCloudIcon,
10  SmartPhone01Icon,
11  CheckmarkCircle01Icon,
12  DashboardSquare01Icon,
13  MagicWandIcon,
14} from "@hugeicons/core-free-icons";
15import { cn } from "@/lib/utils";
16import { HugeiconsIcon } from "@hugeicons/react";
17 
18// Change Here
19const FEATURES = [
20  {
21    id: "sustainable",
22    label: "Sustainable Sourcing",
23    icon: Pizza04Icon,
24    image:
25      "https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?q=80&w=1200",
26    description: "Ethically sourced ingredients from local farmers.",
27  },
28  {
29    id: "community",
30    label: "Community Focused",
31    icon: CommandFreeIcons,
32    image:
33      "https://images.unsplash.com/photo-1517048676732-d65bc937f952?q=80&w=1200",
34    description: "Building stronger bonds through shared experiences.",
35  },
36  {
37    id: "global",
38    label: "Global Reach",
39    icon: GlobalSearchIcon,
40    image:
41      "https://images.unsplash.com/photo-1521737711867-e3b97375f902?q=80&w=1200",
42    description: "Connecting visionaries across all continents.",
43  },
44  {
45    id: "award",
46    label: "Award Winning",
47    icon: CheckmarkCircle01Icon,
48    image:
49      "https://images.unsplash.com/photo-1578574577315-3fbeb0cecdc2?q=80&w=1200",
50    description: "Recognized excellence in design and innovation.",
51  },
52  {
53    id: "cloud",
54    label: "Cloud Ready",
55    icon: AiCloudIcon,
56    image:
57      "https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=1200",
58    description: "Scale your infrastructure with seamless ease.",
59  },
60  {
61    id: "mobile",
62    label: "Mobile First",
63    icon: SmartPhone01Icon,
64    image:
65      "https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?q=80&w=1200",
66    description: "A world-class experience on every single device.",
67  },
68  {
69    id: "analytics",
70    label: "Real-time Analytics",
71    icon: DashboardSquare01Icon,
72    image:
73      "https://images.unsplash.com/photo-1551288049-bbda38a10ad5?q=80&w=1200",
74    description: "Insights at your fingertips, updated in real-time.",
75  },
76  {
77    id: "security",
78    label: "Enterprise Security",
79    icon: CheckmarkCircle01Icon,
80    image:
81      "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=1200",
82    description: "Bank-grade security protocols for your data.",
83  },
84  {
85    id: "magic",
86    label: "Magic Automations",
87// … truncated