Skip to content

Commit c245b90

Browse files
adarshaacharyaadarshaacharya
committed
refactor: update landing page layout and styles for improved navigation and user experience
Redesigned the landing page header to enhance navigation with a new site header structure, including a brand link and navigation links. Updated the hero section with revised text and added a new eyebrow element for better context. Improved the layout of the trust indicators and added a download section with clearer calls to action. Enhanced CSS styles for better responsiveness and visual consistency across devices. Added new showcase images to highlight features. Introduced a wrangler configuration file for deployment.
1 parent d58a068 commit c245b90

8 files changed

Lines changed: 1019 additions & 373 deletions

File tree

‎apps/landing/assets/showcase/bazar-fuel.png‎

86.3 KB
Loading

‎apps/landing/assets/showcase/bazar-gold-silver.png‎

96.9 KB
Loading

‎apps/landing/assets/showcase/bazar-vegetables.png‎

183 KB
Loading

‎apps/landing/assets/showcase/tools-directory.png‎

189 KB
Loading

‎apps/landing/index.html‎

Lines changed: 255 additions & 166 deletions
Large diffs are not rendered by default.

‎apps/landing/install.html‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -85,24 +85,26 @@
8585
}
8686
.platform-tabs a.active {
8787
color: var(--gold);
88-
border-color: var(--gold-dim);
88+
border-color: var(--gold-ink);
8989
}
9090
</style>
9191
</head>
9292
<body>
9393

9494
<a class="skip-link" href="#main">Skip to content</a>
9595

96-
<header class="wrap">
97-
<nav class="nav">
98-
<div class="brand">
96+
<header class="site-header">
97+
<nav class="wrap site-nav" aria-label="Primary">
98+
<a class="brand" href="index.html">
9999
<img src="assets/icon.png" alt="">
100-
Sajilo
101-
</div>
102-
<a class="github" href="https://github.com/adarshaacharya/sajilo" target="_blank" rel="noopener">
103-
<svg viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
104-
GitHub
100+
<span>Sajilo</span>
105101
</a>
102+
<div class="nav-actions" style="margin-left: auto;">
103+
<a class="nav-ghost" href="https://github.com/adarshaacharya/sajilo" target="_blank" rel="noopener">
104+
<svg viewBox="0 0 16 16" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
105+
GitHub
106+
</a>
107+
</div>
106108
</nav>
107109
</header>
108110

@@ -171,10 +173,10 @@ <h1 style="margin-bottom: 6px;">Installing on macOS</h1>
171173
</div>
172174
</main>
173175

174-
<footer class="wrap">
175-
Sajilo is free and open source.
176-
<a href="https://github.com/adarshaacharya/sajilo" target="_blank" rel="noopener">Source on GitHub</a>.
177-
Built by <a href="https://adarsha.dev" target="_blank" rel="noopener">Adarsha Acharya</a>.
176+
<footer class="site-footer">
177+
<div class="wrap footer-bottom">
178+
<p>Sajilo is free and open source. <a href="https://github.com/adarshaacharya/sajilo" target="_blank" rel="noopener">Source on GitHub</a>. Built by <a href="https://adarsha.dev" target="_blank" rel="noopener">Adarsha Acharya</a>.</p>
179+
</div>
178180
</footer>
179181

180182
</body>

0 commit comments

Comments
 (0)