salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new theme for site

Browse Source
This commit is contained in:
Desktop
2025-11-13 19:55:27 +05:00
parent 3c100be1cf
commit 7ff05f616f
21 changed files with 225 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/marketing/pages/Pricing.tsx
View File

@@ -83,14 +83,14 @@ const featureMatrix = [
const Pricing: React.FC = () => {
return (
<div className="bg-[#050913] text-white">
<div className="bg-white text-slate-900">
<section className="max-w-6xl mx-auto px-6 pt-24 pb-16 space-y-8">
<SectionHeading
eyebrow="Pricing"
title="Simple plans that scale with your automation ambitions."
description="Transparent pricing for the entire Igny8 platform. No seat-based penalties—every teammate can collaborate freely."
/>
<div className="rounded-3xl border border-white/10 bg-white/5 p-6 text-sm text-white/60 text-center">
<div className="rounded-3xl border border-slate-200 bg-white p-6 text-sm text-slate-600 text-center">
Looking to migrate from an existing AI content stack? Ask about our migration credit and onboarding accelerator.
</div>
</section>
@@ -99,29 +99,29 @@ const Pricing: React.FC = () => {
{tiers.map((tier) => (
<div
key={tier.name}
className={`relative rounded-3xl border ${tier.featured ? "border-brand-500/60 bg-brand-500/10 shadow-[0_0_70px_rgba(59,130,246,0.25)]" : "border-white/10 bg-white/5"} p-10 flex flex-col gap-6`}
className={`relative rounded-3xl border ${tier.featured ? "border-brand-500/60 bg-brand-500/10 shadow-[0_0_70px_rgba(59,130,246,0.25)]" : "border-slate-200 bg-white"} p-10 flex flex-col gap-6`}
>
{tier.badge && (
<span className="inline-flex items-center self-start rounded-full border border-white/15 bg-white/10 px-4 py-1 text-[11px] uppercase tracking-[0.25em] text-brand-100">
<span className="inline-flex items-center self-start rounded-full border border-slate-200 bg-brand-50 px-4 py-1 text-[11px] uppercase tracking-[0.25em] text-brand-700">
{tier.badge}
</span>
)}
<div>
<h3 className="text-2xl font-semibold text-white">{tier.name}</h3>
<p className="text-sm text-white/60 mt-2">{tier.description}</p>
<h3 className="text-2xl font-semibold text-slate-900">{tier.name}</h3>
<p className="text-sm text-slate-600 mt-2">{tier.description}</p>
</div>
<div className="text-4xl font-semibold text-white">
<div className="text-4xl font-semibold text-slate-900">
{tier.price}
{tier.cadence && (
<span className="text-sm font-normal text-white/50 ml-2">
<span className="text-sm font-normal text-slate-500 ml-2">
{tier.cadence}
</span>
)}
</div>
<ul className="space-y-3 text-sm text-white/70">
<ul className="space-y-3 text-sm text-slate-600">
{tier.features.map((feature) => (
<li key={feature} className="flex gap-3">
<span className="mt-1 size-1.5 rounded-full bg-brand-300" />
<span className="mt-1 size-1.5 rounded-full bg-brand-500" />
{feature}
</li>
))}
@@ -131,8 +131,8 @@ const Pricing: React.FC = () => {
href={tier.name === "Enterprise" ? "/contact" : "https://app.igny8.com/signup"}
className={`inline-flex w-full items-center justify-center rounded-full px-6 py-3 text-sm font-semibold transition ${
tier.featured
? "bg-white text-slate-950 hover:bg-brand-100"
: "border border-white/30 text-white hover:border-white/60"
? "bg-white text-slate-900 hover:bg-brand-100"
: "border border-slate-300 text-slate-900 hover:border-white/60"
}`}
>
{tier.name === "Enterprise" ? "Contact sales" : "Start free trial"}
@@ -143,12 +143,12 @@ const Pricing: React.FC = () => {
</section>
<section className="max-w-6xl mx-auto px-6 pb-24 space-y-10">
<h3 className="text-xl font-semibold text-white">
<h3 className="text-xl font-semibold text-slate-900">
Compare plan capabilities
</h3>
<div className="overflow-hidden rounded-3xl border border-white/10 bg-white/5">
<table className="min-w-full text-sm text-white/70">
<thead className="bg-white/5 text-white/60 uppercase text-xs tracking-[0.3em]">
<div className="overflow-hidden rounded-3xl border border-slate-200 bg-white">
<table className="min-w-full text-sm text-slate-600">
<thead className="bg-white text-slate-600 uppercase text-xs tracking-[0.3em]">
<tr>
<th className="px-6 py-4 text-left">Capability</th>
<th className="px-6 py-4 text-center">Launch</th>
@@ -159,7 +159,7 @@ const Pricing: React.FC = () => {
<tbody>
{featureMatrix.map((row, index) => (
<tr key={row.feature} className={index % 2 === 0 ? "bg-white/3" : ""}>
<td className="px-6 py-5 text-white font-medium">{row.feature}</td>
<td className="px-6 py-5 text-slate-900 font-medium">{row.feature}</td>
<td className="px-6 py-5 text-center">
{row.launch === true ? "Included" : row.launch}
</td>
@@ -176,10 +176,10 @@ const Pricing: React.FC = () => {
</div>
</section>
<section className="bg-slate-950/70 border-y border-white/5">
<div className="max-w-6xl mx-auto px-6 py-24 grid grid-cols-1 md:grid-cols-2 gap-12 text-sm text-white/70">
<section className="bg-slate-50/70 border-y border-slate-200">
<div className="max-w-6xl mx-auto px-6 py-24 grid grid-cols-1 md:grid-cols-2 gap-12 text-sm text-slate-600">
<div className="space-y-4">
<h4 className="text-lg font-semibold text-white">
<h4 className="text-lg font-semibold text-slate-900">
Usage-based credits explained
</h4>
<p>
@@ -190,7 +190,7 @@ const Pricing: React.FC = () => {
</p>
</div>
<div className="space-y-4">
<h4 className="text-lg font-semibold text-white">
<h4 className="text-lg font-semibold text-slate-900">
Security & compliance
</h4>
<p>