bender/569c9be9-5523-4a30-ae9f-a0091044e0e8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 3 commits from version_2 into main 2026-04-28 18:14:54 +00:00
Conversation 0 Commits 3 Files Changed 3 +41 -102
3 changed files with 41 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
src/app/page.tsx
View File

@@ -31,33 +31,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Listen Live", id: "hero"},
{
name: "News", id: "blog"},
{
name: "Schedule", id: "pricing"},
{
name: "Contact", id: "contact"},
{ name: "Listen Live", id: "hero" },
{ name: "News", id: "blog" },
{ name: "Schedule", id: "pricing" },
{ name: "Contact", id: "contact" },
]}
brandName="Kiamaiko FM"
button={{
text: "Donate"}}
button={{ text: "Donate" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Voice of Kiamaiko"
description="Connecting Nairobi's heart through rhythm, news, and community stories. Live from the streets, for the streets."
tag="LIVE NOW"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/young-artist-playing-piano-keys-singing-song-microphone_482257-121243.jpg", imageAlt: "radio studio Nairobi"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hacker-attacking-computer-system-wth-firewall-ecryption-planting-virus-create-malware-steal-passwords-young-person-hacking-database-server-stealing-government-data-back-view_482257-63762.jpg", imageAlt: "radio studio Nairobi"}
{ imageSrc: "http://img.b2bpic.net/free-photo/young-artist-playing-piano-keys-singing-song-microphone_482257-121243.jpg", imageAlt: "radio studio Nairobi" },
{ imageSrc: "http://img.b2bpic.net/free-photo/hacker-attacking-computer-system-wth-firewall-ecryption-planting-virus-create-malware-steal-passwords-young-person-hacking-database-server-stealing-government-data-back-view_482257-63762.jpg", imageAlt: "radio studio Nairobi" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -72,12 +64,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "1", value: "24/7", description: "Continuous Live Stream"},
{
id: "2", value: "50+", description: "Local Shows Weekly"},
{
id: "3", value: "1M+", description: "Community Listeners"},
{ id: "1", value: "24/7", description: "Continuous Live Stream" },
{ id: "2", value: "50+", description: "Local Shows Weekly" },
{ id: "3", value: "1M+", description: "Community Listeners" },
]}
title="Community Impact"
description="Our reach grows daily across the neighborhoods of Nairobi."
@@ -92,12 +81,9 @@ export default function LandingPage() {
title="Latest Headlines"
description="Stay updated with news from the market and the city."
blogs={[
{
id: "b1", category: "News", title: "Market Renewal Project", excerpt: "New plans for Kiamaiko market infrastructure...", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panoramic-city-buildings-orange-sky-sunset_181624-27083.jpg", authorName: "Radio Editor", authorAvatar: "http://img.b2bpic.net/free-photo/realistic-scene-from-neighborhood-yard-sale-miscellaneous-items_23-2151238421.jpg", date: "Oct 24, 2024"},
{
id: "b2", category: "Events", title: "Community Town Hall", excerpt: "Join the discussion on local progress this Saturday.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-overhead-cityscape-shot-with-drone_181624-266.jpg", authorName: "Radio Editor", authorAvatar: "http://img.b2bpic.net/free-photo/japanese-woman-celebrating-coming-age-day-posing-city_23-2150243123.jpg", date: "Oct 22, 2024"},
{
id: "b3", category: "News", title: "Morning Beat Success", excerpt: "Highest listener engagement numbers yet.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-female-photographer-exploring-subway-city_23-2149186693.jpg", authorName: "Radio Editor", authorAvatar: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394894.jpg", date: "Oct 20, 2024"},
{ id: "b1", category: "News", title: "Market Renewal Project", excerpt: "New plans for Kiamaiko market infrastructure...", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-panoramic-city-buildings-orange-sky-sunset_181624-27083.jpg", authorName: "Radio Editor", authorAvatar: "http://img.b2bpic.net/free-photo/realistic-scene-from-neighborhood-yard-sale-miscellaneous-items_23-2151238421.jpg", date: "Oct 24, 2024" },
{ id: "b2", category: "Events", title: "Community Town Hall", excerpt: "Join the discussion on local progress this Saturday.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-overhead-cityscape-shot-with-drone_181624-266.jpg", authorName: "Radio Editor", authorAvatar: "http://img.b2bpic.net/free-photo/japanese-woman-celebrating-coming-age-day-posing-city_23-2150243123.jpg", date: "Oct 22, 2024" },
{ id: "b3", category: "News", title: "Morning Beat Success", excerpt: "Highest listener engagement numbers yet.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-female-photographer-exploring-subway-city_23-2149186693.jpg", authorName: "Radio Editor", authorAvatar: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394894.jpg", date: "Oct 20, 2024" },
]}
/>
</div>
@@ -108,30 +94,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1", badge: "Morning", price: "06:00 AM", subtitle: "Morning Beat with DJ Silas", buttons: [
{
text: "Listen"},
],
features: [
"Talk Show", "Nairobi News"],
},
{
id: "p2", badge: "Afternoon", price: "02:00 PM", subtitle: "Street Rhythm Vibes", buttons: [
{
text: "Listen"},
],
features: [
"Music", "Local Artists"],
},
{
id: "p3", badge: "Evening", price: "08:00 PM", subtitle: "Market Talk Live", buttons: [
{
text: "Listen"},
],
features: [
"Debate", "Listener Calls"],
},
{ id: "p1", badge: "Morning", price: "06:00 AM", subtitle: "Morning Beat with DJ Silas", buttons: [{ text: "Listen" }], features: ["Talk Show", "Nairobi News"] },
{ id: "p2", badge: "Afternoon", price: "02:00 PM", subtitle: "Street Rhythm Vibes", buttons: [{ text: "Listen" }], features: ["Music", "Local Artists"] },
{ id: "p3", badge: "Evening", price: "08:00 PM", subtitle: "Market Talk Live", buttons: [{ text: "Listen" }], features: ["Debate", "Listener Calls"] },
]}
title="Broadcast Schedule"
description="Catch your favorite shows every day."
@@ -145,12 +110,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
members={[
{
id: "m1", name: "DJ Silas", role: "Morning Host", description: "Energetic morning vibes.", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172333.jpg"},
{
id: "m2", name: "MC Mercy", role: "Afternoon Host", description: "Keeping the city dancing.", imageSrc: "http://img.b2bpic.net/free-photo/messy-base-operations-used-by-hooligans-hangout_482257-124501.jpg"},
{
id: "m3", name: "Kaka", role: "News Anchor", description: "Hard-hitting local news.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-small-bird-sitting-ventilation-system-wall-with-writings_181624-58322.jpg"},
{ id: "m1", name: "DJ Silas", role: "Morning Host", description: "Energetic morning vibes.", imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172333.jpg" },
{ id: "m2", name: "MC Mercy", role: "Afternoon Host", description: "Keeping the city dancing.", imageSrc: "http://img.b2bpic.net/free-photo/messy-base-operations-used-by-hooligans-hangout_482257-124501.jpg" },
{ id: "m3", name: "Kaka", role: "News Anchor", description: "Hard-hitting local news.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-grayscale-shot-small-bird-sitting-ventilation-system-wall-with-writings_181624-58322.jpg" },
]}
title="Meet Our DJs"
description="The voices behind the magic."
@@ -163,16 +125,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "John O.", handle: "@johnny", testimonial: "Best radio station in Nairobi!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-pensive-adult-woman_1262-20595.jpg"},
{
id: "2", name: "Mary W.", handle: "@mary", testimonial: "Informative and fun.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sporty-man_23-2148012877.jpg"},
{
id: "3", name: "Peter K.", handle: "@peter", testimonial: "Keeps me connected.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-black-woman-outdoors_52683-109987.jpg"},
{
id: "4", name: "Sarah J.", handle: "@sarah", testimonial: "The music choice is fire.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-garden_107420-29991.jpg"},
{
id: "5", name: "David M.", handle: "@david", testimonial: "Community first, always.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-yellow-lace-shirt-outdoors_1262-20809.jpg"},
{ id: "1", name: "John O.", handle: "@johnny", testimonial: "Best radio station in Nairobi!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-pensive-adult-woman_1262-20595.jpg" },
{ id: "2", name: "Mary W.", handle: "@mary", testimonial: "Informative and fun.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sporty-man_23-2148012877.jpg" },
{ id: "3", name: "Peter K.", handle: "@peter", testimonial: "Keeps me connected.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-black-woman-outdoors_52683-109987.jpg" },
{ id: "4", name: "Sarah J.", handle: "@sarah", testimonial: "The music choice is fire.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-garden_107420-29991.jpg" },
{ id: "5", name: "David M.", handle: "@david", testimonial: "Community first, always.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-woman-yellow-lace-shirt-outdoors_1262-20809.jpg" },
]}
title="Listener Voices"
description="What our community says about us."
@@ -184,12 +141,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "How can I advertise?", content: "Contact us via the form."},
{
id: "f2", title: "Can I request a song?", content: "Send us a message on socials."},
{
id: "f3", title: "Where are you located?", content: "Heart of Kiamaiko, Nairobi."},
{ id: "f1", title: "How can I advertise?", content: "Contact us via the form." },
{ id: "f2", title: "Can I request a song?", content: "Send us a message on socials." },
{ id: "f3", title: "Where are you located?", content: "Heart of Kiamaiko, Nairobi." },
]}
title="Station FAQ"
description="Got questions about the station?"
@@ -200,8 +154,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Get in Touch"
description="Partner with Kiamaiko FM or join the show."
tag="Contact Us"
@@ -212,26 +165,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Kiamaiko FM"
columns={[
{
title: "Links", items: [
{
label: "News", href: "#blog"},
{
label: "Listen Live", href: "#hero"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms", href: "#"},
],
},
{ title: "Links", items: [{ label: "News", href: "#blog" }, { label: "Listen Live", href: "#hero" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-source-sans-3), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-source-sans-3), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06e6;
--primary-cta: #0a7039;
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #000f06e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #15479c;
--background-accent: #a8cce8;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);