@adminide-stack/clock-tik-browser 12.0.22-alpha.1 → 12.0.22-alpha.3

package/lib/pages/LandingPage/components/BooksFeatureSection.d.ts

@@ -0,0 +1,4 @@
+export declare function BooksFeatureSection({ reducedMotion }: {
+    reducedMotion: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BooksFeatureSection.d.ts.map

package/lib/pages/LandingPage/components/BooksFeatureSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooksFeatureSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/BooksFeatureSection.tsx"],"names":[],"mappings":"AAyKA,wBAAgB,mBAAmB,CAAC,EAAE,aAAa,EAAE,EAAE;IAAE,aAAa,EAAE,OAAO,CAAA;CAAE,2CA8KhF"}

package/lib/pages/LandingPage/components/BooksFeatureSection.js

@@ -0,0 +1,318 @@
+import {jsx,jsxs}from'react/jsx-runtime';import React__default,{useState}from'react';import {Link}from'@remix-run/react';import {ArrowRight,ShoppingCart,FileSpreadsheet,Building2,Receipt,CreditCard,ClipboardList,StickyNote,LayoutDashboard,ChevronRight}from'lucide-react';const ModuleCard = ({
+  icon,
+  title,
+  description,
+  features,
+  color,
+  isActive,
+  onClick
+}) => {
+  return jsx("button", {
+    onClick: onClick,
+    className: `group w-full rounded-xl border p-5 text-left transition-all duration-300 ${isActive ? 'border-foreground/20 bg-foreground/5 shadow-lg' : 'border-foreground/5 bg-background hover:border-foreground/10 hover:bg-foreground/[0.02]'}`,
+    children: jsxs("div", {
+      className: "flex items-start gap-3",
+      children: [jsx("div", {
+        className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg transition-transform duration-300 group-hover:scale-110",
+        style: {
+          backgroundColor: color
+        },
+        children: icon
+      }), jsxs("div", {
+        className: "min-w-0 flex-1",
+        children: [jsx("h4", {
+          className: "text-sm font-semibold text-foreground",
+          children: title
+        }), jsx("p", {
+          className: "mt-1 text-xs leading-relaxed text-muted-foreground",
+          children: description
+        }), isActive && jsx("ul", {
+          className: "mt-3 space-y-1.5",
+          children: features.map((f, i) => jsxs("li", {
+            className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+            children: [jsx(ChevronRight, {
+              className: "h-3 w-3 flex-shrink-0",
+              style: {
+                color
+              }
+            }), f]
+          }, i))
+        })]
+      })]
+    })
+  });
+};
+const modules = [{
+  icon: jsx(ShoppingCart, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Purchase Orders',
+  description: 'Create, send, and track purchase orders through their full lifecycle.',
+  features: ['Line items with quantity, rate & discount', 'Status tracking: Draft → Sent → Received → Fulfilled', 'Link to vendors and expenses', 'Notes and terms & conditions'],
+  color: '#3B82F6',
+  screenshot: '/static/img/books/purchase-orders-list.png'
+}, {
+  icon: jsx(Receipt, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Expenses',
+  description: 'Track every business expense with receipt uploads and categorization.',
+  features: ['Categorized expense recording', 'Receipt attachments', 'Link to purchase orders', 'Vendor-based expense tracking'],
+  color: '#EF4444',
+  screenshot: '/static/img/books/expenses-list.png'
+}, {
+  icon: jsx(Building2, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Vendors',
+  description: 'Centralized vendor database with full contact and billing details.',
+  features: ['Company & contact information', 'Billing & shipping addresses', 'Tax identification tracking', 'Notes for vendor intelligence'],
+  color: '#10B981',
+  screenshot: '/static/img/books/vendors-list.png'
+}, {
+  icon: jsx(CreditCard, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Vendor Credits',
+  description: 'Never lose money owed from returns, overcharges, or service credits.',
+  features: ['Track credits by vendor', 'Reference to original PO/invoice', 'Apply to future invoices', 'Full audit trail'],
+  color: '#F59E0B',
+  screenshot: '/static/img/books/vendor-credits-list.png'
+}, {
+  icon: jsx(FileSpreadsheet, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Quotes',
+  description: 'Create professional quotes with expiry dates and convert them to sales orders.',
+  features: ['Professional quote generation', 'Expiry dates for urgency', 'One-click convert to Sales Order', 'Custom terms & conditions'],
+  color: '#8B5CF6',
+  screenshot: '/static/img/books/quotes-list.png'
+}, {
+  icon: jsx(ClipboardList, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Sales Orders',
+  description: 'Manage confirmed orders from quote acceptance through fulfillment.',
+  features: ['Convert from accepted quotes', 'Status: Draft → Confirmed → Delivered → Closed', 'Expected shipment tracking', 'Sales person assignment'],
+  color: '#06B6D4',
+  screenshot: '/static/img/books/sales-orders-list.png'
+}, {
+  icon: jsx(StickyNote, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Notes',
+  description: 'Document deal context, negotiations, and vendor intelligence.',
+  features: ['Searchable note database', 'Rich text formatting', 'Attach to deals and vendors', 'Team collaboration'],
+  color: '#EC4899',
+  screenshot: '/static/img/books/notes-page.png'
+}, {
+  icon: jsx(LayoutDashboard, {
+    className: "h-4 w-4 text-white"
+  }),
+  title: 'Dashboard',
+  description: 'Real-time overview of your financial health and key metrics.',
+  features: ['Revenue & expense summaries', 'Outstanding receivables & payables', 'Cash flow visualization', 'Quick-action shortcuts'],
+  color: '#6366F1',
+  screenshot: '/static/img/books/dashboard-overview.png'
+}];
+function BooksFeatureSection({
+  reducedMotion
+}) {
+  const [activeModule, setActiveModule] = useState(0);
+  return jsx("section", {
+    className: "bg-[#FAFAF8] text-foreground dark:bg-[#111]",
+    children: jsxs("div", {
+      className: "mx-auto w-full max-w-7xl px-6 py-20 lg:px-10 lg:py-32",
+      children: [jsxs("div", {
+        className: "mx-auto max-w-3xl text-center",
+        children: [jsx("p", {
+          className: "text-xs font-medium uppercase tracking-[0.3em] text-muted-foreground",
+          children: "Accounting & Finance"
+        }), jsxs("h2", {
+          className: "mt-4 text-balance text-3xl font-semibold tracking-tight sm:text-5xl",
+          children: ["Accounting software for", ' ', jsx("span", {
+            className: "bg-gradient-to-r from-[#10B981] to-[#06B6D4] bg-clip-text text-transparent",
+            children: "growing businesses"
+          })]
+        }), jsx("p", {
+          className: "mt-6 text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg",
+          children: "Manage your end-to-end accounting \u2014 from purchase orders and expenses to sales quotes and vendor management. Everything you need to keep your books clean and your business growing."
+        })]
+      }), jsx("div", {
+        className: "mx-auto mt-12 max-w-4xl",
+        children: jsx("div", {
+          className: "flex items-center justify-center gap-2 text-xs font-medium text-muted-foreground sm:gap-4 sm:text-sm",
+          children: [{
+            label: 'Quote',
+            color: '#8B5CF6'
+          }, {
+            label: 'Order',
+            color: '#3B82F6'
+          }, {
+            label: 'Receive',
+            color: '#10B981'
+          }, {
+            label: 'Track',
+            color: '#F59E0B'
+          }, {
+            label: 'Pay',
+            color: '#EF4444'
+          }].map((step, i, arr) => jsxs(React__default.Fragment, {
+            children: [jsxs("div", {
+              className: "flex items-center gap-1.5",
+              children: [jsx("div", {
+                className: "h-2 w-2 rounded-full",
+                style: {
+                  backgroundColor: step.color
+                }
+              }), jsx("span", {
+                children: step.label
+              })]
+            }), i < arr.length - 1 && jsx(ArrowRight, {
+              className: "h-3 w-3 flex-shrink-0 text-muted-foreground/40"
+            })]
+          }, i))
+        })
+      }), jsxs("div", {
+        className: "mt-16 grid items-start gap-8 lg:grid-cols-5",
+        children: [jsx("div", {
+          className: "space-y-2 lg:col-span-2",
+          children: modules.map((mod, i) => jsx(ModuleCard, {
+            icon: mod.icon,
+            title: mod.title,
+            description: mod.description,
+            features: mod.features,
+            color: mod.color,
+            isActive: activeModule === i,
+            onClick: () => setActiveModule(i)
+          }, i))
+        }), jsxs("div", {
+          className: "sticky top-24 lg:col-span-3",
+          children: [jsxs("div", {
+            className: "overflow-hidden rounded-2xl border border-foreground/10 bg-background shadow-2xl",
+            children: [jsxs("div", {
+              className: "flex items-center gap-1.5 border-b border-foreground/5 bg-foreground/[0.02] px-4 py-2.5",
+              children: [jsx("div", {
+                className: "h-2.5 w-2.5 rounded-full bg-[#EF4444]/60"
+              }), jsx("div", {
+                className: "h-2.5 w-2.5 rounded-full bg-[#F59E0B]/60"
+              }), jsx("div", {
+                className: "h-2.5 w-2.5 rounded-full bg-[#10B981]/60"
+              }), jsxs("span", {
+                className: "ml-2 text-xs text-muted-foreground",
+                children: ["Clockbook \u2014 ", modules[activeModule].title]
+              })]
+            }), jsx("img", {
+              src: modules[activeModule].screenshot,
+              alt: `Clockbook ${modules[activeModule].title} interface`,
+              className: "h-auto w-full object-cover transition-opacity duration-500",
+              loading: "lazy"
+            }, activeModule)]
+          }), jsx("div", {
+            className: "mt-6 grid grid-cols-3 gap-4",
+            children: [{
+              value: '8',
+              label: 'Modules'
+            }, {
+              value: '100%',
+              label: 'Cloud-based'
+            }, {
+              value: '< 5min',
+              label: 'Setup time'
+            }].map((stat, i) => jsxs("div", {
+              className: "rounded-lg border border-foreground/5 bg-background p-3 text-center",
+              children: [jsx("p", {
+                className: "text-lg font-bold text-foreground",
+                children: stat.value
+              }), jsx("p", {
+                className: "text-[10px] font-medium text-muted-foreground",
+                children: stat.label
+              })]
+            }, i))
+          })]
+        })]
+      }), jsxs("div", {
+        className: "mt-16 rounded-2xl border border-foreground/10 bg-gradient-to-br from-[#10B981]/5 via-background to-[#3B82F6]/5 p-8 sm:p-12",
+        children: [jsxs("div", {
+          className: "flex flex-col items-center gap-6 text-center sm:flex-row sm:text-left",
+          children: [jsxs("div", {
+            className: "flex-1",
+            children: [jsx("h3", {
+              className: "text-xl font-semibold text-foreground sm:text-2xl",
+              children: "Your complete financial toolkit"
+            }), jsx("p", {
+              className: "mt-2 text-sm leading-relaxed text-muted-foreground",
+              children: "From quotes to cash, purchase orders to vendor credits \u2014 manage the full financial lifecycle of your business. Integrates seamlessly with HRM, Time Tracker, and Timesheets for a truly unified platform."
+            })]
+          }), jsxs("div", {
+            className: "flex flex-shrink-0 flex-wrap gap-3",
+            children: [jsxs(Link, {
+              to: "/help-center/docs/books/books-overview",
+              className: "inline-flex items-center gap-2 rounded-lg bg-[#10B981] px-5 py-2.5 text-sm font-medium text-white transition-colors hover:bg-[#059669]",
+              children: ["Explore Books ", jsx(ArrowRight, {
+                className: "h-4 w-4"
+              })]
+            }), jsx(Link, {
+              to: "/demo",
+              className: "inline-flex items-center gap-2 rounded-lg border border-foreground/10 bg-background px-5 py-2.5 text-sm font-medium text-foreground transition-colors hover:bg-foreground/5",
+              children: "Watch demo"
+            })]
+          })]
+        }), jsx("div", {
+          className: "mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+          children: [{
+            icon: jsx(ShoppingCart, {
+              className: "h-4 w-4",
+              style: {
+                color: '#3B82F6'
+              }
+            }),
+            text: 'Purchase Orders',
+            sub: 'Full lifecycle tracking'
+          }, {
+            icon: jsx(FileSpreadsheet, {
+              className: "h-4 w-4",
+              style: {
+                color: '#8B5CF6'
+              }
+            }),
+            text: 'Quotes & Sales Orders',
+            sub: 'Quote-to-cash workflow'
+          }, {
+            icon: jsx(Building2, {
+              className: "h-4 w-4",
+              style: {
+                color: '#10B981'
+              }
+            }),
+            text: 'Vendor Management',
+            sub: 'Centralized database'
+          }, {
+            icon: jsx(Receipt, {
+              className: "h-4 w-4",
+              style: {
+                color: '#EF4444'
+              }
+            }),
+            text: 'Expense Tracking',
+            sub: 'Receipt-backed records'
+          }].map((item, i) => jsxs("div", {
+            className: "flex items-center gap-3 rounded-lg bg-background/60 p-3",
+            children: [jsx("div", {
+              className: "flex h-8 w-8 items-center justify-center rounded-md bg-foreground/5",
+              children: item.icon
+            }), jsxs("div", {
+              children: [jsx("p", {
+                className: "text-xs font-semibold text-foreground",
+                children: item.text
+              }), jsx("p", {
+                className: "text-[10px] text-muted-foreground",
+                children: item.sub
+              })]
+            })]
+          }, i))
+        })]
+      })]
+    })
+  });
+}export{BooksFeatureSection};//# sourceMappingURL=BooksFeatureSection.js.map

package/lib/pages/LandingPage/components/BooksFeatureSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooksFeatureSection.js","sources":["../../../../src/pages/LandingPage/components/BooksFeatureSection.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/pages/LandingPage/components/HRMFeatureSection.d.ts

@@ -0,0 +1,4 @@
+export declare function HRMFeatureSection({ reducedMotion }: {
+    reducedMotion: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HRMFeatureSection.d.ts.map

package/lib/pages/LandingPage/components/HRMFeatureSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HRMFeatureSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/HRMFeatureSection.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,iBAAiB,CAAC,EAAE,aAAa,EAAE,EAAE;IAAE,aAAa,EAAE,OAAO,CAAA;CAAE,2CA+K9E"}

package/lib/pages/LandingPage/components/HRMFeatureSection.js

@@ -0,0 +1,231 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {UserPlus,Users,CalendarDays,Clock,FileText,Plane,Shield,BarChart3,CheckCircle2,ArrowRight}from'lucide-react';const FeatureItem = ({
+  icon,
+  title,
+  description,
+  color
+}) => {
+  return jsxs("div", {
+    className: "group flex gap-4 rounded-xl p-4 transition-all duration-300 hover:bg-foreground/5",
+    children: [jsx("div", {
+      className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg transition-transform duration-300 group-hover:scale-110",
+      style: {
+        backgroundColor: color
+      },
+      children: icon
+    }), jsxs("div", {
+      children: [jsx("h4", {
+        className: "text-sm font-semibold text-foreground",
+        children: title
+      }), jsx("p", {
+        className: "mt-1 text-sm leading-relaxed text-muted-foreground",
+        children: description
+      })]
+    })]
+  });
+};
+function StatBadge({
+  value,
+  label
+}) {
+  return jsxs("div", {
+    className: "text-center",
+    children: [jsx("p", {
+      className: "text-2xl font-bold text-foreground sm:text-3xl",
+      children: value
+    }), jsx("p", {
+      className: "mt-1 text-xs font-medium text-muted-foreground",
+      children: label
+    })]
+  });
+}
+function HRMFeatureSection({
+  reducedMotion
+}) {
+  const features = [{
+    icon: jsx(UserPlus, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'Hiring & Onboarding',
+    description: 'Create personalized onboarding workflows for candidates and employees. Track every task from document collection to system access setup.',
+    color: '#8B5CF6'
+  }, {
+    icon: jsx(Users, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'Employee Management',
+    description: 'Centralized employee database with self-service My Space portal. Employees manage their own profiles, check-ins, and requests.',
+    color: '#3B82F6'
+  }, {
+    icon: jsx(CalendarDays, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'Leave Management',
+    description: 'Visual timeline of team availability. Self-service leave requests with automated approval routing and real-time balance tracking.',
+    color: '#10B981'
+  }, {
+    icon: jsx(Clock, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'Time & Attendance',
+    description: 'Integrated check-in/check-out with the time tracker. Shift scheduling, attendance logs, and overtime tracking in one place.',
+    color: '#F59E0B'
+  }, {
+    icon: jsx(FileText, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'HR Letters & Documents',
+    description: 'Generate address proofs, employment verifications, and salary certificates automatically. One-click approvals eliminate paperwork.',
+    color: '#EF4444'
+  }, {
+    icon: jsx(Plane, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'Travel & Expense',
+    description: 'End-to-end travel request management with pre-approval workflows. Submit expenses with receipt uploads and link to travel requests.',
+    color: '#06B6D4'
+  }, {
+    icon: jsx(Shield, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'Role-Based Permissions',
+    description: '10 predefined roles with granular permissions across 8 categories. Control exactly who sees and does what across your organization.',
+    color: '#6366F1'
+  }, {
+    icon: jsx(BarChart3, {
+      className: "h-5 w-5 text-white"
+    }),
+    title: 'HR Analytics & Dashboard',
+    description: 'Real-time visibility into headcount, leave, pending approvals, and employee growth. Trend charts to spot patterns before they become problems.',
+    color: '#EC4899'
+  }];
+  return jsx("section", {
+    className: "bg-background text-foreground",
+    children: jsxs("div", {
+      className: "mx-auto w-full max-w-7xl px-6 py-20 lg:px-10 lg:py-32",
+      children: [jsxs("div", {
+        className: "mx-auto max-w-3xl text-center",
+        children: [jsx("p", {
+          className: "text-xs font-medium uppercase tracking-[0.3em] text-muted-foreground",
+          children: "Human Resource Management"
+        }), jsxs("h2", {
+          className: "mt-4 text-balance text-3xl font-semibold tracking-tight sm:text-5xl",
+          children: ["HR software that", ' ', jsx("span", {
+            className: "bg-gradient-to-r from-[#8B5CF6] to-[#3B82F6] bg-clip-text text-transparent",
+            children: "grows with your business"
+          })]
+        }), jsx("p", {
+          className: "mt-6 text-pretty text-base leading-relaxed text-muted-foreground sm:text-lg",
+          children: "Streamline every HR process \u2014 from onboarding to offboarding. Deliver exceptional employee experiences with an intuitive, self-service platform that eliminates administrative overhead."
+        })]
+      }), jsxs("div", {
+        className: "mx-auto mt-12 flex max-w-2xl items-center justify-center gap-8 sm:gap-16",
+        children: [jsx(StatBadge, {
+          value: "60%",
+          label: "Less HR admin time"
+        }), jsx("div", {
+          className: "h-10 w-px bg-foreground/10"
+        }), jsx(StatBadge, {
+          value: "82%",
+          label: "Higher retention"
+        }), jsx("div", {
+          className: "h-10 w-px bg-foreground/10"
+        }), jsx(StatBadge, {
+          value: "3x",
+          label: "Faster onboarding"
+        })]
+      }), jsx("div", {
+        className: "mt-16 grid gap-2 sm:grid-cols-2 lg:grid-cols-4",
+        children: features.map((feature, index) => jsx(FeatureItem, {
+          ...feature
+        }, index))
+      }), jsx("div", {
+        className: "mt-16 overflow-hidden rounded-2xl border border-foreground/10 bg-gradient-to-br from-[#8B5CF6]/5 via-background to-[#3B82F6]/5",
+        children: jsxs("div", {
+          className: "grid items-center gap-8 p-8 sm:p-12 lg:grid-cols-2",
+          children: [jsxs("div", {
+            children: [jsx("h3", {
+              className: "text-2xl font-semibold text-foreground",
+              children: "Everything you need. Nothing you don't."
+            }), jsx("p", {
+              className: "mt-4 text-sm leading-relaxed text-muted-foreground",
+              children: "Unlike complex enterprise HRIS platforms that take months to set up, Clockbook's HRM module is ready in under 30 minutes. Invite your team, set up the hierarchy, configure permissions, and go live."
+            }), jsx("div", {
+              className: "mt-6 space-y-3",
+              children: ['Self-service employee portal with My Space', 'Automated approval workflows based on hierarchy', 'Candidate + Employee onboarding flows', 'Visual leave timeline for capacity planning', 'Integrated with Time Tracker & Timesheets'].map((item, i) => jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [jsx(CheckCircle2, {
+                  className: "h-4 w-4 flex-shrink-0 text-[#10B981]"
+                }), jsx("span", {
+                  className: "text-sm text-foreground",
+                  children: item
+                })]
+              }, i))
+            }), jsxs("div", {
+              className: "mt-8 flex flex-wrap gap-3",
+              children: [jsxs(Link, {
+                to: "/help-center/docs/books/hrm/hrm-overview",
+                className: "inline-flex items-center gap-2 rounded-lg bg-[#8B5CF6] px-5 py-2.5 text-sm font-medium text-white transition-colors hover:bg-[#7C3AED]",
+                children: ["Explore HRM ", jsx(ArrowRight, {
+                  className: "h-4 w-4"
+                })]
+              }), jsx(Link, {
+                to: "/demo",
+                className: "inline-flex items-center gap-2 rounded-lg border border-foreground/10 bg-background px-5 py-2.5 text-sm font-medium text-foreground transition-colors hover:bg-foreground/5",
+                children: "Watch demo"
+              })]
+            })]
+          }), jsxs("div", {
+            className: "relative",
+            children: [jsx("div", {
+              className: "overflow-hidden rounded-xl border border-foreground/10 shadow-xl",
+              children: jsx("img", {
+                src: "/static/img/hrm/hrm-overview.png",
+                alt: "Clockbook HRM Dashboard showing employee management, leave tracking, and onboarding",
+                className: "h-auto w-full object-cover",
+                loading: "lazy"
+              })
+            }), jsx("div", {
+              className: "absolute -bottom-4 -left-4 rounded-lg border border-foreground/10 bg-background p-3 shadow-lg",
+              children: jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [jsx("div", {
+                  className: "flex h-8 w-8 items-center justify-center rounded-full bg-[#10B981]/10",
+                  children: jsx(CheckCircle2, {
+                    className: "h-4 w-4 text-[#10B981]"
+                  })
+                }), jsxs("div", {
+                  children: [jsx("p", {
+                    className: "text-xs font-semibold text-foreground",
+                    children: "Leave Approved"
+                  }), jsx("p", {
+                    className: "text-[10px] text-muted-foreground",
+                    children: "Auto-routed to manager"
+                  })]
+                })]
+              })
+            }), jsx("div", {
+              className: "absolute -right-4 -top-4 rounded-lg border border-foreground/10 bg-background p-3 shadow-lg",
+              children: jsxs("div", {
+                className: "flex items-center gap-2",
+                children: [jsx("div", {
+                  className: "flex h-8 w-8 items-center justify-center rounded-full bg-[#8B5CF6]/10",
+                  children: jsx(UserPlus, {
+                    className: "h-4 w-4 text-[#8B5CF6]"
+                  })
+                }), jsxs("div", {
+                  children: [jsx("p", {
+                    className: "text-xs font-semibold text-foreground",
+                    children: "New Hire Onboarded"
+                  }), jsx("p", {
+                    className: "text-[10px] text-muted-foreground",
+                    children: "12 tasks completed"
+                  })]
+                })]
+              })
+            })]
+          })]
+        })
+      })]
+    })
+  });
+}export{HRMFeatureSection};//# sourceMappingURL=HRMFeatureSection.js.map

package/lib/pages/LandingPage/components/HRMFeatureSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HRMFeatureSection.js","sources":["../../../../src/pages/LandingPage/components/HRMFeatureSection.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"kMAsBA,MAAM,WAAW,GAA+B,CAAC;AAC7C,EAAA,IAAA;AAcJ,EAAE,KAAA;AAEF,EAAA;;AAOA,CAAC,KAAA;AAED,EAAA,OAAgBA,IAAA,CAAA,KAAA,EAAA;AACZ,IAAA,8FAAiB;AACb,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AACI,MAAA,SAAA,+HAAiD;AACjD,MAAA,KAAA,EAAA;AACA,QAAA,eAAW,EACP;AACJ,OAAA;AACH,MAAA,QAAA,EAAA;AACD,KAAA,CAAA,EAAAD,IAAA,CAAA,KAAA,EAAA;AACI,MAAA,QAAA,EAAI,IAAG,CAAA,IAAA,EAAK;AACZ,QAAA,SAAK,EAAE,uCAAqB;AAC5B,QAAA,QAAA,EAAA;AAEA,OAAA,CAAA,EAAAC,GAAA,CAAA,KAAgB;AACnB,QAAA,SAAA,EAAA,oDAAA;AACD,QAAA,QAAA,EAAA;AACI,OAAA,CAAA;AACA,KAAA,CAAA;AACA,GAAA,CAAA;AAEA,CAAA;AACH,SAAA,SAAA,CAAA;AACD,EAAA,KAAA;AACI,EAAA;AACA,CAAA,EAAA;AACA,EAAA,OAAAD,IAAA,CAAA,KAAA,EAAA;AAEA,IAAA,SAAA,EAAA,aAAgB;AACnB,IAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,GAAA,EAAA;AACD,MAAA,SAAA,EAAA,gDAAA;AACI,MAAA,QAAA,EAAI;AACJ,KAAA,CAAA,EAAAA,GAAA,CAAA,GAAA;AACA,MAAA,SAAA,EAAA,gDACwI;AACxI,MAAA,QAAA,EAAA;AACH,KAAA,CAAA;AACD,GAAA,CAAA;AACI;AACA,SAAA,iBAAyB,CAAA;AACzB,EAAA;AAEA,CAAA,EAAA;AACH,EAAA,MAAA,QAAA,GAAA,CAAA;AACD,IAAA,IAAA,EAAAA,GAAA,CAAA,QAAA,EAAA;AACI,MAAA,SAAA;AACA,KAAA,CAAA;AACA,IAAA,KAAA,EAAA,qBACyI;AACzI,IAAA,WAAA,EAAK,0IAAW;AACnB,IAAA,KAAA,EAAA;AACD,GAAA,EAAA;AACI,IAAA,IAAA,EAAAA,GAAA,CAAA,KAAO,EAAA;AACP,MAAA,SAAA,EAAK;AACL,KAAA,CAAA;AAEA,IAAA,KAAA,EAAA,qBAAgB;AACnB,IAAA,WAAA,EAAA,gIAAA;SACH,EAAA;AAEF,GAAA,EAAA;;;;;oJAsD2E;;AA6D/E,GAAC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/LandingPage/components/index.d.ts

@@ -13,4 +13,6 @@ export { ControlCard } from './ControlCard';
 export { BuildingSoftwareScene } from './BuildingSoftwareScene';
 export { InfrastructureCard } from './InfrastructureCard';
 export { InfrastructureTabs } from './InfrastructureTabs';
+export { HRMFeatureSection } from './HRMFeatureSection';
+export { BooksFeatureSection } from './BooksFeatureSection';
 //# sourceMappingURL=index.d.ts.map

package/lib/pages/LandingPage/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/pages/LandingPage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/LandingPage/index.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,WAAW,+CA0PhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/LandingPage/index.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,WAAW,+CAgQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/pages/LandingPage/index.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect,useMemo}from'react';import {Link}from'@remix-run/react';import {Button}from'@admin-layout/tailwind-ui/shardui/button.js';import {Images}from'./components/Assets.js';import {Section,Container}from'./components/Section.js';import {BuildingSoftwareScene}from'./components/BuildingSoftwareScene.js';import {InvestigationCard}from'./components/InvestigationCard.js';import {InfrastructureTabs}from'./components/InfrastructureTabs.js';import {LearningCard}from'./components/LearningCard.js';import {TrendingUp,Shield}from'lucide-react';import {ControlCard}from'./components/ControlCard.js';import {LandingPageStyles}from'./LandingPageStyles.js';import {config}from'../../config/env-config.js';const LandingPage = () => {
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect,useMemo}from'react';import {Link}from'@remix-run/react';import {Button}from'@admin-layout/tailwind-ui/shardui/button.js';import {Images}from'./components/Assets.js';import {Section,Container}from'./components/Section.js';import {BuildingSoftwareScene}from'./components/BuildingSoftwareScene.js';import {InvestigationCard}from'./components/InvestigationCard.js';import {InfrastructureTabs}from'./components/InfrastructureTabs.js';import {LearningCard}from'./components/LearningCard.js';import {TrendingUp,Shield}from'lucide-react';import {ControlCard}from'./components/ControlCard.js';import {HRMFeatureSection}from'./components/HRMFeatureSection.js';import {BooksFeatureSection}from'./components/BooksFeatureSection.js';import {LandingPageStyles}from'./LandingPageStyles.js';import {config}from'../../config/env-config.js';const LandingPage = () => {
   const prefersReducedMotion = usePrefersReducedMotion();
   const [heroImageLoaded, setHeroImageLoaded] = useState(false);
   const [introMinDone, setIntroMinDone] = useState(prefersReducedMotion);
@@ -157,6 +157,10 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect,useMe
           })]
         })]
       })
+    }), jsx(HRMFeatureSection, {
+      reducedMotion: prefersReducedMotion
+    }), jsx(BooksFeatureSection, {
+      reducedMotion: prefersReducedMotion
     }), jsxs("div", {
       ref: controlRef,
       className: "max-w-[1004px] mx-auto px-5 py-32 bg-background",
@@ -222,7 +226,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect,useMe
               className: "cb-stagger-item",
               children: jsx(ValueCard, {
                 title: "Focus on research and development",
-                description: "Software is our craft and we back it up with relentless investments in R&D. We prefer to own the entire technology stack, continuously innovating to deliver integrated solutions for time tracking, HR, communications, marketing, and financial management."
+                description: "Software is our craft and we back it up with relentless investments in R&D. We prefer to own the entire technology stack, continuously innovating to deliver integrated solutions for HR management, accounting & books, time tracking, communications, and project management."
               })
             }), jsx("div", {
               className: "cb-stagger-item",
@@ -327,7 +331,7 @@ function ClockbookHero({
             })]
           }), jsx("p", {
             className: "cb-fade-in cb-typography-body mt-6 max-w-3xl text-pretty text-base leading-relaxed text-white/70 sm:text-lg",
-            children: "Run your entire business on Clockbook with our unified cloud platform, designed to help you break down silos between departments and increase organizational efficiency."
+            children: "Run your entire business on Clockbook with our unified cloud platform \u2014 HR management, accounting, time tracking, and more. Break down silos between departments and increase organizational efficiency."
           }), jsxs("div", {
             className: "cb-fade-in mt-8 flex flex-wrap justify-center gap-3",
             children: [jsx(Link, {