Adjustments to HERO and others

Author: Dueris

public/logo_big.png

@@ -19,7 +19,7 @@ export const metadata: Metadata = {
     template: `%s | ${siteConfig.name}`,
   },
   description: siteConfig.description,
-  keywords: ['CanvasMC', 'PaperMC', 'Purpur', 'Performance', 'Multithreading'],
+  keywords: ['CanvasMC', 'Canvas', 'Regionizing', 'Threaded Minecraft', 'PaperMC', 'Purpur', 'Performance', 'Multithreading'],
   openGraph: {
     url: new URL(siteConfig.url),
     siteName: siteConfig.name,

src/app/layout.tsx

@@ -16,7 +16,7 @@ const LINKS = {
   ],
   'Get Involved': [
     { href: `${siteConfig.links.github.repo}/issues`, label: 'GitHub Issues' },
-    { href: siteConfig.links.donate, label: 'Sponsor' },
+    { href: siteConfig.links.donate, label: 'Donate' },
   ],
   'About Canvas': [
     { href: '/team', label: 'Team' },

src/components/footer.tsx

@@ -10,7 +10,7 @@ const COMMUNITIES = [
   {
     title: 'Discord',
     description:
-      'Join our vibrant Discord community to get support, share your experiences, and connect with other Canvas users.',
+      'Join our Discord community to get support, share your experiences, and connect with other Canvas users.',
     icon: MessageCircle,
     buttonText: 'Join Discord',
     href: siteConfig.links.discord,

src/components/sections/community.tsx

@@ -7,7 +7,7 @@ const FEATURES = [
   {
     title: 'Multithreaded Performance',
     description:
-      'Leverage multiple CPU cores for dimension ticking and chunk generation, dramatically improving server performance.',
+      'Leverage multiple CPU cores for ticking the server, dramatically improving performance.',
     icon: Cpu,
   },
   {
@@ -28,14 +28,14 @@ const FEATURES = [
     icon: Terminal,
   },
   {
-    title: 'Seamless Player Joining',
-    description: 'Asynchronous player joining process ensures no lag even with many players connecting simultaneously.',
+    title: 'Optional Regionizing',
+    description: 'Implementing a rewrite of Folias regionizing implementation, we add optional regionizing to the server',
     icon: Users,
   },
   {
     title: 'Extensive Configuration',
     description:
-      'Fine-tune every aspect of your server with comprehensive configuration options and performance settings.',
+      'Fine-tune every aspect of your server with documented configuration options and performance settings.',
     icon: FileSliders,
   },
 ] as const;

src/components/sections/features.tsx

@@ -9,18 +9,7 @@ import { Card } from '~/components/ui/card';
 import { GradientBackground } from '~/components/ui/gradient-background';
 import { cn } from '~/lib/utils';
 
-const SOFTWARE_OPTIONS = [
-  { id: 'paper', image: '/purpur-logo.png', name: 'Purpur' },
-  { id: 'canvas', image: '/logo.png', name: 'Canvas' },
-] as const;
-
 export function Hero() {
-  const [selected, setSelected] = useState<'paper' | 'canvas'>('canvas');
-
-  const getChange = (paper: number, canvas: number, inverted = false) => {
-    const diff = ((inverted ? paper - canvas : canvas - paper) / paper) * 100;
-    return Math.round(selected === 'paper' ? -diff : diff);
-  };
 
   return (
     <section className='relative isolate'>
@@ -32,8 +21,8 @@ export function Hero() {
               High-performance Minecraft server software
             </h1>
             <p className='mt-6 text-lg text-neutral-300'>
-              Supercharge your Minecraft server with multithreaded dimension ticking, improved chunk generation,
-              optimized entity handling and many more powerful optimizations.
+              Supercharge your Minecraft server with experimental, yet powerful performance optimizations,
+              like a rewritten chunk system executor, and threaded dimensions and regions
             </p>
             <div className='mt-8 flex flex-col gap-4 sm:flex-row'>
               <Button asChild size='lg'>
@@ -55,9 +44,8 @@ export function Hero() {
           <div className='flex justify-center'>
             <Image src='/logo_big.png'
                alt='Canvas Logo Blur'
-               width={450}
-               height={450}
-               className='rounded-lg shadow-lg'/>
+               width={460}
+               height={460}/>
           </div>
         </div>
       </div>

src/components/sections/hero.tsx

@@ -18,7 +18,7 @@ export function GradientBackground({
     >
       <div
         className={cn(
-          '-translate-x-1/2 relative left-[calc(50%-11rem)] aspect-[1155/678] w-[106.125rem] rotate-[30deg] bg-gradient-to-tr opacity-15 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]',
+          '-translate-x-1/5 relative left-[calc(100%-11rem)] aspect-[1155/678] w-[106.125rem] rotate-[30deg] bg-gradient-to-tr opacity-36 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]',
           ...colors,
         )}
         style={{