virtual-ui-lib 1.0.60 → 1.0.61

package/dist/index.js

@@ -35,6 +35,7 @@ __export(index_exports, {
   CustomInputField: () => CustomInputField,
   DividerLine: () => DividerLine,
   FileUpload: () => FileUpload,
+  Footer: () => Footer,
   Loader: () => Loader,
   LoadingSpinner: () => LoadingSpinner,
   Navbar: () => Navbar,
@@ -1365,6 +1366,60 @@ var Navbar = ({
     ctaText
   ))));
 };
+
+// src/components/Footer/Footer.jsx
+var import_react21 = __toESM(require("react"));
+var Footer = ({
+  logo = "VirtualAI",
+  links = ["Home", "Features", "Pricing", "Blog", "Contact"],
+  copyright = "VirtualAI",
+  accent = "#6366f1",
+  bg = "#0f172a"
+}) => {
+  return /* @__PURE__ */ import_react21.default.createElement("footer", { style: {
+    background: bg,
+    borderTop: "1px solid rgba(255,255,255,0.06)",
+    fontFamily: "system-ui, sans-serif",
+    width: "100%",
+    boxSizing: "border-box",
+    padding: "28px 24px"
+  } }, /* @__PURE__ */ import_react21.default.createElement("div", { style: {
+    maxWidth: "900px",
+    margin: "0 auto",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: "20px"
+  } }, /* @__PURE__ */ import_react21.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react21.default.createElement("div", { style: {
+    width: "26px",
+    height: "26px",
+    borderRadius: "7px",
+    background: `linear-gradient(135deg, ${accent}, rgba(99,102,241,0.5))`,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "12px",
+    fontWeight: "800",
+    color: "#fff"
+  } }, logo[0]), /* @__PURE__ */ import_react21.default.createElement("span", { style: { fontSize: "15px", fontWeight: "800", color: "#fff" } }, logo)), /* @__PURE__ */ import_react21.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", justifyContent: "center", gap: "4px" } }, links.map((link) => /* @__PURE__ */ import_react21.default.createElement(
+    "a",
+    {
+      key: link,
+      href: "#",
+      style: {
+        fontSize: "13px",
+        color: "rgba(255,255,255,0.4)",
+        textDecoration: "none",
+        padding: "4px 12px",
+        borderRadius: "8px",
+        transition: "color 0.2s"
+      },
+      onMouseEnter: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.85)",
+      onMouseLeave: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.4)"
+    },
+    link
+  ))), /* @__PURE__ */ import_react21.default.createElement("div", { style: { width: "100%", height: "1px", background: "rgba(255,255,255,0.06)" } }), /* @__PURE__ */ import_react21.default.createElement("p", { style: { fontSize: "12px", color: "rgba(255,255,255,0.22)", margin: 0 } }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", copyright, ". All rights reserved.")));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,
@@ -1373,6 +1428,7 @@ var Navbar = ({
   CustomInputField,
   DividerLine,
   FileUpload,
+  Footer,
   Loader,
   LoadingSpinner,
   Navbar,

package/dist/index.mjs

@@ -1311,6 +1311,60 @@ var Navbar = ({
     ctaText
   ))));
 };
+
+// src/components/Footer/Footer.jsx
+import React21 from "react";
+var Footer = ({
+  logo = "VirtualAI",
+  links = ["Home", "Features", "Pricing", "Blog", "Contact"],
+  copyright = "VirtualAI",
+  accent = "#6366f1",
+  bg = "#0f172a"
+}) => {
+  return /* @__PURE__ */ React21.createElement("footer", { style: {
+    background: bg,
+    borderTop: "1px solid rgba(255,255,255,0.06)",
+    fontFamily: "system-ui, sans-serif",
+    width: "100%",
+    boxSizing: "border-box",
+    padding: "28px 24px"
+  } }, /* @__PURE__ */ React21.createElement("div", { style: {
+    maxWidth: "900px",
+    margin: "0 auto",
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: "20px"
+  } }, /* @__PURE__ */ React21.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ React21.createElement("div", { style: {
+    width: "26px",
+    height: "26px",
+    borderRadius: "7px",
+    background: `linear-gradient(135deg, ${accent}, rgba(99,102,241,0.5))`,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "12px",
+    fontWeight: "800",
+    color: "#fff"
+  } }, logo[0]), /* @__PURE__ */ React21.createElement("span", { style: { fontSize: "15px", fontWeight: "800", color: "#fff" } }, logo)), /* @__PURE__ */ React21.createElement("div", { style: { display: "flex", flexWrap: "wrap", justifyContent: "center", gap: "4px" } }, links.map((link) => /* @__PURE__ */ React21.createElement(
+    "a",
+    {
+      key: link,
+      href: "#",
+      style: {
+        fontSize: "13px",
+        color: "rgba(255,255,255,0.4)",
+        textDecoration: "none",
+        padding: "4px 12px",
+        borderRadius: "8px",
+        transition: "color 0.2s"
+      },
+      onMouseEnter: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.85)",
+      onMouseLeave: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.4)"
+    },
+    link
+  ))), /* @__PURE__ */ React21.createElement("div", { style: { width: "100%", height: "1px", background: "rgba(255,255,255,0.06)" } }), /* @__PURE__ */ React21.createElement("p", { style: { fontSize: "12px", color: "rgba(255,255,255,0.22)", margin: 0 } }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", copyright, ". All rights reserved.")));
+};
 export {
   Avatar,
   AvatarCard,
@@ -1318,6 +1372,7 @@ export {
   CustomInputField,
   DividerLine,
   FileUpload,
+  Footer,
   Loader,
   LoadingSpinner,
   Navbar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtual-ui-lib",
-  "version": "1.0.60",
+  "version": "1.0.61",
   "description": "Virtual UI React Component Library",
   "author": "Ankush",
   "license": "ISC",