[dyad] Improved UI and added skeleton loader - wrote 4 file(s)

src/app/page.tsx

@@ -7,11 +7,12 @@ export default function Home() {
       <main className="flex-grow flex items-center justify-center p-4 sm:p-8">
         <div className="flex flex-col gap-8 items-center w-full max-w-2xl">
           <div className="text-center space-y-2">
-            <h1 className="text-3xl sm:text-4xl font-bold text-foreground">
-              Meta Tag Extractor
+            <h1 className="text-3xl sm:text-5xl font-bold text-foreground tracking-tight">
+              Website Meta Tag Extractor
             </h1>
-            <p className="text-muted-foreground">
-              Enter a URL to extract its meta title and description.
+            <p className="text-lg text-muted-foreground">
+              Instantly pull the title, description, and preview image from any
+              URL.
             </p>
           </div>
           <MetaForm />