From 931ac2308d99078babacc2cf1ec00a419b9ace72 Mon Sep 17 00:00:00 2001
From: Prad Nukala <prad@sonr.io>
Date: Wed, 2 Oct 2024 20:37:18 -0400
Subject: [PATCH] feat: update home section with new features

---
 Makefile                                    |  8 +--
 pkg/nebula/components/home/highlights.templ | 32 ------------
 pkg/nebula/models/Highlight.pkl.go          | 10 ++++
 pkg/nebula/models/init.pkl.go               |  1 +
 pkg/nebula/nebula.pkl                       | 58 ++++++++++-----------
 5 files changed, 44 insertions(+), 65 deletions(-)
 create mode 100644 pkg/nebula/models/Highlight.pkl.go

diff --git a/Makefile b/Makefile
index 18c16bd0e..d96e23e1c 100644
--- a/Makefile
+++ b/Makefile
@@ -316,10 +316,10 @@ nebula:
 
 pkl:
 	@echo "(pkl) Building PKL"
-	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/dwn.pkl
-	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/orm.pkl
-	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/txns.pkl
-	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/uiux.pkl
+	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/DWN.pkl
+	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/ORM.pkl
+	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/Txns.pkl
+	go run github.com/apple/pkl-go/cmd/pkl-gen-go ./pkl/UIUX.pkl
 
 start-caddy:
 	@echo "(start-caddy) Starting caddy"
diff --git a/pkg/nebula/components/home/highlights.templ b/pkg/nebula/components/home/highlights.templ
index 62883e04f..a8d2884cf 100644
--- a/pkg/nebula/components/home/highlights.templ
+++ b/pkg/nebula/components/home/highlights.templ
@@ -144,14 +144,6 @@ templ Highlights() {
 										height="360"
 										alt="Feature 01"
 									/>
-									<img
-										class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
-										src="https://cdn.sonr.id/img/secure-keys.svg"
-										width="224"
-										height="224"
-										alt="Illustration"
-										aria-hidden="true"
-									/>
 								</div>
 							</div>
 							<!-- Item 2 -->
@@ -173,14 +165,6 @@ templ Highlights() {
 										height="360"
 										alt="Feature 02"
 									/>
-									<img
-										class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
-										src="https://cdn.sonr.id/img/secure-keys.svg"
-										width="224"
-										height="224"
-										alt="Illustration"
-										aria-hidden="true"
-									/>
 								</div>
 							</div>
 							<!-- Item 3 -->
@@ -202,14 +186,6 @@ templ Highlights() {
 										height="360"
 										alt="Feature 03"
 									/>
-									<img
-										class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
-										src="https://cdn.sonr.id/img/secure-keys.svg"
-										width="224"
-										height="224"
-										alt="Illustration"
-										aria-hidden="true"
-									/>
 								</div>
 							</div>
 							<!-- Item 4 -->
@@ -231,14 +207,6 @@ templ Highlights() {
 										height="360"
 										alt="Feature 04"
 									/>
-									<img
-										class="absolute top-0 left-full mix-blend-exclusion -translate-x-[70%] -mr-20 max-md:w-[45%]"
-										src="https://cdn.sonr.id/img/secure-keys.svg"
-										width="224"
-										height="224"
-										alt="Illustration"
-										aria-hidden="true"
-									/>
 								</div>
 							</div>
 						</div>
diff --git a/pkg/nebula/models/Highlight.pkl.go b/pkg/nebula/models/Highlight.pkl.go
new file mode 100644
index 000000000..e8a4a5af2
--- /dev/null
+++ b/pkg/nebula/models/Highlight.pkl.go
@@ -0,0 +1,10 @@
+// Code generated from Pkl module `models`. DO NOT EDIT.
+package models
+
+type Highlight struct {
+	Title string `pkl:"title"`
+
+	Description string `pkl:"description"`
+
+	Image *Image `pkl:"image"`
+}
diff --git a/pkg/nebula/models/init.pkl.go b/pkg/nebula/models/init.pkl.go
index 881069d3f..2f8a9eaf7 100644
--- a/pkg/nebula/models/init.pkl.go
+++ b/pkg/nebula/models/init.pkl.go
@@ -13,6 +13,7 @@ func init() {
 	pkl.RegisterMapping("models#Link", Link{})
 	pkl.RegisterMapping("models#SocialLink", SocialLink{})
 	pkl.RegisterMapping("models#Input", Input{})
+	pkl.RegisterMapping("models#Highlight", Highlight{})
 	pkl.RegisterMapping("models#Highlights", Highlights{})
 	pkl.RegisterMapping("models#Features", Features{})
 	pkl.RegisterMapping("models#Bento", Bento{})
diff --git a/pkg/nebula/nebula.pkl b/pkg/nebula/nebula.pkl
index df207120a..1a3868671 100644
--- a/pkg/nebula/nebula.pkl
+++ b/pkg/nebula/nebula.pkl
@@ -2,36 +2,36 @@ amends "https://pkl.sh/uiux.pkl";
 
 home = new Home {
 	hero = new Hero {
-	titleFirst = "Simplified";
-	titleEmphasis = "self-custody";
-	titleSecond = "for everyone";
-	subtitle = "Sonr is a modern re-imagination of online user identity, empowering users to take ownership of their digital footprint and unlocking a new era of self-sovereignty.";
-	primaryButton = new Button {
-		text = "Get Started";
-		href = "/register";
-	};
-	secondaryButton = new Button {
-		text = "Learn More";
-		href = "/about";
-	};
-	image = new Image {
-		src = "https://cdn.sonr.id/img/hero-clipped.svg";
-		width = "500";
-		height = "500";
-	};
-	stats {
-		new Stat {
-			value = "476K";
-			label = "Assets packed with power beyond your imagination.";
+		titleFirst = "Simplified";
+		titleEmphasis = "self-custody";
+		titleSecond = "for everyone";
+		subtitle = "Sonr is a modern re-imagination of online user identity, empowering users to take ownership of their digital footprint and unlocking a new era of self-sovereignty.";
+		primaryButton = new Button {
+			text = "Get Started";
+			href = "/register";
 		};
-		new Stat {
-			value = "1.44K";
-			label = "Assets packed with power beyond your imagination.";
+		secondaryButton = new Button {
+			text = "Learn More";
+			href = "/about";
+		};
+		image = new Image {
+			src = "https://cdn.sonr.id/img/hero-clipped.svg";
+			width = "500";
+			height = "500";
+		};
+		stats {
+			new Stat {
+				value = "476K";
+				label = "Assets packed with power beyond your imagination.";
+			};
+			new Stat {
+				value = "1.44K";
+				label = "Assets packed with power beyond your imagination.";
+			};
+			new Stat {
+				value = "1.5M+";
+				label = "Assets packed with power beyond your imagination.";
+			}
 		};
-		new Stat {
-			value = "1.5M+";
-			label = "Assets packed with power beyond your imagination.";
-		}
 	};
 };
-};