Skip to content

Commit a9ab74b

Browse files
julianengeljulianengel
committed
Replace IG Grid Planner with IconBuddy and update Doodlify pricing
- Remove IG Grid Planner project, add IconBuddy (acquired March 2026) - Update Doodlify pricing to match current rates ($4/$9/$14) - Update contact form and worker with new project reference
1 parent 636ae8f commit a9ab74b

6 files changed

Lines changed: 204 additions & 133 deletions

File tree

‎src/pages/contact.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const projects = [
77
{ value: 'doodlify', label: 'Doodlify' },
88
{ value: 'easychef', label: 'EasyChef.ai' },
99
{ value: 'og-image-preview', label: 'OG Image Preview' },
10-
{ value: 'ig-grid-planner', label: 'IG Grid Planner' },
10+
{ value: 'iconbuddy', label: 'IconBuddy' },
1111
{ value: 'launchpage', label: 'Launchpage.xyz' },
1212
];
1313

‎src/pages/index.astro‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,10 @@ const projects = [
2828
},
2929
{
3030
number: '03',
31-
name: 'IG Grid Planner',
32-
description: 'Quickly plan, organize and share Instagram grids visually.',
33-
href: '/projects/ig-grid-planner',
34-
externalHref: 'https://igplanner.netlify.app?ref=simplebytes',
31+
name: 'IconBuddy',
32+
description: 'Search engine for 500K+ open-source icons across 300+ icon sets with editing tools and design integrations.',
33+
href: '/projects/iconbuddy',
34+
externalHref: 'https://www.iconbuddy.com?ref=simplebytes',
3535
subProjects: []
3636
},
3737
{

‎src/pages/projects/doodlify.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,9 +25,9 @@ const stats = [
2525
];
2626
2727
const pricing = [
28-
{ credits: 1, price: '$3', perCredit: '$3.00' },
29-
{ credits: 3, price: '$6', perCredit: '$2.00' },
30-
{ credits: 5, price: '$8', perCredit: '$1.60' }
28+
{ credits: 1, price: '$4', perCredit: '$4.00' },
29+
{ credits: 3, price: '$9', perCredit: '$3.00' },
30+
{ credits: 5, price: '$14', perCredit: '$2.80' }
3131
];
3232
---
3333

‎src/pages/projects/iconbuddy.astro‎

Lines changed: 195 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
---
2+
import BaseLayout from '../../layouts/BaseLayout.astro';
3+
4+
const features = [
5+
{ icon: '🔍', title: '500K+ Icons', description: 'Search across 500,000+ open-source icons from 300+ curated icon sets.' },
6+
{ icon: '🎨', title: 'Edit & Customize', description: 'Change colors, size, and style directly before downloading.' },
7+
{ icon: '📦', title: 'Multiple Formats', description: 'Export icons as SVG, PNG, JSX, Vue, and more.' },
8+
{ icon: '🔌', title: 'Integrations', description: 'Plugins for Figma, VS Code, Framer, WordPress, and Chrome.' }
9+
];
10+
11+
const stats = [
12+
{ value: '500K+', label: 'Icons' },
13+
{ value: '300+', label: 'Icon Sets' },
14+
{ value: '500K+', label: 'Users' }
15+
];
16+
---
17+
18+
<BaseLayout
19+
title="IconBuddy - Simple Bytes"
20+
description="Search engine for 500K+ open-source icons across 300+ icon sets with editing tools and design integrations."
21+
>
22+
<a href="/" class="back-link">← Back to all projects</a>
23+
24+
<section class="hero">
25+
<h1>IconBuddy</h1>
26+
<p class="tagline">The ultimate search engine for open-source icons. Find, customize, and download from 500,000+ icons across 300+ icon sets — all in one place. Acquired by Simple Bytes in March 2026 as a strategic investment.</p>
27+
<div class="stats-row">
28+
{stats.map((stat) => (
29+
<div class="stat">
30+
<span class="stat-value">{stat.value}</span>
31+
<span class="stat-label">{stat.label}</span>
32+
</div>
33+
))}
34+
</div>
35+
<div class="hero-links">
36+
<a href="https://www.iconbuddy.com?ref=simplebytes" target="_blank" rel="noopener" class="btn btn--primary">
37+
Browse Icons →
38+
</a>
39+
</div>
40+
</section>
41+
42+
<section class="features-section">
43+
<h2 class="section-title">Why IconBuddy</h2>
44+
<div class="features-grid">
45+
{features.map((feature) => (
46+
<div class="feature-item">
47+
<span class="feature-icon">{feature.icon}</span>
48+
<h3 class="feature-title">{feature.title}</h3>
49+
<p class="feature-description">{feature.description}</p>
50+
</div>
51+
))}
52+
</div>
53+
</section>
54+
55+
<section class="icon-sets-section">
56+
<h2 class="section-title">Popular Icon Sets</h2>
57+
<div class="tags-grid">
58+
<span class="icon-set-tag">Fluent UI (18,500+)</span>
59+
<span class="icon-set-tag">Material Symbols (14,900+)</span>
60+
<span class="icon-set-tag">Google Material (11,000+)</span>
61+
<span class="icon-set-tag">Phosphor (9,000+)</span>
62+
<span class="icon-set-tag">Solar (7,400+)</span>
63+
<span class="icon-set-tag">And 290+ more</span>
64+
</div>
65+
</section>
66+
</BaseLayout>
67+
68+
<style>
69+
.back-link {
70+
display: inline-flex;
71+
align-items: center;
72+
gap: 0.5rem;
73+
font-size: 0.875rem;
74+
color: var(--text-secondary);
75+
text-decoration: none;
76+
margin-bottom: 2rem;
77+
transition: color 0.2s;
78+
}
79+
80+
.back-link:hover {
81+
color: var(--text-primary);
82+
}
83+
84+
.hero {
85+
margin-bottom: 4rem;
86+
}
87+
88+
h1 {
89+
font-size: clamp(2.5rem, 6vw, 3.5rem);
90+
font-weight: 600;
91+
letter-spacing: -0.03em;
92+
margin-bottom: 1rem;
93+
}
94+
95+
.tagline {
96+
font-size: 1.25rem;
97+
color: var(--text-secondary);
98+
max-width: 600px;
99+
line-height: 1.6;
100+
margin-bottom: 2rem;
101+
}
102+
103+
.stats-row {
104+
display: flex;
105+
gap: 2rem;
106+
margin-bottom: 2rem;
107+
flex-wrap: wrap;
108+
}
109+
110+
.stat {
111+
display: flex;
112+
flex-direction: column;
113+
}
114+
115+
.stat-value {
116+
font-size: 1.5rem;
117+
font-weight: 600;
118+
color: var(--text-primary);
119+
}
120+
121+
.stat-label {
122+
font-size: 0.8125rem;
123+
color: var(--text-tertiary);
124+
}
125+
126+
.hero-links {
127+
display: flex;
128+
flex-wrap: wrap;
129+
gap: 0.75rem;
130+
}
131+
132+
.features-section {
133+
margin-bottom: 4rem;
134+
}
135+
136+
.features-grid {
137+
display: grid;
138+
grid-template-columns: repeat(2, 1fr);
139+
gap: 1.5rem;
140+
}
141+
142+
.feature-item {
143+
padding: 0.5rem 0;
144+
}
145+
146+
.feature-icon {
147+
font-size: 1.5rem;
148+
display: block;
149+
margin-bottom: 0.75rem;
150+
}
151+
152+
.feature-title {
153+
font-size: 1rem;
154+
font-weight: 600;
155+
margin-bottom: 0.375rem;
156+
}
157+
158+
.feature-description {
159+
font-size: 0.875rem;
160+
color: var(--text-secondary);
161+
line-height: 1.5;
162+
}
163+
164+
.icon-sets-section {
165+
margin-bottom: 2rem;
166+
}
167+
168+
.tags-grid {
169+
display: flex;
170+
flex-wrap: wrap;
171+
gap: 0.5rem;
172+
}
173+
174+
.icon-set-tag {
175+
padding: 0.5rem 1rem;
176+
background: var(--accent-subtle);
177+
border-radius: var(--radius-md);
178+
font-size: 0.875rem;
179+
color: var(--text-primary);
180+
}
181+
182+
@media (max-width: 768px) {
183+
h1 {
184+
font-size: 2rem;
185+
}
186+
187+
.tagline {
188+
font-size: 1rem;
189+
}
190+
191+
.features-grid {
192+
grid-template-columns: 1fr;
193+
}
194+
}
195+
</style>

‎src/pages/projects/ig-grid-planner.astro‎

Lines changed: 0 additions & 124 deletions
This file was deleted.

‎worker/contact-form.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const PROJECT_LABELS = {
3232
'doodlify': 'Doodlify',
3333
'easychef': 'EasyChef.ai',
3434
'og-image-preview': 'OG Image Preview',
35-
'ig-grid-planner': 'IG Grid Planner',
35+
'iconbuddy': 'IconBuddy',
3636
'launchpage': 'Launchpage.xyz',
3737
};
3838

0 commit comments

Comments
 (0)