npm - create-lumen - Versions diffs - 1.1.4 → 1.2.0 - Mend

create-lumen 1.1.4 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (217) hide show

package/templates/conditional/icons/huge/component-based/bootstrap/src/pages/Home/Home.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
+import { Button } from "@/components/common";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="d-flex justify-content-center gap-3 mb-4">
+        <HugeiconsIcon icon={Sun01Icon} style={{ width: 32, height: 32 }} className="text-warning" />
+        <HugeiconsIcon icon={Moon01Icon} style={{ width: 32, height: 32 }} className="text-primary" />
+        <HugeiconsIcon icon={Github01Icon} style={{ width: 32, height: 32 }} className="text-dark" />
+      </div>
+      <h1 className="h1 fw-bold text-dark mb-4">Welcome to Lumen</h1>
+      <p className="text-muted mb-5">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/huge/component-based/src/pages/Home/Home.jsx CHANGED Viewed

@@ -4,17 +4,33 @@ import { Button } from "@/components/common";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
-        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
-        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <HugeiconsIcon icon={Sun01Icon} style={{ width: 32, height: 32, color: "#eab308" }} />
+        <HugeiconsIcon icon={Moon01Icon} style={{ width: 32, height: 32, color: "#3b82f6" }} />
+        <HugeiconsIcon icon={Github01Icon} style={{ width: 32, height: 32, color: "#1f2937" }} />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/huge/component-based/src/pages/Home/Home.tsx CHANGED Viewed

@@ -4,17 +4,33 @@ import { Button } from "@/components/common";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
-        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
-        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <HugeiconsIcon icon={Sun01Icon} style={{ width: 32, height: 32, color: "#eab308" }} />
+        <HugeiconsIcon icon={Moon01Icon} style={{ width: 32, height: 32, color: "#3b82f6" }} />
+        <HugeiconsIcon icon={Github01Icon} style={{ width: 32, height: 32, color: "#1f2937" }} />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/huge/component-based/tailwind/src/pages/Home/Home.jsx ADDED Viewed

@@ -0,0 +1,20 @@
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
+import { Button } from "@/components/common";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
+        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
+        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/huge/component-based/tailwind/src/pages/Home/Home.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
+import { Button } from "@/components/common";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
+        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
+        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/huge/feature-based/bootstrap/src/features/home/pages/HomePage.jsx ADDED Viewed

@@ -0,0 +1,20 @@
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
+import { Button } from "@/shared/components/ui";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="d-flex justify-content-center gap-3 mb-4">
+        <HugeiconsIcon icon={Sun01Icon} style={{ width: 32, height: 32 }} className="text-warning" />
+        <HugeiconsIcon icon={Moon01Icon} style={{ width: 32, height: 32 }} className="text-primary" />
+        <HugeiconsIcon icon={Github01Icon} style={{ width: 32, height: 32 }} className="text-dark" />
+      </div>
+      <h1 className="h1 fw-bold text-dark mb-4">Welcome to Lumen</h1>
+      <p className="text-muted mb-5">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/huge/feature-based/bootstrap/src/features/home/pages/HomePage.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
+import { Button } from "@/shared/components/ui";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="d-flex justify-content-center gap-3 mb-4">
+        <HugeiconsIcon icon={Sun01Icon} style={{ width: 32, height: 32 }} className="text-warning" />
+        <HugeiconsIcon icon={Moon01Icon} style={{ width: 32, height: 32 }} className="text-primary" />
+        <HugeiconsIcon icon={Github01Icon} style={{ width: 32, height: 32 }} className="text-dark" />
+      </div>
+      <h1 className="h1 fw-bold text-dark mb-4">Welcome to Lumen</h1>
+      <p className="text-muted mb-5">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/huge/feature-based/src/features/home/pages/HomePage.jsx CHANGED Viewed

@@ -1,20 +1,36 @@
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
-import { Button } from "@/components/ui";
+import { Button } from "@/shared/components/ui";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
-        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
-        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <HugeiconsIcon icon={Sun01Icon} style={{ width: 32, height: 32, color: "#eab308" }} />
+        <HugeiconsIcon icon={Moon01Icon} style={{ width: 32, height: 32, color: "#3b82f6" }} />
+        <HugeiconsIcon icon={Github01Icon} style={{ width: 32, height: 32, color: "#1f2937" }} />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/huge/feature-based/src/features/home/pages/HomePage.tsx CHANGED Viewed

@@ -1,20 +1,36 @@
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
-import { Button } from "@/components/ui";
+import { Button } from "@/shared/components/ui";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
-        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
-        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <HugeiconsIcon icon={Sun01Icon} style={{ width: 32, height: 32, color: "#eab308" }} />
+        <HugeiconsIcon icon={Moon01Icon} style={{ width: 32, height: 32, color: "#3b82f6" }} />
+        <HugeiconsIcon icon={Github01Icon} style={{ width: 32, height: 32, color: "#1f2937" }} />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/huge/feature-based/tailwind/src/features/home/pages/HomePage.jsx ADDED Viewed

@@ -0,0 +1,20 @@
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
+import { Button } from "@/shared/components/ui";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
+        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
+        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/huge/feature-based/tailwind/src/features/home/pages/HomePage.tsx ADDED Viewed

@@ -0,0 +1,20 @@
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Sun01Icon, Moon01Icon, Github01Icon } from "@hugeicons/core-free-icons";
+import { Button } from "@/shared/components/ui";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <HugeiconsIcon icon={Sun01Icon} className="w-8 h-8 text-yellow-500" />
+        <HugeiconsIcon icon={Moon01Icon} className="w-8 h-8 text-blue-500" />
+        <HugeiconsIcon icon={Github01Icon} className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/component-based/bootstrap/src/pages/Home/Home.jsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { Sun, Moon, GitBranch } from "lucide-react";
+import { Button } from "@/components/common";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="d-flex justify-content-center gap-3 mb-4">
+        <Sun size={32} className="text-warning" />
+        <Moon size={32} className="text-primary" />
+        <GitBranch size={32} className="text-dark" />
+      </div>
+      <h1 className="h1 fw-bold text-dark mb-4">Welcome to Lumen</h1>
+      <p className="text-muted mb-5">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/component-based/bootstrap/src/pages/Home/Home.tsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { Sun, Moon, GitBranch } from "lucide-react";
+import { Button } from "@/components/common";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="d-flex justify-content-center gap-3 mb-4">
+        <Sun size={32} className="text-warning" />
+        <Moon size={32} className="text-primary" />
+        <GitBranch size={32} className="text-dark" />
+      </div>
+      <h1 className="h1 fw-bold text-dark mb-4">Welcome to Lumen</h1>
+      <p className="text-muted mb-5">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/component-based/src/pages/Home/Home.jsx CHANGED Viewed

@@ -3,17 +3,33 @@ import { Button } from "@/components/common";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <Sun className="w-8 h-8 text-yellow-500" />
-        <Moon className="w-8 h-8 text-blue-500" />
-        <GitBranch className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <Sun size={32} color="#eab308" />
+        <Moon size={32} color="#3b82f6" />
+        <GitBranch size={32} color="#1f2937" />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/lucide/component-based/src/pages/Home/Home.tsx CHANGED Viewed

@@ -3,17 +3,33 @@ import { Button } from "@/components/common";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <Sun className="w-8 h-8 text-yellow-500" />
-        <Moon className="w-8 h-8 text-blue-500" />
-        <GitBranch className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <Sun size={32} color="#eab308" />
+        <Moon size={32} color="#3b82f6" />
+        <GitBranch size={32} color="#1f2937" />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/lucide/component-based/tailwind/src/pages/Home/Home.jsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { Sun, Moon, GitBranch } from "lucide-react";
+import { Button } from "@/components/common";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <Sun className="w-8 h-8 text-yellow-500" />
+        <Moon className="w-8 h-8 text-blue-500" />
+        <GitBranch className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/component-based/tailwind/src/pages/Home/Home.tsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { Sun, Moon, GitBranch } from "lucide-react";
+import { Button } from "@/components/common";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <Sun className="w-8 h-8 text-yellow-500" />
+        <Moon className="w-8 h-8 text-blue-500" />
+        <GitBranch className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/feature-based/bootstrap/src/features/home/pages/HomePage.jsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { Sun, Moon, GitBranch } from "lucide-react";
+import { Button } from "@/shared/components/ui";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="d-flex justify-content-center gap-3 mb-4">
+        <Sun size={32} className="text-warning" />
+        <Moon size={32} className="text-primary" />
+        <GitBranch size={32} className="text-dark" />
+      </div>
+      <h1 className="h1 fw-bold text-dark mb-4">Welcome to Lumen</h1>
+      <p className="text-muted mb-5">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/feature-based/bootstrap/src/features/home/pages/HomePage.tsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { Sun, Moon, GitBranch } from "lucide-react";
+import { Button } from "@/shared/components/ui";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="d-flex justify-content-center gap-3 mb-4">
+        <Sun size={32} className="text-warning" />
+        <Moon size={32} className="text-primary" />
+        <GitBranch size={32} className="text-dark" />
+      </div>
+      <h1 className="h1 fw-bold text-dark mb-4">Welcome to Lumen</h1>
+      <p className="text-muted mb-5">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}

package/templates/conditional/icons/lucide/feature-based/src/features/home/pages/HomePage.jsx CHANGED Viewed

@@ -1,19 +1,35 @@
 import { Sun, Moon, GitBranch } from "lucide-react";
-import { Button } from "@/components/ui";
+import { Button } from "@/shared/components/ui";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <Sun className="w-8 h-8 text-yellow-500" />
-        <Moon className="w-8 h-8 text-blue-500" />
-        <GitBranch className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <Sun size={32} color="#eab308" />
+        <Moon size={32} color="#3b82f6" />
+        <GitBranch size={32} color="#1f2937" />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/lucide/feature-based/src/features/home/pages/HomePage.tsx CHANGED Viewed

@@ -1,19 +1,35 @@
 import { Sun, Moon, GitBranch } from "lucide-react";
-import { Button } from "@/components/ui";
+import { Button } from "@/shared/components/ui";
 export function HomePage() {
   return (
-    <div className="text-center">
-      <div className="flex justify-center gap-4 mb-6">
-        <Sun className="w-8 h-8 text-yellow-500" />
-        <Moon className="w-8 h-8 text-blue-500" />
-        <GitBranch className="w-8 h-8 text-gray-800" />
+    <div style={{ textAlign: "center" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "center",
+          gap: "1rem",
+          marginBottom: "1.5rem",
+        }}
+      >
+        <Sun size={32} color="#eab308" />
+        <Moon size={32} color="#3b82f6" />
+        <GitBranch size={32} color="#1f2937" />
       </div>
-      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
-      <p className="text-gray-600 mb-8">
+      <h1
+        style={{
+          fontSize: "2.25rem",
+          fontWeight: 700,
+          color: "#111827",
+          marginBottom: "1rem",
+        }}
+      >
+        Welcome to Lumen
+      </h1>
+      <p style={{ color: "#4b5563", marginBottom: "2rem" }}>
         Your React + Vite project is ready. Start building!
       </p>
       <Button>Get Started</Button>
     </div>
   );
-}
+}

package/templates/conditional/icons/lucide/feature-based/tailwind/src/features/home/pages/HomePage.jsx ADDED Viewed

@@ -0,0 +1,19 @@
+import { Sun, Moon, GitBranch } from "lucide-react";
+import { Button } from "@/shared/components/ui";
+export function HomePage() {
+  return (
+    <div className="text-center">
+      <div className="flex justify-center gap-4 mb-6">
+        <Sun className="w-8 h-8 text-yellow-500" />
+        <Moon className="w-8 h-8 text-blue-500" />
+        <GitBranch className="w-8 h-8 text-gray-800" />
+      </div>
+      <h1 className="text-4xl font-bold text-gray-900 mb-4">Welcome to Lumen</h1>
+      <p className="text-gray-600 mb-8">
+        Your React + Vite project is ready. Start building!
+      </p>
+      <Button>Get Started</Button>
+    </div>
+  );
+}