Alan/debr 248 add iso27001 to security page (supabase#45074)

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES/NO

## What kind of change does this PR introduce?

Bug fix, feature, docs update, ...

## What is the current behavior?

Please link any relevant issues here.

## What is the new behavior?

Feel free to include screenshots if it includes visual changes.

## Additional context

Add any other context or screenshots.


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **New Features**
* Added ISO 27001 certification badge to the footer alongside existing
compliance certifications
  * Updated Team plan to showcase ISO 27001 compliance alongside SOC2
* New ISO 27001 compliance information section available on the security
page

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: stylessh

apps/www/components/Footer/index.tsx

@@ -2,6 +2,8 @@
 
 import { CheckIcon } from '@heroicons/react/outline'
 import { REALTIME_CHANNEL_STATES } from '@supabase/supabase-js'
+import SupabaseWordmark from '~/components/Nav/SupabaseWordmark'
+import supabase from '~/lib/supabase'
 import footerData from 'data/Footer'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'
@@ -19,8 +21,7 @@ import {
   Input_Shadcn_,
 } from 'ui'
 import { ThemeToggle } from 'ui-patterns/ThemeToggle'
-import SupabaseWordmark from '~/components/Nav/SupabaseWordmark'
-import supabase from '~/lib/supabase'
+
 import useDarkLaunchWeeks from '../../hooks/useDarkLaunchWeeks'
 import SectionContainer from '../Layouts/SectionContainer'
 
@@ -101,6 +102,10 @@ const Footer = (props: Props) => {
               <CheckIcon className="w-4 h-4" /> HIPAA{' '}
               <span className="text-foreground-lighter hidden sm:inline">Compliant</span>
             </li>
+            <li className="flex items-center gap-2 whitespace-nowrap flex-nowrap">
+              <CheckIcon className="w-4 h-4" /> ISO 27001{' '}
+              <span className="text-foreground-lighter hidden sm:inline">Certified</span>
+            </li>
           </ul>
         </SectionContainer>
         <div className="w-full h-px bg-gradient-to-r from-transparent via-border to-transparent" />

apps/www/components/Pricing/PricingComputeSection.tsx

@@ -87,7 +87,7 @@ const PricingComputeSection = () => {
                   <p className="text-foreground-light font-medium">
                     Everything in the Pro Plan, plus:
                   </p>
-                  <p className="text-foreground-light">SOC2</p>
+                  <p className="text-foreground-light">SOC2 & ISO 27001</p>
                   <p className="text-foreground-light">Project-scoped and read-only access</p>
                   <p className="text-foreground-light">HIPAA available as paid add-on</p>
                   <p className="text-foreground-light">SSO for Supabase Dashboard</p>

apps/www/pages/security.mdx

@@ -1,14 +1,15 @@
 import {
+  ClipboardCheckIcon,
+  CreditCardIcon,
   KeyIcon,
-  UserGroupIcon,
-  ShieldCheckIcon,
   RewindIcon,
-  CreditCardIcon,
-  ClipboardCheckIcon,
+  ShieldCheckIcon,
+  UserGroupIcon,
 } from '@heroicons/react/outline'
+import SecurityNewsletterForm from '~/components/SecurityNewsletterForm'
 import { Activity, Lock } from 'lucide-react'
+
 import Layout from '../layouts/Layout'
-import SecurityNewsletterForm from '~/components/SecurityNewsletterForm'
 
 export const meta = {
   type: 'lp',
@@ -82,6 +83,15 @@ Enterprise and Team customers can request to sign our BAA [on the dashboard](/da
   <img src="/images/security/HIPAA.svg" />
 </div>
 
+</Section>
+<Section icon={<ShieldCheckIcon strokeWidth={1}/>}>
+
+### ISO 27001
+
+Supabase is ISO 27001 certified. ISO 27001 is an internationally recognized standard for information security management systems (ISMS), confirming that we maintain rigorous controls to protect customer data.
+
+Enterprise and Team customers can access our ISO 27001 certificate [on the dashboard](/dashboard/org/_/documents).
+
 </Section>
 <Section icon={<KeyIcon strokeWidth={1}/>}>
 

packages/shared-data/plans.ts

@@ -79,7 +79,7 @@ export const plans: PricingInformation[] = [
     priceMonthly: 599,
     description: 'Add features such as SSO, control over backups, and industry certifications.',
     features: [
-      'SOC2',
+      'SOC2 & ISO 27001',
       'Project-scoped and read-only access',
       'HIPAA available as paid add-on',
       'SSO for Supabase Dashboard',

packages/shared-data/pricing.ts

@@ -75,6 +75,7 @@ export type FeatureKey =
   | 'security.logDrain'
   | 'security.metricsEndpoint'
   | 'security.soc2'
+  | 'security.iso27001'
   | 'security.hipaa'
   | 'security.privateLink'
   | 'security.sso'
@@ -629,6 +630,17 @@ export const pricing: Pricing = {
         },
         usage_based: false,
       },
+      {
+        key: 'security.iso27001',
+        title: 'ISO 27001',
+        plans: {
+          free: false,
+          pro: false,
+          team: true,
+          enterprise: true,
+        },
+        usage_based: false,
+      },
       {
         key: 'security.hipaa',
         title: 'HIPAA',