"use client"; import React, { useEffect } from "react"; // ── inline SVG icons ──────────────────────────────────────────────────────── const IconWebsite = () => ( ); const IconAndroid = () => ( ); const IconIOS = () => ( ); const IconWatch = () => ( ); const IconTv = () => ( ); const IconIOT = () => ( ); // ── shape images ───────────────────────────────────────────────────────────── const SHAPE_TOP = "/assets/img/elements/elements12.png"; const SHAPE_BOTTOM = "/assets/img/elements/elements14.png"; const SECTION_TITLE_ICON = "/assets/img/elements/elements21.png"; const SHAPE_LEFT = "/assets/img/elements/elements3.png"; const SHAPE_RIGHT = "/assets/img/elements/elements6.png"; // ── data ───────────────────────────────────────────────────────────────────── const OFFER_ITEMS = [ { icon: , label: "Website" }, { icon: , label: "Android" }, { icon: , label: "IOS" }, { icon: , label: "Watch" }, { icon: , label: "Tv" }, { icon: , label: "IOT" }, ]; // ── component ───────────────────────────────────────────────────────────────── const OfferSection = () => { useEffect(() => { if (typeof window !== "undefined") { // @ts-ignore if (window.WOW) { // @ts-ignore new window.WOW({ live: false }).init(); } } }, []); return (
{/* central radial glow */}
{/* left shape */}
{/* header row */}
icon Our offering

Enhance and Pioneer Using
Technology Trends

Explore More 
{/* cards grid */}
{OFFER_ITEMS.map(({ icon, label }, idx) => (
shape
shape
{/* icon */}
{icon}

{label}

))}
); }; export default OfferSection;