Skip to content

Commit e7a49c9

Browse files
leonuriumleonurium
committed
feat(landing): update static page
1 parent 7bbfea0 commit e7a49c9

1 file changed

Lines changed: 102 additions & 7 deletions

File tree

‎public/index.html‎

Lines changed: 102 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,11 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>🌏 Konoha Land API - Free Indonesian Administrative Regions API</title>
77
<meta name="description" content="Free, open-source REST API providing comprehensive data about Indonesian administrative regions (Provinces, Regencies, Districts, and Villages)">
8+
9+
<!-- Favicon -->
10+
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>🌏</text></svg>">
11+
<link rel="alternate icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAClklEQVR4nO2WS0hUYRiGn3POzIwzY+M4XtJxHDUTb2lqmZUGQRctErKFZYugTYugC0HQpkURQYu6QAstIroQUQRBi1oEFQVlZi4qSrxE6qjjZTRn5vQ1/zDHGWfG0UX0wnfO+c//ne/5vv/7/g8MMMAAASP/ewBFURS1Wq1GKisrI4ODg8OTk5MjExMTkfHx8cj4+PjI2NjYSHFxcUSlUqmBgJGRkdChoaFwKBQKh0Kh8NDQUDgYDIaDwWA4EAiEfT5f2Ofzhb1ebzgQCIQBf1dX1wCLxaLKyMjQeL1ehUIhk0ajkRUWFsq8Xq+st7dX5vF4ZC6XS9bV1SVzOByyjo4Ome+fv127do3t8PDwGHV1dTqv16tQq9Xy8vJyhcPhUDgcDoXT6VQ4HA6F3W5X2O12hc1mU9hsNoXVarVYLBaL2Wy22Gw2i9VqtZhMJovRaLRUVlZabDabBfgI3ARauru7A8DbgoIChdFoVLS2tipEm0SdnZ2Kzs5ORXt7u6KtrU3R0tKiaGpqUjQ2NioaGhoU9fX1ivr6ekV1dbWipqZGAXwE7gH1gA54DbwDbM7OzmDqV+Xn5ysyMzMVeXl5iuzsbEV2draioKBAkZWVpcjMzFRkZGQo0tPTFWlpaYrk5GRFUlKSIjExUZGQkKCIj49XxMXFKaKjoxWRkZGK8PBwhclkMgDPgQfAAeAt0AJ0A++AAKA3m82GlJQUg8lkMiQmJhpSU1MNqamphoKCAsOSJUsMubm5hsWLFxuysrIMRqPREBMTY1ixYoUhPDzckJiYaAC+AteBLUAd8ApoAnYCT4B7wEngMHAHuA3sAW4Be4GrwBngKHAKuAzsBO4AO4BmYBuwHrgAXAJ2AXuBPcBl4BJwAXgOhIBv/5cBBhhggP/gB3Q6z+SIzQMXAAAAAElFTkSuQmCC">
12+
813
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
914
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
1015
<style>
@@ -527,6 +532,79 @@
527532
animation: fadeIn 0.3s;
528533
}
529534

535+
/* Branding Section */
536+
.branding-section {
537+
padding: 80px 40px;
538+
text-align: center;
539+
position: relative;
540+
overflow: hidden;
541+
background: linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(99, 102, 241, 0.05));
542+
}
543+
544+
.branding-content {
545+
max-width: 800px;
546+
margin: 0 auto;
547+
position: relative;
548+
z-index: 1;
549+
}
550+
551+
.branding-icon {
552+
font-size: 3em;
553+
margin-bottom: 20px;
554+
animation: float 6s ease-in-out infinite;
555+
}
556+
557+
@keyframes float {
558+
0%, 100% { transform: translateY(0px) rotate(0deg); }
559+
50% { transform: translateY(-20px) rotate(5deg); }
560+
}
561+
562+
.branding-content h3 {
563+
font-size: 2em;
564+
font-weight: 700;
565+
color: var(--text-muted);
566+
margin-bottom: 15px;
567+
}
568+
569+
.brand-name {
570+
background: linear-gradient(135deg, #a78bfa, #6366f1, #ec4899);
571+
-webkit-background-clip: text;
572+
-webkit-text-fill-color: transparent;
573+
background-clip: text;
574+
font-weight: 900;
575+
font-size: 1.2em;
576+
letter-spacing: 0.05em;
577+
position: relative;
578+
text-decoration: none;
579+
transition: all 0.3s;
580+
display: inline-block;
581+
}
582+
583+
.brand-name:hover {
584+
transform: translateY(-2px);
585+
filter: brightness(1.2);
586+
}
587+
588+
.brand-tagline {
589+
font-size: 1.1em;
590+
color: var(--text-muted);
591+
margin: 15px 0;
592+
font-style: italic;
593+
opacity: 0.8;
594+
}
595+
596+
.brand-tagline i {
597+
color: var(--primary);
598+
margin: 0 8px;
599+
}
600+
601+
.brand-subtitle {
602+
font-size: 0.95em;
603+
color: var(--text-muted);
604+
opacity: 0.6;
605+
margin-top: 10px;
606+
}
607+
530608
/* Donation Section */
531609
.donation-section {
532610
padding: 100px 40px;
@@ -743,7 +821,8 @@ <h1>Indonesian Region API<br>Made Simple</h1>
743821
<span class="badge"><i class="fas fa-gift"></i> 100% Free</span>
744822
<span class="badge"><i class="fas fa-bolt"></i> Sub-100ms Response</span>
745823
<span class="badge"><i class="fas fa-chart-bar"></i> 80K+ Data Points</span>
746-
<span class="badge"><i class="fas fa-sync-alt"></i> Always Updated</span>
824+
<span class="badge"><i class="fas fa-calendar-alt"></i> 2025 Data</span>
825+
<span class="badge"><i class="fas fa-envelope"></i> 100% Postal Codes</span>
747826
</div>
748827

749828
<div class="cta-group">
@@ -818,7 +897,7 @@ <h1>Indonesian Region API<br>Made Simple</h1>
818897
<section class="stats-section">
819898
<div class="stats-grid">
820899
<div class="stat-card">
821-
<div class="stat-number">34</div>
900+
<div class="stat-number">38</div>
822901
<div class="stat-label">Provinces</div>
823902
</div>
824903
<div class="stat-card">
@@ -830,7 +909,7 @@ <h1>Indonesian Region API<br>Made Simple</h1>
830909
<div class="stat-label">Districts</div>
831910
</div>
832911
<div class="stat-card">
833-
<div class="stat-number">83K</div>
912+
<div class="stat-number">84K</div>
834913
<div class="stat-label">Villages</div>
835914
</div>
836915
</div>
@@ -859,13 +938,13 @@ <h3>No Authentication</h3>
859938
<div class="feature-card">
860939
<span class="feature-icon"><i class="fas fa-database"></i></span>
861940
<h3>Complete Dataset</h3>
862-
<p>All 34 provinces, 514 regencies, 7,276 districts, and 83,762 villages included.</p>
941+
<p>2025 data: 38 provinces, 514 regencies, 7,285 districts, 83,762 villages with 100% postal code coverage.</p>
863942
</div>
864943

865944
<div class="feature-card">
866945
<span class="feature-icon"><i class="fas fa-filter"></i></span>
867-
<h3>Advanced Filtering</h3>
868-
<p>Search, sort, filter, and paginate with powerful query parameters.</p>
946+
<h3>Advanced Features</h3>
947+
<p>Search, sort, filter, and paginate. Includes sortBy & sortDirection parameters for custom ordering.</p>
869948
</div>
870949

871950
<div class="feature-card">
@@ -971,6 +1050,21 @@ <h2>Try It Live</h2>
9711050
</div>
9721051
</section>
9731052

1053+
<!-- Branding Section -->
1054+
<section class="branding-section">
1055+
<div class="branding-content">
1056+
<div class="branding-icon">
1057+
<i class="fas fa-meteor"></i>
1058+
</div>
1059+
<h3>Built by <a href="https://leonurium.com" target="_blank" class="brand-name">leonurium</a></h3>
1060+
<p class="brand-tagline">
1061+
<i class="fas fa-gem"></i> The unbreakable stone of earth, floating through the cosmos
1062+
<i class="fas fa-rocket"></i>
1063+
</p>
1064+
<p class="brand-subtitle">Crafting tools for developers, one API at a time</p>
1065+
</div>
1066+
</section>
1067+
9741068
<!-- Donation Section -->
9751069
<section class="donation-section">
9761070
<div class="donation-content">
@@ -1000,8 +1094,9 @@ <h2><i class="fas fa-coffee"></i> Support This Project</h2>
10001094
</div>
10011095

10021096
<div class="footer-note">
1003-
<p>Made with <i class="fas fa-heart" style="color: var(--accent);"></i> for the Indonesian developer community</p>
1097+
<p>Made with <i class="fas fa-heart" style="color: var(--accent);"></i> for the Indonesian developer community by <a href="https://leonurium.com" target="_blank" style="color: var(--primary); text-decoration: none; font-weight: 600;"><strong>leonurium</strong></a></p>
10041098
<p style="margin-top: 10px; opacity: 0.6;">
1099+
<i class="fas fa-meteor" style="font-size: 0.9em; margin-right: 5px;"></i>
10051100
Inspired by <a href="https://github.com/theodevoid/wilayah-nusantara" target="_blank" style="color: var(--primary);">Wilayah Nusantara API</a>
10061101
</p>
10071102
</div>

0 commit comments

Comments
 (0)