Change soutyen to sipote

app/sipote/layout.js

@@ -0,0 +1,38 @@
+export const metadata = {
+  title: 'OKI | Soutenir Organisation KA Internationale !',
+  description: 'Vous pouvez nous soutenir via Liberapay ou PayPal',
+  openGraph: {
+    title: 'OKI | Soutenir Organisation KA Internationale !',
+    description: 'Vous pouvez nous soutenir via Liberapay ou PayPal.',
+    url: 'https://oki.re/sipote',
+    siteName: 'OKI | Organisation KA Internationale. Paroles et traductions.',
+    images: [
+      {
+        url: 'https://oki.re/sipote.png',
+        width: 500,
+        height: 500
+      }
+    ],
+    locale: 'fr_FR',
+    type: 'website'
+  },
+  twitter: {
+    site: '@OrganisationKA',
+    card: 'summary_large_image',
+    title: 'OKI | Soutenir Organisation KA Internationale !',
+    description: 'Vous pouvez nous soutenir via Liberapay ou PayPal.',
+    creator: '@OrganisationKA',
+    images: {
+      url: 'https://oki.re/sipote.png',
+      alt: 'Sipòte OKI',
+    },
+  }
+}
+
+export default async function SipoteLayout({children}) {
+  return (
+    <section>
+      {children}
+    </section>
+  )
+}

app/sipote/page.js

@@ -0,0 +1,32 @@
+'use client'
+
+import {useState} from 'react'
+import {Box, Container, Typography, Paper} from '@mui/material'
+
+import PaymentMethod from '../../components/soutyen/payment-method'
+import Presantasyon from '../../components/soutyen/presantasyon'
+
+export default function Sipote() {
+  const [paymentMethod, setPaymentMethod] = useState(0)
+
+  return (
+    <Box sx={{display: 'flex', marginTop: 3, flexDirection: 'column', minHeight: '100vh'}}>
+      <Box sx={{flexGrow: 1, marginBottom: 10}}>
+        <Container>
+          <Typography gutterBottom sx={{fontWeight: 'bold'}} textAlign='center' variant='h4' component='h1'>
+            Soutenir Organisation KA Internationale !
+          </Typography>
+          <Paper sx={{padding: 2, marginTop: 3}}>
+            <Box sx={{textAlign: 'center'}}>
+              <PaymentMethod
+                paymentMethod={paymentMethod}
+                setPaymentMethod={setPaymentMethod}
+              />
+            </Box>
+          </Paper>
+          <Presantasyon />
+        </Container>
+      </Box>
+    </Box>
+  )
+}