made headings larger

Author: ariflogs

app/(marketing)/page.tsx

@@ -47,10 +47,10 @@ export default function Home() {
 
       {/* Features Section */}
       <section className="container max-w-6xl mx-auto ">
-        <div className="grid grid-cols-2 gap-6 items-center">
+        <div className="grid grid-cols-2 items-center">
           <div>
             <H3>Why Use RetroUI?</H3>
-            <H2 className="text-9xl mt-4">Coz We C0000l!! </H2>
+            <H1 className="mt-4">Coz We C00l!!</H1>
           </div>
 
           <img

packages/ui/Typography/H1.tsx

@@ -6,6 +6,6 @@ interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
 
 export function H1({ children, className }: HeadingProps) {
   return (
-    <h1 className={`font-head text-6xl font-bold ${className}`}>{children}</h1>
+    <h1 className={`font-head text-7xl font-bold ${className}`}>{children}</h1>
   );
 }

packages/ui/Typography/H2.tsx

@@ -1,12 +1,12 @@
-import React, { HTMLAttributes, ReactNode } from "react";
+import React, { HTMLAttributes } from "react";
 
 interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
   className?: string;
 }
 
 export function H2({ children, className }: HeadingProps) {
   return (
-    <h2 className={`font-head text-4xl font-semibold ${className}`}>
+    <h2 className={`font-head text-5xl font-semibold ${className}`}>
       {children}
     </h2>
   );