omg i made a mess again

src/App.jsx

@@ -1,9 +1,19 @@
-function App() {
+import AppHeader from "./components/AppHeader";
+import AppSubHeader from "./components/AppSubHeader";
+
+const App = () => {
   return (
     <>
-      <p>Hi!</p>
+      <div className="flex">
+        <div>
+          <AppHeader />
+        </div>
+        <div>
+          <AppSubHeader />
+        </div>
+      </div>
     </>
-  )
-}
+  );
+};
 
-export default App
+export default App;

src/components/AppHeader.jsx

@@ -0,0 +1,5 @@
+const Header = () => {
+  return <h1 className="text-3xl font-bold">Kuotata</h1>;
+};
+
+export default Header;

src/components/AppSubHeader.jsx

@@ -0,0 +1,10 @@
+const Subheader = () => {
+  return (
+    <>
+      <h3>¿Jaqueca con tu préstamo?</h3>
+      <h3>Calcula, compara y decide</h3>
+    </>
+  );
+};
+
+export default Subheader;

src/index.css

@@ -0,0 +1 @@
+@import "tailwindcss";

src/main.jsx

@@ -1,6 +1,8 @@
 import ReactDOM from 'react-dom/client'
 import App from './App.jsx'
 
+import './index.css'; 
+
 ReactDOM.createRoot(document.getElementById('root')).render(
     <App />
 )