https://thestreamlinefactory.com/assets/DesignPreviewPage-d0w4vUnn.js

1import{r as o,j as e,L as a}from"./react-vendor-C-_weJGF.js";import{S as d,A as l,m as c,a as n,Z as i,y as p,z as m}from"./icons-BZJMmL1V.js";function g(){o.useEffect(()=>{document.title="Design Preview · Gold & Chrome"},[]);const t={"--p-bg":"hsl(228 30% 4%)","--p-surface":"hsl(228 22% 8%)","--p-surface-2":"hsl(228 18% 11%)","--p-border":"hsl(42 25% 22% / 0.45)","--p-fg":"hsl(45 30% 96%)","--p-muted":"hsl(40 10% 65%)","--p-gold":"hsl(45 78% 58%)","--p-gold-deep":"hsl(38 70% 46%)","--p-gold-soft":"hsl(48 85% 72%)","--p-chrome":"hsl(220 8% 78%)","--p-chrome-deep":"hsl(220 6% 58%)","--p-glow-gold":"0 0 60px hsl(45 78% 58% / 0.25)","--p-grad-gold":"linear-gradient(135deg, hsl(48 85% 72%), hsl(45 78% 58%) 45%, hsl(38 70% 46%))","--p-grad-chrome":"linear-gradient(135deg, hsl(220 8% 88%), hsl(220 8% 70%) 50%, hsl(220 6% 50%))","--p-grad-hero":"radial-gradient(1200px 600px at 80% -10%, hsl(45 78% 58% / 0.18), transparent 60%), radial-gradient(900px 500px at 0% 100%, hsl(220 8% 78% / 0.08), transparent 55%), linear-gradient(180deg, hsl(228 30% 4%), hsl(228 25% 6%))"};return e.jsxs("div",{style:{...t,background:"var(--p-bg)",color:"var(--p-fg)"},className:"min-h-screen font-sans",children:[e.jsxs("div",{className:"text-xs text-center py-2 border-b",style:{background:"var(--p-surface)",borderColor:"var(--p-border)",color:"var(--p-muted)"},children:[e.jsx("span",{style:{color:"var(--p-gold)"},children:"● Preview only"}),e.jsx("span",{className:"mx-2",children:"·"}),"Sample design using new logo palette. Live site is unchanged.",e.jsx(a,{to:"/",className:"ml-3 underline",style:{color:"var(--p-chrome)"},children:"Back to live site"})]}),e.jsx("header",{className:"sticky top-0 z-30 backdrop-blur-md border-b",style:{background:"hsl(228 30% 4% / 0.7)",borderColor:"var(--p-border)"},children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 h-16 flex items-center justify-between",children:[e.jsx("div",{className:"flex items-center gap-3",children:e.jsx("img",{src:"https://jbahxuzdamcfihnpasfe.supabase.co/storage/v1/object/public/media/1777131804623-plh5096f9.webp",alt:"Streamline Factory",className:"h-9 w-auto"})}),e.jsx("nav",{className:"hidden md:flex items-center gap-8 text-sm",children:["Platform","Solutions","Reports","Pricing","About"].map(r=>e.jsx("a",{href:"#",className:"transition-colors hover:opacity-100 opacity-80",style:{color:"var(--p-fg)"},children:r},r))}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{className:"text-sm px-4 py-2 rounded-md border transition-colors",style:{borderColor:"var(--p-border)",color:"var(--p-chrome)"},children:"Sign in"}),e.jsx("button",{className:"text-sm px-4 py-2 rounded-md font-semibold",style:{background:"var(--p-grad-gold)",color:"hsl(228 40% 8%)",boxShadow:"var(--p-glow-gold)"},children:"Get started"})]})]})}),e.jsxs("section",{className:"relative overflow-hidden",style:{background:"var(--p-grad-hero)"},children:[e.jsx("div",{className:"absolute inset-0 opacity-[0.07] pointer-events-none",style:{backgroundImage:"linear-gradient(hsl(45 60% 70%) 1px, transparent 1px), linear-gradient(90deg, hsl(45 60% 70%) 1px, transparent 1px)",backgroundSize:"56px 56px",maskImage:"radial-gradient(ellipse 80% 60% at 50% 30%, black 40%, transparent 80%)"}}),e.jsxs("div",{className:"relative max-w-7xl mx-auto px-6 pt-24 pb-32 grid lg:grid-cols-12 gap-12 items-center",children:[e.jsxs("div",{className:"lg:col-span-7",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-medium mb-6 border",style:{borderColor:"hsl(45 78% 58% / 0.35)",background:"hsl(45 78% 58% / 0.08)",color:"var(--p-gold-soft)"},children:[e.jsx(d,{className:"w-3.5 h-3.5"}),"New · Streamline Factory v2"]}),e.jsxs("h1",{className:"font-display font-bold leading-[1.05] tracking-tight",style:{fontSize:"clamp(2.75rem, 6vw, 5rem)"},children:["Operations engineered with"," ",e.jsx("span",{className:"bg-clip-text text-transparent",style:{backgroundImage:"var(--p-grad-gold)"},children:"precision"})," ","and polish."]}),e.jsx("p",{className:"mt-6 text-lg max-w-xl leading-relaxed",style:{color:"var(--p-muted)"},children:"The control room for field service teams. Route, dispatch, and report on every job with the rigor of a factory floor and the finish of a luxury product."}),e.jsxs("div",{className:"mt-8 flex flex-wrap items-center gap-4",children:[e.jsxs("button",{className:"group inline-flex items-center gap-2 px-6 py-3.5 rounded-lg font-semibold text-sm",style:{background:"var(--p-grad-gold)",color:"hsl(228 40% 8%)",boxShadow:"var(--p-glow-gold)"},children:["Start free trial",e.jsx(l,{className:"w-4 h-4 transition-transform group-hover:translate-x-0.5"})]}),e.jsx("button",{className:"inline-flex items-center gap-2 px-6 py-3.5 rounded-lg font-medium text-sm border",style:{borderColor:"var(--p-border)",color:"var(--p-chrome)",background:"hsl(228 22% 8% / 0.6)"},children:"Watch demo"})]}),e.jsxs("div",{className:"mt-10 flex items-center gap-6 text-xs",style:{color:"var(--p-muted)"},children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[[...Array(5)].map((r,s)=>e.jsx(c,{className:"w-3.5 h-3.5 fill-current",style:{color:"var(--p-gold)"}},s)),e.jsx("span",{className:"ml-1",children:"4.9 from 1,200+ teams"})]}),e.jsx("span",{style:{color:"var(--p-border)"},children:"|"}),e.jsx("span",{children:"SOC 2 · ISO 27001"})]})]}),e.jsx("div",{className:"lg:col-span-5",children:e.jsx("div",{className:"relative rounded-2xl p-1",style:{background:"var(--p-grad-gold)",boxShadow:"var(--p-glow-gold)"}

1,children:e.jsxs("div",{className:"rounded-[15px] p-6",style:{background:"var(--p-surface)"},children:[e.jsxs("div",{className:"flex items-center justify-between mb-5",children:[e.jsx("span",{className:"text-xs uppercase tracking-wider",style:{color:"var(--p-muted)"},children:"Today's dispatch"}),e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded-full",style:{background:"hsl(45 78% 58% / 0.15)",color:"var(--p-gold-soft)"},children:"LIVE"})]}),[{name:"Roof inspection · 4821 Maple Ave",time:"9:30 AM",tech:"M. Chen"},{name:"Storm assessment · 12 Oak Ridge",time:"11:15 AM",tech:"A. Patel"},{name:"Hail report · 88 Lakeside Dr",time:"2:00 PM",tech:"J. Rivera"}].map((r,s)=>e.jsxs("div",{className:"flex items-center gap-3 py-3 border-b last:border-0",style:{borderColor:"var(--p-border)"},children:[e.jsx("div",{className:"w-9 h-9 rounded-lg flex items-center justify-center text-sm font-bold",style:{background:"var(--p-grad-chrome)",color:"hsl(228 30% 8%)"},children:r.tech.split(" ")[0][0]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-sm truncate",children:r.name}),e.jsxs("p",{className:"text-xs",style:{color:"var(--p-muted)"},children:[r.tech," · ",r.time]})]}),e.jsx(n,{className:"w-4 h-4",style:{color:"var(--p-chrome-deep)"}})]},s)),e.jsxs("div",{className:"mt-5 rounded-lg p-3 flex items-center justify-between",style:{background:"var(--p-surface-2)"},children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] uppercase tracking-wider",style:{color:"var(--p-muted)"},children:"On-time rate"}),e.jsx("p",{className:"text-2xl font-bold",style:{color:"var(--p-gold-soft)"},children:"98.4%"})]}),e.jsx("div",{className:"h-12 w-24 flex items-end gap-1",children:[40,65,50,75,60,85,95].map((r,s)=>e.jsx("div",{className:"flex-1 rounded-sm",style:{height:`${r}%`,background:s===6?"var(--p-gold)":"var(--p-chrome-deep)",opacity:s===6?1:.5}},s))})]})]})})})]})]}),e.jsx("section",{className:"border-y py-8",style:{borderColor:"var(--p-border)",background:"var(--p-surface)"},children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 flex flex-wrap items-center justify-center gap-x-12 gap-y-4",children:[e.jsx("span",{className:"text-xs uppercase tracking-wider",style:{color:"var(--p-muted)"},children:"Trusted by operators at"}),["NORTHWIND","ATLAS ROOFING","VERTEX FIELD","MERIDIAN CO.","STORMLINE"].map(r=>e.jsx("span",{className:"text-sm font-semibold tracking-widest",style:{color:"var(--p-chrome-deep)"},children:r},r))]})}),e.jsxs("section",{className:"max-w-7xl mx-auto px-6 py-24",children:[e.jsxs("div",{className:"max-w-2xl mb-14",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] mb-3",style:{color:"var(--p-gold)"},children:"Built to last"}),e.jsxs("h2",{className:"font-display text-4xl md:text-5xl font-bold tracking-tight",children:["Engineering-grade tools, finished in"," ",e.jsx("span",{className:"bg-clip-text text-transparent",style:{backgroundImage:"var(--p-grad-chrome)"},children:"chrome and gold"}),"."]})]}),e.jsx("div",{className:"grid md:grid-cols-3 gap-6",children:[{icon:i,title:"Real-time dispatch",body:"Move crews like clockwork. Live ETAs, instant rerouting, and zero double-bookings."},{icon:p,title:"Auditable reports",body:"Every measurement, photo, and signature time-stamped and locked. PDF, ESX, XML."},{icon:m,title:"Premium experience",body:"A finish your customers notice. Branded portals, polished comms, white-glove ops."}].map((r,s)=>e.jsxs("div",{className:"group relative rounded-xl p-6 border transition-all hover:-translate-y-1",style:{background:"var(--p-surface)",borderColor:"var(--p-border)"},children:[e.jsx("div",{className:"w-11 h-11 rounded-lg flex items-center justify-center mb-5",style:{background:"var(--p-grad-gold)",color:"hsl(228 40% 8%)",boxShadow:"var(--p-glow-gold)"},children:e.jsx(r.icon,{className:"w-5 h-5"})}),e.jsx("h3",{className:"font-display font-semibold text-lg mb-2",children:r.title}),e.jsx("p",{className:"text-sm leading-relaxed",style:{color:"var(--p-muted)"},children:r.body}),e.jsx("div",{className:"absolute inset-x-6 -bottom-px h-px opacity-0 group-hover:opacity-100 transition-opacity",style:{background:"var(--p-grad-gold)"}})]},s))})]}),e.jsx("section",{className:"border-y",style:{borderColor:"var(--p-border)",background:"var(--p-surface)"},children:e.jsx("div",{className:"max-w-7xl mx-auto px-6 py-14 grid grid-cols-2 md:grid-cols-4 gap-8",children:[{v:"12k+",l:"Reports delivered"},{v:"98.4%",l:"On-time rate"},{v:"4.9★",l:"Customer rating"},{v:"$3.2M",l:"Saved in rework"}].map((r,s)=>e.jsxs("div",{children:[e.jsx("p",{className:"font-display text-4xl font-bold bg-clip-text text-transparent",style:{backgroundImage:"var(--p-grad-gold)"},children:r.v}),e.jsx("p",{className:"text-xs uppercase tracking-wider mt-1",style:{color:"var(--p-muted)"},children:r.l})]},s))})}),e.jsx("section",{className:"max-w-7xl mx-auto px-6 py-24",children:e.jsxs("div",{className:"relative overflow-hidden rounded-2xl p-12 md:p-16 text-center",style:{background:"radial-gradient(800px 400px at 50% 0%, hsl(45 78% 58% / 0.18), transparent 70%), var(--p-surface)",border:"1px solid hsl(45 78% 58% / 0.25)"},children:[e.jsx("h3",{className:"font-display text-3xl md:text-5xl font-bold mb-4",children:"Ready to streamline your factory?"}),e.jsx("p",{className:"text-lg mb-8 max-w-xl mx-auto",style:{color:"var(--p-muted)"},children:"Start free, no card required. White-glove onboarding for teams of 10+."}),e.jsxs("button",{className:"inline-flex items-center gap-2 px-7 py-4 rounded-lg font-semibold",style:{background:"var(--p-grad-gold)",color:"hsl(228 40% 8%)",boxShadow:"var(--p-glow-gold)"},children:["Get started, it's free",e.jsx(l,{className:"w-4 h-4"})]})]})}),e.jsx("section",{className:"border-t",style:{borderColor:"var(--p-border)",background:"var(--p-surface)"},children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 py-12",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] mb-4",style:{color:"var(--p-muted)"},children:"Palette extracted from logo"}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-6 gap-3",children:[{name:"Gold soft",v:"var(--p-gold-soft)"},{name:"Gold",v:"var(--p-gold)"},{name:"Gold deep",v:"var(--p-gold-deep)"},{name:"Chrome",v:"var(--p-chrome)"},{name:"Chrome deep",v:"var(--p-chrome-deep)"},{name:"Surface",v:"var(--p-surface-2)"}].map(r=>e.jsxs("div",{className:"rounded-lg overflow-hidden border",style:{borderColor:"var(--p-border)"},children:[e.jsx("div",{className:"h-16",style:{background:r.v}}),e.jsx("div",{className:"p-3 text-xs",style:{background:"var(--p-bg)"},children:r.name})]},r.name))})]})}),e.jsx("footer",{className:"border-t py-10",style:{borderColor:"var(--p-border)"},children:e.jsxs("div",{className:"max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center justify-between gap-4 text-xs",style:{color:"var(--p-muted)"},children:[e.jsx("span",{children:"© Streamline Factory · Design preview"}),e.jsxs("span",{children:["Like this direction?"," ",e.jsx(a,{to:"/",className:"underline",style:{color:"var(--p-gold)"},children:"Tell us to apply it site-wide"})]})]})})]})}export{g as default};