diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx index be55e0e9..f8820037 100644 --- a/frontend/src/components/Footer.tsx +++ b/frontend/src/components/Footer.tsx @@ -1,4 +1,5 @@ import { Github, Twitter, Mail } from "lucide-react"; +import { Link } from "@tanstack/react-router"; import { DiscordIcon } from "./icons/DiscordIcon"; export function Footer() { @@ -52,24 +53,30 @@ export function Footer() {

Product

- Pricing - - + Downloads - - + Security Proof - + + + Teams +
diff --git a/frontend/src/components/Marketing.tsx b/frontend/src/components/Marketing.tsx index b2694533..007361d5 100644 --- a/frontend/src/components/Marketing.tsx +++ b/frontend/src/components/Marketing.tsx @@ -182,6 +182,8 @@ function PricingTier({ ); } +export { PricingTier }; + export function Marketing() { const [isIOS, setIsIOS] = useState(false); diff --git a/frontend/src/components/TopNav.tsx b/frontend/src/components/TopNav.tsx index f4b60fce..de8ed404 100644 --- a/frontend/src/components/TopNav.tsx +++ b/frontend/src/components/TopNav.tsx @@ -52,6 +52,7 @@ export function TopNav() {
Pricing Proof + Teams setMobileMenuOpen(false)}> Proof + setMobileMenuOpen(false)}> + Teams + rootRoute, +} as any) + const SignupRoute = SignupImport.update({ id: '/signup', path: '/signup', @@ -206,6 +213,13 @@ declare module '@tanstack/react-router' { preLoaderRoute: typeof SignupImport parentRoute: typeof rootRoute } + '/teams': { + id: '/teams' + path: '/teams' + fullPath: '/teams' + preLoaderRoute: typeof TeamsImport + parentRoute: typeof rootRoute + } '/password-reset/confirm': { id: '/password-reset/confirm' path: '/confirm' @@ -280,6 +294,7 @@ export interface FileRoutesByFullPath { '/pricing': typeof PricingRoute '/proof': typeof ProofRoute '/signup': typeof SignupRoute + '/teams': typeof TeamsRoute '/password-reset/confirm': typeof PasswordResetConfirmRoute '/verify/$code': typeof VerifyCodeRoute '/chat/$chatId': typeof AuthChatChatIdRoute @@ -299,6 +314,7 @@ export interface FileRoutesByTo { '/pricing': typeof PricingRoute '/proof': typeof ProofRoute '/signup': typeof SignupRoute + '/teams': typeof TeamsRoute '/password-reset/confirm': typeof PasswordResetConfirmRoute '/verify/$code': typeof VerifyCodeRoute '/chat/$chatId': typeof AuthChatChatIdRoute @@ -319,6 +335,7 @@ export interface FileRoutesById { '/pricing': typeof PricingRoute '/proof': typeof ProofRoute '/signup': typeof SignupRoute + '/teams': typeof TeamsRoute '/password-reset/confirm': typeof PasswordResetConfirmRoute '/verify/$code': typeof VerifyCodeRoute '/_auth/chat/$chatId': typeof AuthChatChatIdRoute @@ -340,6 +357,7 @@ export interface FileRouteTypes { | '/pricing' | '/proof' | '/signup' + | '/teams' | '/password-reset/confirm' | '/verify/$code' | '/chat/$chatId' @@ -358,6 +376,7 @@ export interface FileRouteTypes { | '/pricing' | '/proof' | '/signup' + | '/teams' | '/password-reset/confirm' | '/verify/$code' | '/chat/$chatId' @@ -376,6 +395,7 @@ export interface FileRouteTypes { | '/pricing' | '/proof' | '/signup' + | '/teams' | '/password-reset/confirm' | '/verify/$code' | '/_auth/chat/$chatId' @@ -396,6 +416,7 @@ export interface RootRouteChildren { PricingRoute: typeof PricingRoute ProofRoute: typeof ProofRoute SignupRoute: typeof SignupRoute + TeamsRoute: typeof TeamsRoute VerifyCodeRoute: typeof VerifyCodeRoute AuthProviderCallbackRoute: typeof AuthProviderCallbackRoute TeamInviteInviteIdRoute: typeof TeamInviteInviteIdRoute @@ -413,6 +434,7 @@ const rootRouteChildren: RootRouteChildren = { PricingRoute: PricingRoute, ProofRoute: ProofRoute, SignupRoute: SignupRoute, + TeamsRoute: TeamsRoute, VerifyCodeRoute: VerifyCodeRoute, AuthProviderCallbackRoute: AuthProviderCallbackRoute, TeamInviteInviteIdRoute: TeamInviteInviteIdRoute, @@ -439,6 +461,7 @@ export const routeTree = rootRoute "/pricing", "/proof", "/signup", + "/teams", "/verify/$code", "/auth/$provider/callback", "/team/invite/$inviteId" @@ -483,6 +506,9 @@ export const routeTree = rootRoute "/signup": { "filePath": "signup.tsx" }, + "/teams": { + "filePath": "teams.tsx" + }, "/password-reset/confirm": { "filePath": "password-reset.confirm.tsx", "parent": "/password-reset" diff --git a/frontend/src/routes/teams.tsx b/frontend/src/routes/teams.tsx new file mode 100644 index 00000000..262a49eb --- /dev/null +++ b/frontend/src/routes/teams.tsx @@ -0,0 +1,218 @@ +import { createFileRoute } from "@tanstack/react-router"; +import { TopNav } from "@/components/TopNav"; +import { FullPageMain } from "@/components/FullPageMain"; +import { MarketingHeader } from "@/components/MarketingHeader"; +import { Shield, Lock, Users, Sparkles, Building2, ArrowRight, FileText } from "lucide-react"; +import { Link } from "@tanstack/react-router"; +import { PricingTier } from "@/components/Marketing"; +import { PRICING_PLANS } from "@/config/pricingConfig"; + +export const Route = createFileRoute("/teams")({ + component: TeamsPage +}); + +function FeatureCard({ + icon: Icon, + title, + description +}: { + icon: React.ElementType; + title: string; + description: string; +}) { + return ( +
+
+ +
+

{title}

+

{description}

+
+ ); +} + +function TeamsPage() { + return ( + <> + + + + Confidential AI for Teams + + } + subtitle={ + + Secure, private AI for organizations that value trust. Collaborate with + confidence—Maple Teams keeps your data safe, even from us. + + } + /> + + {/* Hero CTA */} +
+ + Get Started with Teams + + + Request a Demo + +
+ + {/* Features Section */} +
+
+
+

+ Why Choose{" "} + Maple Teams? +

+

+ Maple Teams is built for organizations that handle sensitive data—law firms, therapy + practices, non-profits, and businesses that demand privacy. Share AI access, pool + usage, and collaborate securely with end-to-end encryption and confidential + computing. +

+
+
+ + + +
+
+
+ + {/* Security Section */} +
+
+
+

+ Security by Design +

+

+ Maple Teams is built from the ground up for privacy and compliance. Your data is + protected at every step—by cryptography, hardware, and open-source transparency. +

+
+
+ + + +
+
+
+ + {/* How It Works Section */} +
+
+
+

How Maple Teams Works

+
+
    +
  1. Purchase seats for your team
    2. +
  2. Invite members by email
    3. +
  3. Use AI securely with your data, encrypted
    4. +
+
+ +
+
+
+
+ + For Businesses +
+

+ Maple Teams is trusted by organizations in law, healthcare, finance, and + consulting. Draft contracts, analyze client data, and collaborate on sensitive + projects with full privacy and compliance. +

+
+
+
+ + For Non-Profits +
+

+ Non-profits and advocacy groups use Maple to securely manage sensitive + information, collaborate on grant writing, and protect the privacy of those they + serve—no IT headaches, just secure, private AI for your mission. +

+
+
+
+
+ + {/* Pricing/CTA Section */} +
+
+

Simple, Transparent Pricing

+

+ $30/month per seat. All features included. Priority support for teams. No hidden fees. +

+
+
+ plan.name === "Team")!.name} + price={PRICING_PLANS.find((plan) => plan.name === "Team")!.price} + description={PRICING_PLANS.find((plan) => plan.name === "Team")!.description} + features={PRICING_PLANS.find((plan) => plan.name === "Team")!.features} + ctaText={PRICING_PLANS.find((plan) => plan.name === "Team")!.ctaText} + popular={PRICING_PLANS.find((plan) => plan.name === "Team")!.popular} + /> +
+
+
+ Need a larger deployment or have compliance questions?{" "} + + Contact us + {" "} + for enterprise options. +
+
+
+ + + ); +}