added hydration section

website/src/app/page.tsx

@@ -2,8 +2,7 @@ import styles from "./page.module.css";
 import dynamic from 'next/dynamic';
 
 const CodeExample = dynamic(
-  () => import('../components/CodeExample'),
-  { ssr: false }
+  () => import('../components/CodeExample')
 );
 
 import { simpleExample, hydrationExample } from '../components/CodeExample';
@@ -55,7 +54,7 @@ export default function Home() {
                 <div className={styles.hydrationSection}>
                     <div className={styles.hydrationContainer}>
                         <div className={styles.hydrationCode}>
-                            <CodeExample code={hydrationExample} height={400} />
+                            <CodeExample code={hydrationExample} height={260} />
                         </div>
                         <div className={styles.hydrationText}>
                             <h2>Smart Hydration</h2>
@@ -65,11 +64,6 @@ export default function Home() {
                                 like messages, users, and guilds, ensuring your bot stays efficient while 
                                 keeping your code clean and predictable.
                             </p>
-                            <p>
-                                In this example, we're hydrating a message object to calculate ping times, 
-                                demonstrating how Unicord handles complex Discord API interactions with 
-                                simple, intuitive code.
-                            </p>
                         </div>
                     </div>
                 </div>