diff --git a/app/page.tsx b/app/page.tsx
new file mode 100644
index 0000000..442914e
--- /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 { CTA } from "@/components/cta";
+
+export default function Home() {
+  return (
+    <div className="relative">
+      <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 />
+        {/* <Companies /> - Client logos carousel - TRANSFORM or DELETE based on use case */}
+        <Features />
+        {/* <GridFeatures /> - Additional features grid - OPTIONAL */}
+        {/* <Testimonials /> - Customer testimonials - OPTIONAL */}
+      </Container>
+      <div className="relative">
+        <div className="absolute inset-0 h-full w-full overflow-hidden">
+          <Background />
+        </div>
+        <CTA />
+      </div>
+    </div>
+  );
+}