diff --git a/src/App.jsx b/src/App.jsx
new file mode 100644
index 0000000..9c8e6ca
--- /dev/null
+++ b/src/App.jsx
@@ -0,0 +1,16 @@
+import BirthdayBanner from './components/BirthdayBanner'
+import RoastGallery from './components/RoastGallery'
+
+function App() {
+  return (
+    <div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100">
+      <BirthdayBanner name="Linh" />
+      <RoastGallery />
+      <footer className="text-center py-8 text-gray-500">
+        <p>Made with 💖 for the birthday roast</p>
+      </footer>
+    </div>
+  )
+}
+
+export default App