diff --git a/client/pages/Pricing.tsx b/client/pages/Pricing.tsx new file mode 100644 index 00000000..e4f5c764 --- /dev/null +++ b/client/pages/Pricing.tsx @@ -0,0 +1,655 @@ +import { useEffect, useRef, useState } from "react"; +import Layout from "@/components/Layout"; +import LoadingScreen from "@/components/LoadingScreen"; +import { Button } from "@/components/ui/button"; +import { Badge } from "@/components/ui/badge"; +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card"; +import { aethexToast } from "@/lib/aethex-toast"; +import { Link } from "react-router-dom"; +import { + BadgeDollarSign, + Briefcase, + CalendarCheck, + CheckCircle2, + Award, + BarChart3, + Clock, + DollarSign, + Handshake, + Layers, + LineChart, + Rocket, + Sparkles, + Stars, + Users, +} from "lucide-react"; + +type ServiceBundle = { + id: string; + name: string; + description: string; + startingAt: string; + typicalScope: string; + timeline: string; + includes: string[]; +}; + +type EngagementModel = { + name: string; + summary: string; + bestFor: string; + pricing: string; + highlights: string[]; +}; + +type CommissionTier = { + name: string; + split: string; + threshold: string; + notes: string; +}; + +type AddOn = { + title: string; + description: string; + rate: string; + icon: React.ElementType; +}; + +const serviceBundles: ServiceBundle[] = [ + { + id: "game-development", + name: "Game Development", + description: + "Full-cycle production for Roblox, mobile, desktop, and console experiences. Ideal for creators scaling prototypes into live products.", + startingAt: "Starting at $2,500", + typicalScope: "Custom builds, ports, live ops systems", + timeline: "2-12 months depending on scope", + includes: [ + "Dedicated producer + cross-disciplinary pod", + "Weekly playable builds with QA reports", + "Monetization + analytics integration", + "Launch, certification, and post-launch support", + ], + }, + { + id: "development-consulting", + name: "Development Consulting", + description: + "Strategy, architecture, and delivery acceleration for product teams modernizing stacks or scaling platforms.", + startingAt: "Starting at $6,000", + typicalScope: "Audits, modernization, DevOps, team enablement", + timeline: "1-12 weeks for engagements, retainers available", + includes: [ + "Detailed technical audit and roadmap", + "Implementation pairing with in-house teams", + "Security, compliance, and performance baselines", + "Executive-ready reporting and success metrics", + ], + }, + { + id: "mentorship", + name: "Mentorship & Education", + description: + "Personalized mentorship programs, boot camps, and corporate training to upskill teams and individuals.", + startingAt: "Starting at $150/month", + typicalScope: "1:1 mentorship, group cohorts, enterprise training", + timeline: "4-24 weeks depending on track", + includes: [ + "Custom learning plans and project briefs", + "Weekly live sessions with senior practitioners", + "Portfolio and interview preparation", + "Progress analytics shared with sponsors", + ], + }, +]; + +const engagementModels: EngagementModel[] = [ + { + name: "Project-Based", + summary: + "Fixed-scope delivery with milestone billing. Transparent budgets and predictable outcomes for well-defined initiatives.", + bestFor: "Game launches, feature builds, audits, modernization projects", + pricing: "Quotes from $5,000 based on scope", + highlights: [ + "Detailed proposal with scope, timeline, and deliverables", + "Milestone-based invoices aligned to value delivered", + "Dedicated producer as single point of contact", + ], + }, + { + name: "Retainer & Pod", + summary: + "Reserved capacity from a cross-functional AeThex pod. Ideal for studios needing consistent momentum and rapid iteration.", + bestFor: "Live ops, product roadmap execution, embedded leadership", + pricing: "Pods available from $4,500/month", + highlights: [ + "Guaranteed hours and sprint cadence", + "Mix-and-match roles (engineering, design, PM)", + "Velocity reporting and prioritization workshops", + ], + }, + { + name: "Revenue Share / Commission", + summary: + "Performance-aligned partnerships where AeThex participates directly in upside across launches, cosmetics, or creator tooling.", + bestFor: "Creators with engaged audiences, experiential brands, emerging studios", + pricing: "Flexible splits after recouped production costs", + highlights: [ + "Shared analytics dashboards and growth experiments", + "Ongoing live ops + marketing alignment meetings", + "Option to blend with modest retainers for guaranteed throughput", + ], + }, +]; + +const commissionTiers: CommissionTier[] = [ + { + name: "Indie Accelerator", + split: "70% creator / 30% AeThex after cost recovery", + threshold: "Projects under $50K or first-time launches", + notes: "AeThex fronts production sprints and tooling. Marketing boosts via community partners included.", + }, + { + name: "Studio Partnership", + split: "80% partner / 20% AeThex on net revenue", + threshold: "Established teams with existing distribution", + notes: "Joint roadmap planning, LiveOps experimentation, and marketplace merchandising support.", + }, + { + name: "Enterprise Commission", + split: "Custom 10-25% performance fee", + threshold: "High-profile activations, seasonal events, or branded experiences", + notes: "Co-marketing, compliance, and rapid scale pods with 24/7 operations.", + }, +]; + +const addOns: AddOn[] = [ + { + title: "Creative Direction", + description: "Narrative design, concept art, branding systems, and pitch decks ready for investors or communities.", + rate: "$2,000+ per engagement", + icon: Sparkles, + }, + { + title: "Growth & Monetization", + description: "Economy balancing, pricing experiments, retention funnels, and live events strategy.", + rate: "$1,200/mo or revenue share", + icon: LineChart, + }, + { + title: "Support & Operations", + description: "Player support, moderation, telemetry tuning, and automated health checks across platforms.", + rate: "$95/hr or bundle", + icon: Users, + }, + { + title: "QA & Certification", + description: "Platform certification, device matrix testing, and regression pipelines for continuous delivery.", + rate: "$1,500 per release window", + icon: CalendarCheck, + }, +]; + +const process = [ + { + step: "01", + title: "Discovery & Alignment", + description: + "Schedule an intro call, share goals, and walk through references. We map success criteria and define the engagement model.", + }, + { + step: "02", + title: "Proposal & Approval", + description: + "Receive a detailed proposal with investment breakdown, milestones, resourcing model, and optional add-ons.", + }, + { + step: "03", + title: "Launch Sprint", + description: + "Kick off with a stakeholder workshop. We lock delivery cadence, communication stack, and analytics instrumentation.", + }, + { + step: "04", + title: "Scale & Optimize", + description: + "Track KPIs together, review demos, and iterate. Additional pods or commission tiers can be activated as momentum grows.", + }, +]; + +const faqs = [ + { + question: "How do you price mixed-scope engagements?", + answer: + "We blend fixed-fee milestones for known deliverables with retainers or revenue share for live operations and experimental features. The model is always transparent and documented before kickoff.", + }, + { + question: "What information helps you quote faster?", + answer: + "Links to existing builds, tech stack details, target platforms, deadlines, and growth goals. Even bullet-point dreams are welcome—our team is great at filling in blanks.", + }, + { + question: "Can we start small before scaling up?", + answer: + "Absolutely. Many partners engage us for a quick assessment or prototype sprint before expanding into retainers or revenue share models.", + }, + { + question: "Do you work with external creators or agencies?", + answer: + "Yes. We routinely collaborate with independent artists, streamers, and agencies. Our commission tiers were designed to align incentives across blended teams.", + }, +]; + +export default function Pricing() { + const [isLoading, setIsLoading] = useState(true); + const toastShownRef = useRef(false); + + useEffect(() => { + const timer = setTimeout(() => { + setIsLoading(false); + if (!toastShownRef.current) { + aethexToast.system("Pricing & Engagement center ready"); + toastShownRef.current = true; + } + }, 900); + + return () => clearTimeout(timer); + }, []); + + if (isLoading) { + return ( + + ); + } + + return ( + +
+ {/* Hero */} +
+
+ {[...Array(35)].map((_, idx) => ( +
+ {"💼🎮📈🛠️".charAt(Math.floor(Math.random() * 4))} +
+ ))} +
+ +
+
+ + + Pricing & Engagement Playbook + + +

+ + Choose how you collaborate with AeThex + +

+ +

+ Compare investment models, commission structures, and add-ons in + a single hub. Every price button across AeThex now routes here so + you can align stakeholders quickly. +

+ +
+ + +
+ +
+ + + 24-hour proposal turnaround + + + + Transparent milestones + + + + Embedded expert pods + +
+
+
+
+ + {/* Service Bundles */} +
+
+
+

+ Core Engagement Bundles +

+

+ These bundles power every CTA across Game Development, + Consulting, and Mentorship. Pick the bundle, customize with + add-ons, and launch fast. +

+
+ +
+ {serviceBundles.map((bundle, index) => ( + + +
+ {bundle.typicalScope} +
+ {bundle.name} + {bundle.description} +
+ + {bundle.startingAt} + +
{bundle.timeline}
+
+ + + {bundle.includes.map((item) => ( +
+ + {item} +
+ ))} + + + + ))} +
+
+
+ + {/* Engagement Models */} +
+
+
+

+ Engagement Models +

+

+ Mix and match fixed project work, retainers, or performance-based + commissions. Every option includes transparent reporting. +

+
+ +
+ {engagementModels.map((model) => ( + + + {model.name} + {model.summary} + + +
+
+ Best for +
+
{model.bestFor}
+
+
+ {model.pricing} +
+
+ {model.highlights.map((highlight) => ( +
+ + {highlight} +
+ ))} +
+ + + ))} +
+
+
+ + {/* Commission Tiers */} +
+
+
+

+ Commission & Revenue Share Tiers +

+

+ When upside matters more than invoices, these tiers align our + success with yours. All tiers include weekly revenue snapshots + and experiment planning calls. +

+
+ +
+ {commissionTiers.map((tier) => ( + + + {tier.name} + + {tier.split} + + + +
+ + {tier.threshold} +
+

{tier.notes}

+ + + ))} +
+
+
+ + {/* Add-ons */} +
+
+
+

+ Popular Add-ons +

+

+ Bolt these on to any bundle or engagement model for extra lift. + Pricing shown is typical—final quotes depend on scope. +

+
+ +
+ {addOns.map((addon) => { + const Icon = addon.icon; + return ( + + +
+ {addon.title} + {addon.description} +
+ + + +
+ {addon.rate} +
+ + + ); + })} +
+
+
+ + {/* Process */} +
+
+
+

+ How Engagements Flow +

+

+ Every engagement—regardless of pricing—follows a transparent flow + so you always know what happens next. +

+
+ +
+ {process.map((stage) => ( + + +
+ Step {stage.step} +
+ {stage.title} + + + {stage.description} + + + ))} +
+
+
+ + {/* FAQs + CTA */} +
+
+
+
+

+ Frequently Asked +

+
+ {faqs.map((faq) => ( +
+

+ {faq.question} +

+

+ {faq.answer} +

+
+ ))} +
+
+ + + + + Ready to start? + + + Share your goals and we'll craft a tailored engagement plan + within one business day. + + + + + +
+

+ Need NDAs or procurement documents? Mention it in your + message and our operations team will respond with the + required paperwork. +

+
+ + +
+
+
+
+ + ); +}