diff --git a/app/page.tsx b/app/page.tsx index 9ef2a68e..aeff2155 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,10 +1,18 @@ import Image from "next/image"; import Link from "next/link"; +import React, { useState } from "react"; + import Footer from "../components/Footer"; import Header from "../components/Header"; import SquigglyLines from "../components/SquigglyLines"; export default function HomePage() { + const [initialIdeas, setInitialIdeas] = useState(""); // State to store user input + + const handleInputChange = (event: React.ChangeEvent) => { + setInitialIdeas(event.target.value); // Update state on input change + }; + return (
@@ -12,7 +20,7 @@ export default function HomePage() { Clone and deploy your own with{" "} @@ -26,10 +34,26 @@ export default function HomePage() { {" "} for everyone. -

+

Take a picture of your room and see how your room looks in different themes. 100% free – remodel your room today.

+ + {/* New input field for user ideas */} +
+ + +
+