sonr/pkg/nebula/components/marketing/page.templ

package marketing

import (
	"github.com/labstack/echo/v4"
	"github.com/onsonr/sonr/internal/ctx"
	models "github.com/onsonr/sonr/internal/orm/marketing"
	"github.com/onsonr/sonr/pkg/nebula/components/marketing/sections"
	"github.com/onsonr/sonr/pkg/nebula/global/styles"
	"log"
)

// ╭───────────────────────────────────────────────────────────╮
// │                  Home Routes - Marketing                  │
// ╰───────────────────────────────────────────────────────────╯

func HomeRoute(c echo.Context) error {
	s, err := ctx.GetHWAYContext(c)
	if err != nil {
		return err
	}
	log.Printf("Session ID: %s", s.ID())
	return ctx.RenderTempl(c, View())
}

// ╭───────────────────────────────────────────────────────────╮
// │                  Static Content Values                    │
// ╰───────────────────────────────────────────────────────────╯

// hero is the (1st) home page hero section
var hero = &models.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:   &models.Button{Text: "Get Started", Href: "/register"},
	SecondaryButton: &models.Button{Text: "Learn More", Href: "/about"},
	Image: &models.Image{
		Src:    "https://cdn.sonr.id/img/hero-clipped.svg",
		Width:  "500",
		Height: "500",
	},
	Stats: []*models.Stat{
		{Value: "476", Label: "Assets packed with power beyond your imagiation.", Denom: "K"},
		{Value: "1.44", Label: "Assets packed with power beyond your imagination.", Denom: "K"},
		{Value: "1.5", Label: "Assets packed with power beyond your imagination.", Denom: "M+"},
		{Value: "750", Label: "Assets packed with power beyond your imagination.", Denom: "K"},
	},
}

// highlights is the (2nd) home page highlights section
var highlights = &models.Highlights{
	Heading:  "The Internet Rebuilt for You",
	Subtitle: "Sonr is a comprehensive system for Identity Management which proteects users across their digital personas while providing Developers a cost-effective solution for decentralized authentication.",
	Features: []*models.Feature{
		{
			Title: "∞ Factor Auth",
			Desc:  "Sonr is designed to work across all platforms and devices, building a encrypted and anonymous identity layer for each user on the internet.",
			Icon:  nil,
		},
		{
			Title: "Control Your Data",
			Desc:  "Sonr leverages advanced cryptography to permit facilitating Wallet Operations directly on-chain, without the need for a centralized server.",
			Icon:  nil,
		},
		{
			Title: "Crypto Enabled",
			Desc:  "Sonr follows the latest specifications from W3C, DIF, and ICF to essentially have an Interchain-Connected, Smart Account System - seamlessly authenticated with PassKeys.",
			Icon:  nil,
		},
		{
			Title: "Works Everywhere",
			Desc:  "Sonr anonymously associates your online identities with a Quantum-Resistant Vault which only you can access.",
			Icon:  nil,
		},
	},
}

// mission is the (3rd) home page mission section
var mission = &models.Mission{
	Eyebrow:  "L1 Blockchain",
	Heading:  "The Protocol for Decentralized Identity & Authentication",
	Subtitle: "We're creating the Global Standard for Decentralized Identity. Authenticate users with PassKeys, Issue Crypto Wallets, Build Payment flows, Send Encrypted Messages - all on a single platform.",
	Experience: &models.Feature{
		Title: "UX First Approach",
		Desc:  "Sonr is a comprehensive system for Identity Management which proteects users across their digital personas while providing Developers a cost-effective solution for decentralized authentication.",
		Icon:  nil,
	},
	Compliance: &models.Feature{
		Title: "Universal Interoperability",
		Desc:  "Sonr is designed to work across all platforms and devices, building a encrypted and anonymous identity layer for each user on the internet.",
		Icon:  nil,
	},
	Interoperability: &models.Feature{
		Title: "Made in the USA",
		Desc:  "Sonr follows the latest specifications from W3C, DIF, and ICF to essentially have an Interchain-Connected, Smart Account System - seamlessly authenticated with PassKeys.",
		Icon:  nil,
	},
}

// architecture is the (4th) home page architecture section
var architecture = &models.Architecture{
	Heading:  "Onchain Security with Offchain Privacy",
	Subtitle: "Whenever you are ready, just hit publish to turn your site sketches into an actual designs. No creating, no skills, no reshaping.",
	Primary: &models.Technology{
		Title: "Decentralized Identity",
		Desc:  "Sonr leverages the latest specifications from W3C, DIF, and ICF to essentially have an Interchain-Connected, Smart Account System - seamlessly authenticated with PassKeys.",
	},
	Secondary: &models.Technology{
		Title: "IPFS Vaults",
		Desc:  "Completely distributed, encrypted, and decentralized storage for your data.",
	},
	Tertiary: &models.Technology{
		Title: "Service Records",
		Desc:  "On-chain validated services created by Developers for secure transmission of user data.",
	},
	Quaternary: &models.Technology{
		Title: "Authentication & Authorization",
		Desc:  "Sonr leverages decentralized Macaroons and Multi-Party Computation to provide a secure and decentralized authentication and authorization system.",
	},
	Quinary: &models.Technology{
		Title: "First-Class Exchange",
		Desc:  "Sonr integrates with the IBC protocol allowing for seamless integration with popular exchanges such as OKX, Binance, and Osmosis.",
	},
}

// ╭─────────────────────────────────────────────────────────╮
// │                  Final Rendering                        │
// ╰─────────────────────────────────────────────────────────╯

// View renders the home page
templ View() {
	@styles.LayoutNoBody("Sonr.ID", true) {
		@sections.Header()
		@sections.Hero(hero)
		@sections.Highlights(highlights)
		@sections.Mission(mission)
		@sections.Architecture(architecture)
		@sections.Lowlights()
		@sections.CallToAction()
		@sections.Footer()
	}
}