feat: implement Home component with weather widget conditional rendering

Author: py-dev-nandini-12

src/app/page.tsx

@@ -1,7 +1,17 @@
 import { weatherWidgetFlag } from "./flags";
+import WeatherClient from "./components/WeatherClient";
 
-export default async function Page() {
-  const weather = await weatherWidgetFlag();
+export default async function Home() {
+  const isWeatherWidgetEnabled = await weatherWidgetFlag();
 
-  return <div>{weather ? "Flag is on" : "Flag is off"}</div>;
+  return (
+    <div className="container">
+      <h1>Welcome to Next.js + Playwright</h1>
+      {isWeatherWidgetEnabled ? (
+        <WeatherClient isEnabled={isWeatherWidgetEnabled} />
+      ) : (
+        <p>🚫 Feature X is OFF</p>
+      )}
+    </div>
+  );
 }