diff --git a/app/page.tsx b/app/page.tsx
new file mode 100644
index 0000000..ebd906c
--- /dev/null
+++ b/app/page.tsx
@@ -0,0 +1,29 @@
+import { Container } from "@/components/container";
+import { Hero } from "@/components/hero";
+import { Background } from "@/components/background";
+import { Features } from "@/components/features";
+import { Projects } from "@/components/projects";
+import { CTA } from "@/components/cta";
+import { Footer } from "@/components/footer";
+
+export default function Home() {
+  return (
+    <div className="relative bg-[#f4f1ea]">
+      <div className="absolute inset-0 h-full w-full overflow-hidden ">
+        <Background />
+      </div>
+      <Container className="flex min-h-screen flex-col items-center justify-between ">
+        <Hero />
+        <Projects />
+        <Features />
+      </Container>
+      <div className="relative">
+        <div className="absolute inset-0 h-full w-full overflow-hidden">
+          <Background />
+        </div>
+        <CTA />
+      </div>
+      <Footer />
+    </div>
+  );
+}