logikonline
3a8bdd936c
Implement comprehensive A/B testing system for landing page optimization: - Database models for experiments, variants, and events - AI-powered variant generation and analysis - Visitor tracking with conversion metrics - Experiment lifecycle management (draft/active/paused/completed) - Email notifications for experiment results - Cron job for automated experiment monitoring - UI for viewing experiment results and statistics
175 lines
4.0 KiB
Handlebars
175 lines
4.0 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="{{ctx.Locale.Lang}}" data-theme="{{ctx.CurrentWebTheme.InternalName}}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{if .Config.Hero.Headline}}{{.Config.Hero.Headline}}{{else}}{{.Repository.Name}}{{end}} - {{.Repository.Owner.Name}}</title>
|
|
<meta name="description" content="{{if .Config.Hero.Subheadline}}{{.Config.Hero.Subheadline}}{{else}}{{.Repository.Description}}{{end}}">
|
|
{{if .Config.Brand.FaviconURL}}
|
|
<link rel="icon" href="{{.Config.Brand.FaviconURL}}">
|
|
{{else}}
|
|
<link rel="icon" href="{{AssetUrlPrefix}}/img/favicon.svg" type="image/svg+xml">
|
|
{{end}}
|
|
{{template "base/head_style" .}}
|
|
<style>
|
|
/* Pages standalone styles - no GitCaddy navbar */
|
|
:root {
|
|
--pages-primary: {{if .Config.Theme.PrimaryColor}}{{.Config.Theme.PrimaryColor}}{{else}}#4183c4{{end}};
|
|
--pages-secondary: {{if .Config.Theme.AccentColor}}{{.Config.Theme.AccentColor}}{{else}}#6c757d{{end}};
|
|
}
|
|
* { box-sizing: border-box; }
|
|
body.pages-body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
|
background: #fff;
|
|
}
|
|
.pages-landing {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.pages-main { flex: 1; }
|
|
.container {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
padding: 0 24px;
|
|
}
|
|
/* Header styles */
|
|
.pages-header {
|
|
background: #fff;
|
|
border-bottom: 1px solid #e1e4e8;
|
|
padding: 16px 0;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
.pages-nav {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.pages-nav-brand {
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 1.25rem;
|
|
color: #24292e;
|
|
}
|
|
.pages-nav-logo { height: 32px; }
|
|
.pages-nav-links {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 24px;
|
|
}
|
|
.pages-nav-link {
|
|
color: #586069;
|
|
text-decoration: none;
|
|
font-size: 0.875rem;
|
|
}
|
|
.pages-nav-link:hover { color: var(--pages-primary); }
|
|
/* Hero styles */
|
|
.pages-hero {
|
|
padding: 80px 0;
|
|
text-align: center;
|
|
background: linear-gradient(135deg, #f6f8fa 0%, #fff 100%);
|
|
}
|
|
.pages-logo {
|
|
max-height: 80px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.pages-title {
|
|
font-size: 3rem;
|
|
font-weight: 700;
|
|
margin: 0 0 16px;
|
|
color: #24292e;
|
|
}
|
|
.pages-tagline {
|
|
font-size: 1.25rem;
|
|
color: #586069;
|
|
margin: 0 0 32px;
|
|
max-width: 600px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.pages-cta { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
|
|
/* Stats */
|
|
.pages-stats {
|
|
padding: 48px 0;
|
|
background: #f6f8fa;
|
|
}
|
|
.pages-stats-grid {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 48px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.pages-stat {
|
|
text-align: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.pages-stat-value {
|
|
font-size: 2rem;
|
|
font-weight: 700;
|
|
color: #24292e;
|
|
}
|
|
.pages-stat-label {
|
|
color: #586069;
|
|
font-size: 0.875rem;
|
|
}
|
|
/* README */
|
|
.pages-readme {
|
|
padding: 64px 0;
|
|
}
|
|
.pages-readme .markup {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
}
|
|
/* Footer */
|
|
.pages-footer {
|
|
background: #24292e;
|
|
color: #fff;
|
|
padding: 48px 0 24px;
|
|
margin-top: auto;
|
|
}
|
|
.pages-footer-links {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
|
gap: 32px;
|
|
margin-bottom: 32px;
|
|
}
|
|
.pages-footer-title {
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
margin: 0 0 16px;
|
|
color: #fff;
|
|
}
|
|
.pages-footer-list {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.pages-footer-list li { margin-bottom: 8px; }
|
|
.pages-footer-list a {
|
|
color: #959da5;
|
|
text-decoration: none;
|
|
font-size: 0.875rem;
|
|
}
|
|
.pages-footer-list a:hover { color: #fff; }
|
|
.pages-footer-bottom {
|
|
text-align: center;
|
|
padding-top: 24px;
|
|
border-top: 1px solid #444d56;
|
|
}
|
|
.pages-footer-copyright, .pages-footer-powered {
|
|
color: #959da5;
|
|
font-size: 0.75rem;
|
|
margin: 4px 0;
|
|
}
|
|
.pages-footer-powered a { color: #79b8ff; }
|
|
</style>
|
|
</head>
|
|
<body class="pages-body">
|