From afd6bda8a241b984c4a69f22d14c21f466e9b23e Mon Sep 17 00:00:00 2001
From: Mahmoud Abdelwahab <hey@mahmoud.codes>
Date: Fri, 31 May 2024 23:01:52 +0300
Subject: [PATCH] Updates

---
 apps/web/app/components/intro.tsx      | 26 ------------------------
 apps/web/app/components/ui/heading.tsx | 28 --------------------------
 apps/web/app/routes/_index.tsx         | 16 +++++++++++++--
 3 files changed, 14 insertions(+), 56 deletions(-)
 delete mode 100644 apps/web/app/components/intro.tsx
 delete mode 100644 apps/web/app/components/ui/heading.tsx

diff --git a/apps/web/app/components/intro.tsx b/apps/web/app/components/intro.tsx
deleted file mode 100644
index 997e23d..0000000
--- a/apps/web/app/components/intro.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Heading } from "./ui/heading";
-
-export const Intro = () => {
-	return (
-		<div>
-			<Heading
-				level={1}
-				className="text-[32px] font-semibold leading-[0.9] tracking-extra-tight text-white xl:text-[56px] lg:text-[44px]"
-			>
-				Postgres in less than a second
-			</Heading>
-			<Heading
-				level={2}
-				className="mt-[18px] text-xl font-light tracking-extra-tight text-[#AFB1B6] xl:mt-4 xl:text-lg lg:mt-3 lg:text-base md:mt-2"
-			>
-				Instantly provison a Postgres database on{" "}
-				<a
-					className="text-white underline hover:no-underline underline-offset-4"
-					href="https://console.neon.tech/?ref=instantPostgres"
-				>
-					Neon
-				</a>{" "}
-			</Heading>
-		</div>
-	);
-};
diff --git a/apps/web/app/components/ui/heading.tsx b/apps/web/app/components/ui/heading.tsx
deleted file mode 100644
index b450f87..0000000
--- a/apps/web/app/components/ui/heading.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { HeadingProps as ReactAriaHeadingProps } from "react-aria-components";
-import { Heading as ReactAriaHeading } from "react-aria-components";
-import { sizes } from "./constants";
-import { cn } from "~/lib/cn";
-
-export type HeadingProps = ReactAriaHeadingProps & {
-	size?: keyof typeof sizes;
-};
-
-const Heading = ({
-	children,
-	className,
-	level,
-	size = "lg",
-	...props
-}: HeadingProps) => {
-	return (
-		<ReactAriaHeading
-			level={level}
-			{...props}
-			className={cn("font-medium text-balance", sizes[size], className)}
-		>
-			{children}
-		</ReactAriaHeading>
-	);
-};
-
-export { Heading };
diff --git a/apps/web/app/routes/_index.tsx b/apps/web/app/routes/_index.tsx
index a1464ab..50d200b 100644
--- a/apps/web/app/routes/_index.tsx
+++ b/apps/web/app/routes/_index.tsx
@@ -12,7 +12,6 @@ import { ConnectionString } from "~/components/connection-string";
 import { DeployButton } from "~/components/deploy-button";
 import { SqlEditor } from "~/components/sql-editor";
 import { Message } from "~/components/message";
-import { Intro } from "~/components/intro";
 import { minDelay } from "~/lib/min-delay";
 import { regions } from "@instant-postgres/neon/regions";
 
@@ -68,7 +67,20 @@ export default function Index() {
 	return (
 		<div className="bg-black min-h-lvh px-6 pt-24 lg:px-8 md:px-4 w-full">
 			<div className="max-w-screen-lg mx-auto">
-				<Intro />
+				<div>
+					<h1 className="text-balance text-[32px] font-semibold leading-[0.9] tracking-extra-tight text-white xl:text-[56px] lg:text-[44px]">
+						Postgres in under a second
+					</h1>
+					<h2 className="text-balance mt-[18px] text-xl font-light tracking-extra-tight text-[#AFB1B6] xl:mt-4 xl:text-lg lg:mt-3 lg:text-base md:mt-2">
+						Instantly provison a Postgres database on
+						<a
+							className="text-white underline hover:no-underline underline-offset-4"
+							href="https://console.neon.tech/?ref=instantPostgres"
+						>
+							Neon
+						</a>
+					</h2>
+				</div>
 				<div className="my-16" />
 
 				<div className="flex flex-col items-start gap-10 w-full">