abingyydsandClaude Opus 4.6
91e673aabd
- 添加 --page-bg/--page-spinner CSS 变量，各主题定义自己的颜色 - body 背景改用 CSS 变量，不再硬编码黑色 - SiteContext 获取站点信息后立即应用主题类到 body - localStorage 缓存主题类，刷新时在 React 加载前恢复，防止闪烁 - 浅色主题(clean/corporate/claude)加载时显示白色/米色背景+对应色 spinner Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2 lines
7.5 KiB
JavaScript
2 lines
7.5 KiB
JavaScript
import{u as N,a as v,d as y,r as m,h as E,m as w,j as e,L as l,Q as F}from"./index-ZavRXCeN.js";import{c as B,R as C}from"./RotatingEquiv-BiNhXD16.js";import{C as h}from"./CountUp-2H8PJb3I.js";import{F as i}from"./FadeContent-DnAL-lQG.js";import{u as q}from"./useTranslation-KkRwPkkT.js";function A(){const{t:s}=q(),{user:n}=N(),{site:c}=v(),{symbol:u}=y(),[D,f]=m.useState([]),[b,g]=m.useState([]);m.useEffect(()=>{E().then(t=>{t.data.success&&f(t.data.data||[])}).catch(()=>{}),w().then(t=>{t.data.success&&g(t.data.data||[])}).catch(()=>{})},[]);const o=D.filter(t=>t.enabled!==!1);return e.jsxs("div",{children:[e.jsxs("section",{className:"max-w-5xl mx-auto px-6 pt-32 pb-20",children:[e.jsx(i,{blur:!0,duration:800,delay:100,children:e.jsxs("div",{className:"max-w-3xl",children:[e.jsx("h1",{className:"text-5xl md:text-6xl font-heading font-bold text-[#3D3024] leading-[1.1] tracking-tight",children:(c==null?void 0:c.name)||s("home.defaultHeroTitle")}),e.jsx("p",{className:"text-lg text-[#6B5D4F] mt-6 leading-relaxed max-w-xl",children:s("home.heroSubtitle")}),e.jsx("div",{className:"flex items-center gap-4 mt-10",children:n?e.jsxs(l,{to:"/dashboard",className:"px-7 py-3 rounded-full bg-[#D97757] text-white font-medium text-sm hover:bg-[#C4613F] transition-colors",children:[s("home.goToDashboard")," →"]}):e.jsxs(e.Fragment,{children:[e.jsx(l,{to:"/register",className:"px-7 py-3 rounded-full bg-[#D97757] text-white font-medium text-sm hover:bg-[#C4613F] transition-colors",children:s("home.getStarted")}),e.jsxs(l,{to:"/pricing",className:"px-7 py-3 text-[#8B7D6E] font-medium text-sm hover:text-[#3D3024] transition-colors",children:[s("home.viewPricing")," →"]})]})})]})}),e.jsx(i,{blur:!0,duration:800,delay:400,children:e.jsxs("div",{className:"flex items-center gap-12 mt-20 pt-10 border-t border-[#E8DDD0]",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"text-2xl font-bold text-[#3D3024]",children:[e.jsx(h,{from:0,to:o.length||50,duration:2}),"+"]}),e.jsx("p",{className:"text-sm text-[#8B7D6E] mt-0.5",children:s("home.aiModels")})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"text-2xl font-bold text-[#3D3024]",children:[e.jsx(h,{from:0,to:99.9,duration:2.5}),"%"]}),e.jsx("p",{className:"text-sm text-[#8B7D6E] mt-0.5",children:s("home.uptime")})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"text-2xl font-bold text-[#3D3024]",children:["<",e.jsx(h,{from:200,to:50,duration:2,direction:"down"}),"ms"]}),e.jsx("p",{className:"text-sm text-[#8B7D6E] mt-0.5",children:s("home.latency")})]})]})})]}),e.jsx("section",{className:"bg-[#F5EEE6]",children:e.jsx("div",{className:"max-w-5xl mx-auto px-6 py-20",children:e.jsxs(i,{blur:!0,duration:800,delay:100,children:[e.jsx("h2",{className:"text-2xl font-heading font-bold text-[#3D3024] mb-2",children:s("home.whyChooseUs")}),e.jsx("p",{className:"text-[#8B7D6E] mb-10",children:s("home.whyChooseUsDesc")}),e.jsx("div",{className:"space-y-0",children:[{title:s("home.lightningFast"),desc:s("home.lightningFastDesc")},{title:s("home.securePrivate"),desc:s("home.securePrivateDesc")},{title:s("home.payAsYouGo"),desc:s("home.payAsYouGoDesc")}].map((t,a)=>e.jsxs("div",{className:"flex gap-6 items-start py-6 border-b border-[#E8DDD0] last:border-0 group",children:[e.jsxs("span",{className:"text-sm font-mono text-[#D97757]/50 mt-0.5",children:["0",a+1]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-base font-semibold text-[#3D3024] mb-1 group-hover:text-[#D97757] transition-colors",children:t.title}),e.jsx("p",{className:"text-sm text-[#6B5D4F] leading-relaxed max-w-lg",children:t.desc})]})]},a))})]})})}),o.length>0&&e.jsx("section",{className:"max-w-5xl mx-auto px-6 py-20",children:e.jsxs(i,{blur:!0,duration:800,delay:100,children:[e.jsxs("div",{className:"flex items-end justify-between mb-8",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-2xl font-heading font-bold text-[#3D3024] mb-2",children:s("home.availableModels")}),e.jsx("p",{className:"text-[#8B7D6E]",children:s("home.availableModelsDesc",{count:o.length})})]}),o.length>8&&e.jsxs(l,{to:"/pricing",className:"text-sm text-[#D97757] hover:text-[#C4613F] transition-colors",children:[s("home.viewAllModels",{count:o.length})," →"]})]}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-2",children:o.slice(0,8).map((t,a)=>e.jsx("div",{className:"px-4 py-3 rounded-lg border border-[#E8DDD0] hover:border-[#D9C5B2] transition-colors",children:e.jsx("span",{className:"text-sm text-[#6B5D4F] font-mono",children:t.display_name||t.model_name})},t.id||a))})]})}),b.length>0&&e.jsx("section",{className:"max-w-5xl mx-auto px-6 py-20",children:e.jsxs(i,{blur:!0,duration:800,delay:100,children:[e.jsx("h2",{className:"text-2xl font-heading font-bold text-[#3D3024] mb-2",children:s("home.plansPackages")}),e.jsx("p",{className:"text-[#8B7D6E] mb-10",children:s("home.choosePlan")}),e.jsx("div",{className:"grid md:grid-cols-3 gap-4 max-w-4xl",children:b.filter(t=>t.enabled).slice(0,3).map((t,a)=>{const x=t.quota_amount>0?t.quota_amount/F:0,d=t.quota_reset_period||"never";let j=x;if(d!=="never"&&t.duration>0&&x>0){let r=d==="daily"?t.duration:d==="weekly"?Math.floor(t.duration/7):d==="monthly"?Math.floor(t.duration/30):1;r<1&&(r=1),j=x*r}const p=B(o,j);return e.jsxs("div",{className:`rounded-xl p-6 flex flex-col border transition-all ${a===1?"border-[#D97757]/30 bg-[#D97757]/[0.04]":"border-[#E8DDD0] hover:border-[#D9C5B2]"}`,children:[a===1&&e.jsx("span",{className:"text-xs text-[#D97757] font-medium mb-2 uppercase tracking-wider",children:s("home.popular")||"Popular"}),e.jsx("h3",{className:"text-base font-semibold text-[#3D3024]",children:t.name}),t.description&&e.jsx("p",{className:"text-sm text-[#8B7D6E] mt-1",children:t.description}),e.jsxs("div",{className:"mt-auto pt-6",children:[e.jsxs("span",{className:"text-3xl font-bold text-[#3D3024]",children:[u,Number(t.price).toFixed(2)]}),t.original_price>t.price&&e.jsxs("span",{className:"text-sm text-[#8B7D6E] line-through ml-2",children:[u,Number(t.original_price).toFixed(2)]}),t.duration>0&&e.jsx("p",{className:"text-xs text-[#8B7D6E] mt-1",children:s("home.days",{count:t.duration})})]}),p.length>0&&e.jsxs("p",{className:"text-xs text-[#D97757] mt-2",children:["🔥 ",e.jsx(C,{items:p,text:r=>s("packages.officialEquiv",{model:r.label,amount:r.equivDollars})})]}),e.jsx(l,{to:n?"/packages":"/register",className:`mt-4 py-2.5 rounded-full font-medium text-sm text-center transition-colors ${a===1?"bg-[#D97757] text-white hover:bg-[#C4613F]":"bg-[#E8DDD0] text-[#3D3024] hover:bg-[#D9C5B2]"}`,children:s(n?"home.subscribe":"home.getStarted")})]},t.id)})})]})}),e.jsx("section",{className:"max-w-5xl mx-auto px-6 py-24",children:e.jsx(i,{blur:!0,duration:800,delay:100,children:e.jsxs("div",{className:"border-t border-[#E8DDD0] pt-16 text-center",children:[e.jsx("h2",{className:"text-2xl font-heading font-bold text-[#3D3024] mb-3",children:s("home.readyToStart")}),e.jsx("p",{className:"text-[#8B7D6E] mb-8 max-w-md mx-auto",children:s("home.readyToStartDesc")}),e.jsx("div",{className:"flex items-center justify-center gap-4",children:n?e.jsxs(l,{to:"/dashboard",className:"px-7 py-3 rounded-full bg-[#D97757] text-white font-medium text-sm hover:bg-[#C4613F] transition-colors",children:[s("home.goToDashboard")," →"]}):e.jsxs(e.Fragment,{children:[e.jsxs(l,{to:"/register",className:"px-7 py-3 rounded-full bg-[#D97757] text-white font-medium text-sm hover:bg-[#C4613F] transition-colors",children:[s("home.createFreeAccount")," →"]}),e.jsx(l,{to:"/login",className:"px-7 py-3 text-[#8B7D6E] font-medium text-sm hover:text-[#3D3024] transition-colors",children:s("home.signIn")})]})})]})})})]})}export{A as default};
|