From 0ec54bdc975be20711ad3af45e229246350157f1 Mon Sep 17 00:00:00 2001
From: Woofer <61364477+Woofer21@users.noreply.github.com>
Date: Fri, 3 Jan 2025 16:21:39 -0500
Subject: [PATCH] fix/home page svg (#99)

Co-authored-by: Woofer21 <Woofer21@users.noreply.github.com>
---
 components/Homepage/Content.tsx |   2 +-
 components/LandingWave.tsx      |   8 +-
 next.config.ts                  | 186 ++++++++++++++++----------------
 3 files changed, 99 insertions(+), 97 deletions(-)

diff --git a/components/Homepage/Content.tsx b/components/Homepage/Content.tsx
index 367f319..774fd73 100644
--- a/components/Homepage/Content.tsx
+++ b/components/Homepage/Content.tsx
@@ -97,7 +97,7 @@ export function HomeContent({
 				id="slider"
 				className="mt-36"
 			>
-				<LandingWave className="text-background-darker dark:text-background-dark -mb-32" />
+				<LandingWave className="text-background-darker dark:text-background-dark -mb-32 min-w-[2560px]" />
 				<div className="w-full bg-background-darker dark:bg-background-dark px-8 pb-12 text-center text-3xl md:text-4xl text-foreground md:-mt-20 md:pb-28">
 					<div className="w-dvw px-8 mx-auto">
 						<h2>
diff --git a/components/LandingWave.tsx b/components/LandingWave.tsx
index 9d3ec8c..e9dfa4f 100644
--- a/components/LandingWave.tsx
+++ b/components/LandingWave.tsx
@@ -4,14 +4,16 @@ import React from 'react'
 export function LandingWave(props: SVGProps<SVGSVGElement>) {
 	return (
 		<svg
+			width="100%"
+			height="100%"
+			viewBox="0 0 2560 397"
 			xmlns="http://www.w3.org/2000/svg"
-			width="2560"
-			height="397"
+			preserveAspectRatio="xMidYMid slice"
 			{...props}
 		>
 			<path
 				fill="currentColor"
-				d="m-.429 198.5 106.667-24.812c106.667-24.813 320-74.438 533.334-82.709 213.333-8.27 426.666 24.813 640 49.625 213.333 24.813 426.667 41.354 640 16.542 213.333-24.813 426.667-90.98 533.333-124.063L2559.572 0v397H-.429V198.5z"
+				d="M0 198.5L106.667 173.688C213.334 148.875 426.667 99.25 640.001 90.979C853.334 82.709 1066.67 115.792 1280 140.604C1493.33 165.417 1706.67 181.958 1920 157.146C2133.33 132.333 2346.67 66.166 2453.33 33.083L2560 0V397H0V198.5Z"
 			/>
 		</svg>
 	)
diff --git a/next.config.ts b/next.config.ts
index 3da3a73..e5d11b6 100644
--- a/next.config.ts
+++ b/next.config.ts
@@ -1,98 +1,98 @@
-import type { NextConfig } from "next";
+import type { NextConfig } from 'next'
 
 const nextConfig: NextConfig = {
-  reactStrictMode: true,
-  output: 'standalone',
-  typescript: {
-    ignoreBuildErrors: true
-  },
-  experimental: {
-    serverActions: {
-      allowedOrigins: ['wouldyoubot.gg']
-    }
-  },
-  async headers() {
-    return [
-      {
-        source: '/(.*)',
-        headers: [
-          {
-            key: 'Strict-Transport-Security',
-            value: 'max-age=31536000; includeSubDomains; preload', 
-          },
-          {
-            key: 'Content-Security-Policy',
-            value: "frame-ancestors 'self' https://top.gg https://bottom.gg;",
-          },
-          {
-            key: 'X-Frame-Options',
-            value: 'SAMEORIGIN',
-          },
-        ],
-      },
-    ];
-  },
-  async redirects() {
-    return [
-      {
-        source: '/support',
-        destination: 'https://discord.com/invite/vMyXAxEznS',
-        permanent: true
-      },
-      {
-        source: '/rivo',
-        destination: 'https://rivo.gg',
-        permanent: true
-      },
-      {
-        source: '/invite',
-        destination:
-          'https://discord.com/oauth2/authorize?client_id=981649513427111957&permissions=275415247936&scope=bot%20applications.commands',
-        permanent: true
-      },
-      {
-        source: '/reddit',
-        destination: 'https://www.reddit.com/r/WouldYou/',
-        permanent: true
-      },
-      {
-        source: '/discord',
-        destination: '/support',
-        permanent: true
-      },
-      {
-        source: '/imprint',
-        destination: '/legal',
-        permanent: true
-      },
-      {
-        source: '/impressum',
-        destination: '/legal-de',
-        permanent: true
-      },
-      {
-        source: '/manage/subscription',
-        destination: '/api/subs/manage',
-        permanent: true
-      }
-    ]
-  },
-  images: {
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: 'cdn.discordapp.com',
-        port: '',
-        pathname: '/**'
-      },
-      {
-        protocol: 'https',
-        hostname: 'cdn.wouldyoubot.gg',
-        port: '',
-        pathname: '/**'
-      }
-    ]
-  }
+	reactStrictMode: true,
+	output: 'standalone',
+	typescript: {
+		ignoreBuildErrors: true
+	},
+	experimental: {
+		serverActions: {
+			allowedOrigins: ['wouldyoubot.gg']
+		}
+	},
+	async headers() {
+		return [
+			{
+				source: '/(.*)',
+				headers: [
+					{
+						key: 'Strict-Transport-Security',
+						value: 'max-age=31536000; includeSubDomains; preload'
+					},
+					{
+						key: 'Content-Security-Policy',
+						value: "frame-ancestors 'self' https://top.gg https://bottom.gg;"
+					},
+					{
+						key: 'X-Frame-Options',
+						value: 'SAMEORIGIN'
+					}
+				]
+			}
+		]
+	},
+	async redirects() {
+		return [
+			{
+				source: '/support',
+				destination: 'https://discord.com/invite/vMyXAxEznS',
+				permanent: true
+			},
+			{
+				source: '/rivo',
+				destination: 'https://rivo.gg',
+				permanent: true
+			},
+			{
+				source: '/invite',
+				destination:
+					'https://discord.com/oauth2/authorize?client_id=981649513427111957&permissions=275415247936&scope=bot%20applications.commands',
+				permanent: true
+			},
+			{
+				source: '/reddit',
+				destination: 'https://www.reddit.com/r/WouldYou/',
+				permanent: true
+			},
+			{
+				source: '/discord',
+				destination: '/support',
+				permanent: true
+			},
+			{
+				source: '/imprint',
+				destination: '/legal',
+				permanent: true
+			},
+			{
+				source: '/impressum',
+				destination: '/legal-de',
+				permanent: true
+			},
+			{
+				source: '/manage/subscription',
+				destination: '/api/subs/manage',
+				permanent: true
+			}
+		]
+	},
+	images: {
+		remotePatterns: [
+			{
+				protocol: 'https',
+				hostname: 'cdn.discordapp.com',
+				port: '',
+				pathname: '/**'
+			},
+			{
+				protocol: 'https',
+				hostname: 'cdn.wouldyoubot.gg',
+				port: '',
+				pathname: '/**'
+			}
+		]
+	}
 }
 
 export default nextConfig