@sachin-tosa/tosa 1.0.8 → 1.0.9

package/dist/tosa.es.js

@@ -1,66 +1,66 @@
-import ne, { useState as G, useEffect as oe } from "react";
-var S = { exports: {} }, w = {};
-var F;
-function ie() {
-  if (F) return w;
-  F = 1;
-  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.fragment");
-  function u(f, s, c) {
-    var b = null;
-    if (c !== void 0 && (b = "" + c), s.key !== void 0 && (b = "" + s.key), "key" in s) {
-      c = {};
-      for (var g in s)
-        g !== "key" && (c[g] = s[g]);
-    } else c = s;
-    return s = c.ref, {
+import oe, { useState as $, useEffect as ie } from "react";
+var _ = { exports: {} }, S = {};
+var q;
+function se() {
+  if (q) return S;
+  q = 1;
+  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.fragment");
+  function m(p, n, s) {
+    var v = null;
+    if (s !== void 0 && (v = "" + s), n.key !== void 0 && (v = "" + n.key), "key" in n) {
+      s = {};
+      for (var w in n)
+        w !== "key" && (s[w] = n[w]);
+    } else s = n;
+    return n = s.ref, {
       $$typeof: a,
-      type: f,
-      key: b,
-      ref: s !== void 0 ? s : null,
-      props: c
+      type: p,
+      key: v,
+      ref: n !== void 0 ? n : null,
+      props: s
     };
   }
-  return w.Fragment = m, w.jsx = u, w.jsxs = u, w;
+  return S.Fragment = h, S.jsx = m, S.jsxs = m, S;
 }
-var y = {};
-var W;
-function se() {
-  return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
+var j = {};
+var F;
+function le() {
+  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
     function a(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === re ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case _:
+        case R:
           return "Fragment";
         case J:
           return "Profiler";
         case X:
           return "StrictMode";
-        case Z:
-          return "Suspense";
         case Q:
+          return "Suspense";
+        case K:
           return "SuspenseList";
-        case ee:
+        case te:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case q:
+          case U:
             return "Portal";
-          case H:
-            return e.displayName || "Context";
           case V:
+            return e.displayName || "Context";
+          case H:
             return (e._context.displayName || "Context") + ".Consumer";
-          case B:
+          case Z:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case K:
+          case ee:
             return r = e.displayName || null, r !== null ? r : a(e.type) || "Memo";
-          case j:
+          case z:
             r = e._payload, e = e._init;
             try {
               return a(e(r));
@@ -69,29 +69,29 @@ function se() {
         }
       return null;
     }
-    function m(e) {
+    function h(e) {
       return "" + e;
     }
-    function u(e) {
+    function m(e) {
       try {
-        m(e);
+        h(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n.call(
+        var o = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          o
-        ), m(e);
+          l
+        ), h(e);
       }
     }
-    function f(e) {
-      if (e === _) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === j)
+    function p(e) {
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === z)
         return "<...>";
       try {
         var r = a(e);
@@ -100,49 +100,49 @@ function se() {
         return "<...>";
       }
     }
-    function s() {
-      var e = T.A;
+    function n() {
+      var e = P.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function b(e) {
-      if ($.call(e, "key")) {
+    function v(e) {
+      if (Y.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function g(e, r) {
-      function n() {
-        Y || (Y = !0, console.error(
+    function w(e, r) {
+      function o() {
+        M || (M = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      n.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: n,
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
         configurable: !0
       });
     }
-    function d() {
+    function u() {
       var e = a(this.type);
-      return L[e] || (L[e] = !0, console.error(
+      return D[e] || (D[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function h(e, r, n, o, E, N) {
-      var i = n.ref;
+    function b(e, r, o, l, C, O) {
+      var c = o.ref;
       return e = {
-        $$typeof: z,
+        $$typeof: E,
         type: e,
         key: r,
-        props: n,
-        _owner: o
-      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(e, "ref", {
+        props: o,
+        _owner: l
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: d
+        get: u
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -157,109 +157,109 @@ function se() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: E
+        value: C
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
+        value: O
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function P(e, r, n, o, E, N) {
-      var i = r.children;
-      if (i !== void 0)
-        if (o)
-          if (te(i)) {
-            for (o = 0; o < i.length; o++)
-              A(i[o]);
-            Object.freeze && Object.freeze(i);
+    function T(e, r, o, l, C, O) {
+      var c = r.children;
+      if (c !== void 0)
+        if (l)
+          if (ae(c)) {
+            for (l = 0; l < c.length; l++)
+              N(c[l]);
+            Object.freeze && Object.freeze(c);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else A(i);
-      if ($.call(r, "key")) {
-        i = a(e);
-        var v = Object.keys(r).filter(function(ae) {
-          return ae !== "key";
+        else N(c);
+      if (Y.call(r, "key")) {
+        c = a(e);
+        var k = Object.keys(r).filter(function(ne) {
+          return ne !== "key";
         });
-        o = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", D[i + o] || (v = 0 < v.length ? "{" + v.join(": ..., ") + ": ...}" : "{}", console.error(
+        l = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", G[c + l] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          o,
-          i,
-          v,
-          i
-        ), D[i + o] = !0);
+          l,
+          c,
+          k,
+          c
+        ), G[c + l] = !0);
       }
-      if (i = null, n !== void 0 && (u(n), i = "" + n), b(r) && (u(r.key), i = "" + r.key), "key" in r) {
-        n = {};
-        for (var C in r)
-          C !== "key" && (n[C] = r[C]);
-      } else n = r;
-      return i && g(
-        n,
+      if (c = null, o !== void 0 && (m(o), c = "" + o), v(r) && (m(r.key), c = "" + r.key), "key" in r) {
+        o = {};
+        for (var I in r)
+          I !== "key" && (o[I] = r[I]);
+      } else o = r;
+      return c && w(
+        o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), h(
+      ), b(
         e,
-        i,
-        n,
-        s(),
-        E,
-        N
+        c,
+        o,
+        n(),
+        C,
+        O
       );
     }
-    function A(e) {
-      O(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === j && (e._payload.status === "fulfilled" ? O(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function N(e) {
+      d(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === z && (e._payload.status === "fulfilled" ? d(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function O(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === z;
+    function d(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === E;
     }
-    var k = ne, z = /* @__PURE__ */ Symbol.for("react.transitional.element"), q = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), H = /* @__PURE__ */ Symbol.for("react.context"), B = /* @__PURE__ */ Symbol.for("react.forward_ref"), Z = /* @__PURE__ */ Symbol.for("react.suspense"), Q = /* @__PURE__ */ Symbol.for("react.suspense_list"), K = /* @__PURE__ */ Symbol.for("react.memo"), j = /* @__PURE__ */ Symbol.for("react.lazy"), ee = /* @__PURE__ */ Symbol.for("react.activity"), re = /* @__PURE__ */ Symbol.for("react.client.reference"), T = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, te = Array.isArray, R = console.createTask ? console.createTask : function() {
+    var g = oe, E = /* @__PURE__ */ Symbol.for("react.transitional.element"), U = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), X = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), H = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), Z = /* @__PURE__ */ Symbol.for("react.forward_ref"), Q = /* @__PURE__ */ Symbol.for("react.suspense"), K = /* @__PURE__ */ Symbol.for("react.suspense_list"), ee = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), te = /* @__PURE__ */ Symbol.for("react.activity"), re = /* @__PURE__ */ Symbol.for("react.client.reference"), P = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, ae = Array.isArray, A = console.createTask ? console.createTask : function() {
       return null;
     };
-    k = {
+    g = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var Y, L = {}, I = k.react_stack_bottom_frame.bind(
-      k,
-      c
-    )(), M = R(f(c)), D = {};
-    y.Fragment = _, y.jsx = function(e, r, n) {
-      var o = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return P(
+    var M, D = {}, L = g.react_stack_bottom_frame.bind(
+      g,
+      s
+    )(), W = A(p(s)), G = {};
+    j.Fragment = R, j.jsx = function(e, r, o) {
+      var l = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return T(
         e,
         r,
-        n,
+        o,
         !1,
-        o ? Error("react-stack-top-frame") : I,
-        o ? R(f(e)) : M
+        l ? Error("react-stack-top-frame") : L,
+        l ? A(p(e)) : W
       );
-    }, y.jsxs = function(e, r, n) {
-      var o = 1e4 > T.recentlyCreatedOwnerStacks++;
-      return P(
+    }, j.jsxs = function(e, r, o) {
+      var l = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return T(
         e,
         r,
-        n,
+        o,
         !0,
-        o ? Error("react-stack-top-frame") : I,
-        o ? R(f(e)) : M
+        l ? Error("react-stack-top-frame") : L,
+        l ? A(p(e)) : W
       );
     };
-  })()), y;
+  })()), j;
 }
-var U;
-function le() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? S.exports = ie() : S.exports = se()), S.exports;
+var B;
+function ce() {
+  return B || (B = 1, process.env.NODE_ENV === "production" ? _.exports = se() : _.exports = le()), _.exports;
 }
-var t = le();
-const p = (() => {
+var t = ce();
+const x = (() => {
   const a = document.createElement("style");
   return a.textContent = `
     * {
@@ -462,39 +462,39 @@ const p = (() => {
     open: "open"
   };
 })();
-function de({ brand: a = "TOSA", links: m = ["Home", "About", "Services", "Contact"] }) {
-  const [u, f] = G(!1);
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx("nav", { className: p.navbar, children: /* @__PURE__ */ t.jsxs("div", { className: p.navContainer, children: [
-    /* @__PURE__ */ t.jsx("div", { className: p.logo, children: a }),
+function ue({ brand: a = "TOSA", links: h = ["Home", "About", "Services", "Contact"] }) {
+  const [m, p] = $(!1);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx("nav", { className: x.navbar, children: /* @__PURE__ */ t.jsxs("div", { className: x.navContainer, children: [
+    /* @__PURE__ */ t.jsx("div", { className: x.logo, children: a }),
     /* @__PURE__ */ t.jsxs(
       "button",
       {
-        className: `${p.hamburger} ${u ? p.active : ""}`,
-        onClick: () => f(!u),
+        className: `${x.hamburger} ${m ? x.active : ""}`,
+        onClick: () => p(!m),
         "aria-label": "Toggle menu",
-        "aria-expanded": u,
+        "aria-expanded": m,
         children: [
-          /* @__PURE__ */ t.jsx("span", { className: p.bar }),
-          /* @__PURE__ */ t.jsx("span", { className: p.bar }),
-          /* @__PURE__ */ t.jsx("span", { className: p.bar })
+          /* @__PURE__ */ t.jsx("span", { className: x.bar }),
+          /* @__PURE__ */ t.jsx("span", { className: x.bar }),
+          /* @__PURE__ */ t.jsx("span", { className: x.bar })
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("ul", { className: `${p.navMenu} ${u ? p.open : ""}`, children: m.map((s, c) => /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("ul", { className: `${x.navMenu} ${m ? x.open : ""}`, children: h.map((n, s) => /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx(
       "a",
       {
-        href: `#${s.toLowerCase()}`,
-        className: p.navLink,
-        onClick: () => f(!1),
-        children: s
+        href: `#${n.toLowerCase()}`,
+        className: x.navLink,
+        onClick: () => p(!1),
+        children: n
       }
-    ) }, c)) })
+    ) }, s)) })
   ] }) }) });
 }
-function ue() {
+function me() {
   return /* @__PURE__ */ t.jsx("nav", { children: /* @__PURE__ */ t.jsx("h1", { children: "Hello cards" }) });
 }
-const x = (() => {
+const y = (() => {
   const a = document.createElement("style");
   return a.textContent = `
     * {
@@ -712,17 +712,17 @@ const x = (() => {
     btnSecondary: "btnSecondary"
   };
 })();
-function fe() {
-  return /* @__PURE__ */ t.jsx("section", { className: x.heroSection, children: /* @__PURE__ */ t.jsxs("div", { className: x.heroContent, children: [
-    /* @__PURE__ */ t.jsx("h1", { className: x.heroTitle, children: "Welcome to the Future" }),
-    /* @__PURE__ */ t.jsx("p", { className: x.heroSubtitle, children: "Discover innovative solutions that transform your ideas into reality. We're here to help you build something extraordinary and take your vision to the next level." }),
-    /* @__PURE__ */ t.jsxs("div", { className: x.buttonGroup, children: [
-      /* @__PURE__ */ t.jsx("button", { className: x.btnPrimary, children: "Get Started" }),
-      /* @__PURE__ */ t.jsx("button", { className: x.btnSecondary, children: "Learn More" })
+function pe() {
+  return /* @__PURE__ */ t.jsx("section", { className: y.heroSection, children: /* @__PURE__ */ t.jsxs("div", { className: y.heroContent, children: [
+    /* @__PURE__ */ t.jsx("h1", { className: y.heroTitle, children: "Welcome to the Future" }),
+    /* @__PURE__ */ t.jsx("p", { className: y.heroSubtitle, children: "Discover innovative solutions that transform your ideas into reality. We're here to help you build something extraordinary and take your vision to the next level." }),
+    /* @__PURE__ */ t.jsxs("div", { className: y.buttonGroup, children: [
+      /* @__PURE__ */ t.jsx("button", { className: y.btnPrimary, children: "Get Started" }),
+      /* @__PURE__ */ t.jsx("button", { className: y.btnSecondary, children: "Learn More" })
     ] })
   ] }) });
 }
-const l = (() => {
+const f = (() => {
   const a = document.createElement("style");
   return a.textContent = `
     * {
@@ -955,7 +955,7 @@ const l = (() => {
     dot: "dot"
   };
 })();
-function pe({
+function fe({
   slides: a = [
     {
       image: "https://images.unsplash.com/photo-1497436072909-60f360e1d4b1?w=1200",
@@ -978,48 +978,48 @@ function pe({
       description: "Experience magical golden hour moments"
     }
   ],
-  autoPlay: m = !0,
-  autoPlayInterval: u = 5e3
+  autoPlay: h = !0,
+  autoPlayInterval: m = 5e3
 }) {
-  const [f, s] = G(0), c = () => {
-    s((d) => (d + 1) % a.length);
-  }, b = () => {
-    s((d) => (d - 1 + a.length) % a.length);
-  }, g = (d) => {
-    s(d);
+  const [p, n] = $(0), s = () => {
+    n((u) => (u + 1) % a.length);
+  }, v = () => {
+    n((u) => (u - 1 + a.length) % a.length);
+  }, w = (u) => {
+    n(u);
   };
-  return oe(() => {
-    if (m) {
-      const d = setInterval(c, u);
-      return () => clearInterval(d);
+  return ie(() => {
+    if (h) {
+      const u = setInterval(s, m);
+      return () => clearInterval(u);
     }
-  }, [f, m, u]), /* @__PURE__ */ t.jsx("div", { className: l.carouselContainer, children: /* @__PURE__ */ t.jsxs("div", { className: l.carousel, children: [
-    /* @__PURE__ */ t.jsx("div", { className: l.slideWrapper, children: a.map((d, h) => /* @__PURE__ */ t.jsxs(
+  }, [p, h, m]), /* @__PURE__ */ t.jsx("div", { className: f.carouselContainer, children: /* @__PURE__ */ t.jsxs("div", { className: f.carousel, children: [
+    /* @__PURE__ */ t.jsx("div", { className: f.slideWrapper, children: a.map((u, b) => /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: `${l.slide} ${h === f ? l.active : ""}`,
+        className: `${f.slide} ${b === p ? f.active : ""}`,
         children: [
           /* @__PURE__ */ t.jsx(
             "img",
             {
-              src: d.image,
-              alt: d.title,
-              className: l.slideImage
+              src: u.image,
+              alt: u.title,
+              className: f.slideImage
             }
           ),
-          /* @__PURE__ */ t.jsxs("div", { className: l.slideContent, children: [
-            /* @__PURE__ */ t.jsx("h2", { className: l.slideTitle, children: d.title }),
-            /* @__PURE__ */ t.jsx("p", { className: l.slideDescription, children: d.description })
+          /* @__PURE__ */ t.jsxs("div", { className: f.slideContent, children: [
+            /* @__PURE__ */ t.jsx("h2", { className: f.slideTitle, children: u.title }),
+            /* @__PURE__ */ t.jsx("p", { className: f.slideDescription, children: u.description })
           ] })
         ]
       },
-      h
+      b
     )) }),
     /* @__PURE__ */ t.jsx(
       "button",
       {
-        className: `${l.arrow} ${l.arrowLeft}`,
-        onClick: b,
+        className: `${f.arrow} ${f.arrowLeft}`,
+        onClick: v,
         "aria-label": "Previous slide",
         children: "‹"
       }
@@ -1027,26 +1027,447 @@ function pe({
     /* @__PURE__ */ t.jsx(
       "button",
       {
-        className: `${l.arrow} ${l.arrowRight}`,
-        onClick: c,
+        className: `${f.arrow} ${f.arrowRight}`,
+        onClick: s,
         "aria-label": "Next slide",
         children: "›"
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: l.dots, children: a.map((d, h) => /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: f.dots, children: a.map((u, b) => /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        className: `${f.dot} ${b === p ? f.active : ""}`,
+        onClick: () => w(b),
+        "aria-label": `Go to slide ${b + 1}`
+      },
+      b
+    )) })
+  ] }) });
+}
+const i = (() => {
+  const a = document.createElement("style");
+  return a.textContent = `
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    .testimonialsSection {
+      width: 100%;
+      padding: 5rem 2rem;
+      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .testimonialsSection::before {
+      content: '';
+      position: absolute;
+      top: -50%;
+      left: -50%;
+      width: 200%;
+      height: 200%;
+      background: radial-gradient(circle, rgba(0, 216, 255, 0.05) 1px, transparent 1px);
+      background-size: 50px 50px;
+      animation: moveBackground 20s linear infinite;
+      pointer-events: none;
+    }
+
+    @keyframes moveBackground {
+      0% {
+        transform: translate(0, 0);
+      }
+      100% {
+        transform: translate(50px, 50px);
+      }
+    }
+
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+      position: relative;
+      z-index: 1;
+    }
+
+    .sectionHeader {
+      text-align: center;
+      margin-bottom: 4rem;
+    }
+
+    .sectionTitle {
+      font-size: 3rem;
+      font-weight: 800;
+      color: #1a1a2e;
+      margin-bottom: 1rem;
+      background: linear-gradient(135deg, #1a1a2e 0%, #00d8ff 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+
+    .sectionSubtitle {
+      font-size: 1.2rem;
+      color: #666;
+      max-width: 600px;
+      margin: 0 auto;
+    }
+
+    .testimonialsGrid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+      gap: 2rem;
+      margin-bottom: 3rem;
+    }
+
+    .testimonialCard {
+      background: #fff;
+      border-radius: 20px;
+      padding: 2.5rem;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+      transition: all 0.4s ease;
+      position: relative;
+      overflow: hidden;
+    }
+
+    .testimonialCard::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 4px;
+      background: linear-gradient(90deg, #00d8ff, #0099cc);
+      transform: scaleX(0);
+      transform-origin: left;
+      transition: transform 0.4s ease;
+    }
+
+    .testimonialCard:hover::before {
+      transform: scaleX(1);
+    }
+
+    .testimonialCard:hover {
+      transform: translateY(-10px);
+      box-shadow: 0 15px 40px rgba(0, 216, 255, 0.2);
+    }
+
+    .quoteIcon {
+      font-size: 3rem;
+      color: #00d8ff;
+      opacity: 0.3;
+      line-height: 1;
+      margin-bottom: 1rem;
+    }
+
+    .testimonialText {
+      font-size: 1.1rem;
+      color: #555;
+      line-height: 1.8;
+      margin-bottom: 2rem;
+      font-style: italic;
+    }
+
+    .authorInfo {
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+    }
+
+    .authorImage {
+      width: 60px;
+      height: 60px;
+      border-radius: 50%;
+      object-fit: cover;
+      border: 3px solid #00d8ff;
+      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    }
+
+    .authorDetails {
+      flex: 1;
+    }
+
+    .authorName {
+      font-size: 1.1rem;
+      font-weight: 700;
+      color: #1a1a2e;
+      margin-bottom: 0.2rem;
+    }
+
+    .authorRole {
+      font-size: 0.95rem;
+      color: #00d8ff;
+      font-weight: 500;
+    }
+
+    .ratingStars {
+      display: flex;
+      gap: 0.3rem;
+      margin-top: 0.5rem;
+    }
+
+    .star {
+      color: #ffd700;
+      font-size: 1.1rem;
+    }
+
+    .navigationButtons {
+      display: flex;
+      justify-content: center;
+      gap: 1rem;
+      margin-top: 3rem;
+    }
+
+    .navButton {
+      width: 50px;
+      height: 50px;
+      border-radius: 50%;
+      border: 2px solid #00d8ff;
+      background: #fff;
+      color: #00d8ff;
+      font-size: 1.5rem;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .navButton:hover {
+      background: #00d8ff;
+      color: #fff;
+      transform: scale(1.1);
+      box-shadow: 0 5px 15px rgba(0, 216, 255, 0.3);
+    }
+
+    .navButton:active {
+      transform: scale(0.95);
+    }
+
+    .dotsContainer {
+      display: flex;
+      justify-content: center;
+      gap: 0.8rem;
+      margin-top: 2rem;
+    }
+
+    .dot {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      background: #ccc;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      border: none;
+    }
+
+    .dot:hover {
+      background: #00d8ff;
+      transform: scale(1.2);
+    }
+
+    .dot.active {
+      background: #00d8ff;
+      width: 30px;
+      border-radius: 6px;
+    }
+
+    @media (max-width: 768px) {
+      .testimonialsSection {
+        padding: 3rem 1.5rem;
+      }
+
+      .sectionTitle {
+        font-size: 2.2rem;
+      }
+
+      .sectionSubtitle {
+        font-size: 1rem;
+      }
+
+      .testimonialsGrid {
+        grid-template-columns: 1fr;
+        gap: 1.5rem;
+      }
+
+      .testimonialCard {
+        padding: 2rem;
+      }
+
+      .testimonialText {
+        font-size: 1rem;
+      }
+    }
+
+    @media (max-width: 480px) {
+      .testimonialsSection {
+        padding: 2rem 1rem;
+      }
+
+      .sectionTitle {
+        font-size: 1.8rem;
+      }
+
+      .testimonialCard {
+        padding: 1.5rem;
+      }
+
+      .authorImage {
+        width: 50px;
+        height: 50px;
+      }
+
+      .authorName {
+        font-size: 1rem;
+      }
+
+      .authorRole {
+        font-size: 0.85rem;
+      }
+
+      .navButton {
+        width: 45px;
+        height: 45px;
+        font-size: 1.3rem;
+      }
+    }
+  `, document.head.querySelector("[data-testimonials-styles]") || (a.setAttribute("data-testimonials-styles", ""), document.head.appendChild(a)), {
+    testimonialsSection: "testimonialsSection",
+    container: "container",
+    sectionHeader: "sectionHeader",
+    sectionTitle: "sectionTitle",
+    sectionSubtitle: "sectionSubtitle",
+    testimonialsGrid: "testimonialsGrid",
+    testimonialCard: "testimonialCard",
+    quoteIcon: "quoteIcon",
+    testimonialText: "testimonialText",
+    authorInfo: "authorInfo",
+    authorImage: "authorImage",
+    authorDetails: "authorDetails",
+    authorName: "authorName",
+    authorRole: "authorRole",
+    ratingStars: "ratingStars",
+    star: "star",
+    navigationButtons: "navigationButtons",
+    navButton: "navButton",
+    dotsContainer: "dotsContainer",
+    dot: "dot",
+    active: "active"
+  };
+})();
+function he({
+  testimonials: a = [
+    {
+      text: "This service completely transformed our business. The team was professional, responsive, and delivered beyond our expectations. Highly recommended!",
+      author: "Sarah Johnson",
+      role: "CEO, Tech Solutions",
+      image: "https://i.pravatar.cc/150?img=1",
+      rating: 5
+    },
+    {
+      text: "Working with this team has been an absolute pleasure. Their attention to detail and commitment to excellence is unmatched in the industry.",
+      author: "Michael Chen",
+      role: "Product Manager, Innovation Labs",
+      image: "https://i.pravatar.cc/150?img=2",
+      rating: 5
+    },
+    {
+      text: "I was impressed by the quality of work and the speed of delivery. They truly understand what clients need and deliver exceptional results every time.",
+      author: "Emily Rodriguez",
+      role: "Founder, Creative Studio",
+      image: "https://i.pravatar.cc/150?img=3",
+      rating: 5
+    },
+    {
+      text: "Outstanding experience from start to finish. The professionalism and expertise demonstrated throughout the project was remarkable.",
+      author: "David Williams",
+      role: "Director, Marketing Agency",
+      image: "https://i.pravatar.cc/150?img=4",
+      rating: 5
+    },
+    {
+      text: "Best decision we made for our company. The results speak for themselves and the ongoing support has been incredible.",
+      author: "Jessica Martinez",
+      role: "Operations Lead, StartupX",
+      image: "https://i.pravatar.cc/150?img=5",
+      rating: 5
+    },
+    {
+      text: "Exceptional quality and service. They went above and beyond to ensure our success. Couldn't be happier with the outcome!",
+      author: "James Anderson",
+      role: "CTO, Digital Dynamics",
+      image: "https://i.pravatar.cc/150?img=6",
+      rating: 5
+    }
+  ],
+  itemsPerPage: h = 3
+}) {
+  const [m, p] = $(0), n = Math.ceil(a.length / h), s = m * h, v = s + h, w = a.slice(s, v), u = () => {
+    p((d) => (d + 1) % n);
+  }, b = () => {
+    p((d) => (d - 1 + n) % n);
+  }, T = (d) => {
+    p(d);
+  }, N = (d) => [...Array(d)].map((g, E) => /* @__PURE__ */ t.jsx("span", { className: i.star, children: "★" }, E));
+  return /* @__PURE__ */ t.jsx("section", { className: i.testimonialsSection, children: /* @__PURE__ */ t.jsxs("div", { className: i.container, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: i.sectionHeader, children: [
+      /* @__PURE__ */ t.jsx("h2", { className: i.sectionTitle, children: "What Our Clients Say" }),
+      /* @__PURE__ */ t.jsx("p", { className: i.sectionSubtitle, children: "Don't just take our word for it - hear from our satisfied clients about their experience" })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: i.testimonialsGrid, children: w.map((d, g) => /* @__PURE__ */ t.jsxs("div", { className: i.testimonialCard, children: [
+      /* @__PURE__ */ t.jsx("div", { className: i.quoteIcon, children: '"' }),
+      /* @__PURE__ */ t.jsx("p", { className: i.testimonialText, children: d.text }),
+      /* @__PURE__ */ t.jsxs("div", { className: i.authorInfo, children: [
+        /* @__PURE__ */ t.jsx(
+          "img",
+          {
+            src: d.image,
+            alt: d.author,
+            className: i.authorImage
+          }
+        ),
+        /* @__PURE__ */ t.jsxs("div", { className: i.authorDetails, children: [
+          /* @__PURE__ */ t.jsx("h4", { className: i.authorName, children: d.author }),
+          /* @__PURE__ */ t.jsx("p", { className: i.authorRole, children: d.role }),
+          /* @__PURE__ */ t.jsx("div", { className: i.ratingStars, children: N(d.rating) })
+        ] })
+      ] })
+    ] }, s + g)) }),
+    /* @__PURE__ */ t.jsxs("div", { className: i.navigationButtons, children: [
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: i.navButton,
+          onClick: b,
+          "aria-label": "Previous testimonials",
+          children: "‹"
+        }
+      ),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: i.navButton,
+          onClick: u,
+          "aria-label": "Next testimonials",
+          children: "›"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: i.dotsContainer, children: [...Array(n)].map((d, g) => /* @__PURE__ */ t.jsx(
       "button",
       {
-        className: `${l.dot} ${h === f ? l.active : ""}`,
-        onClick: () => g(h),
-        "aria-label": `Go to slide ${h + 1}`
+        className: `${i.dot} ${g === m ? i.active : ""}`,
+        onClick: () => T(g),
+        "aria-label": `Go to page ${g + 1}`
       },
-      h
+      g
     )) })
   ] }) });
 }
 export {
-  ue as Card,
-  pe as Carousel,
-  fe as HeroSection,
-  de as Navbar
+  me as Card,
+  fe as Carousel,
+  pe as HeroSection,
+  ue as Navbar,
+  he as Testimonials
 };