build a coming soon webpage for dumu simiti sacco with this details 📍 P.O. Box 40107-110, Muhoroni 📧 info@dumusimitisacco.com ☎ +254 725 749655
Rocket
Building Dumu Simiti SACCO's coming soon landing page with the brand logo, contact details, and the blue-green identity from the logo — powered by Next.js.
Rocket
Task planned
UI composed
Application written
app/layout.tsx
styles/tailwind.css
tailwind.config.js
app/page.tsx
components/ComingSoonHero.tsx
components/ContactSection.tsx
components/MinimalFooter.tsx
app/sitemap.ts
app/robots.ts
Built your app
What I did
- Built a professional "Coming Soon" landing page for Dumu Simiti SACCO featuring the logo, tagline "Your Growth Partner", and a bold coming soon announcement in deep blue (#0D47A1) and green (#2E7D32) brand colors
- Added a clean contact details section with address (P.O. Box 40107-110, Muhoroni), email (info@dumusimitisacco.com), and phone (+254 725 749655) in a card layout
- Created supporting components: ComingSoonHero, ContactSection, and MinimalFooter with responsive, mobile-first design suited for a financial cooperative
Files
Version 1
|9 items
Code diff
.png){kind=logo}
replace only the logo with this and package it for deployment
Rocket
Swapping in the new logo and getting it ready for deployment now.
Rocket
Task planned
Searched your codebase
Read your files
src/app/components/ComingSoonHero.tsx
Built your app
What I did
- Updated the logo in ComingSoonHero to use
logo_logo-1784109401302.pngreplacing the previous DUMU_LOGO image - Build completed successfully — the app is ready for deployment
Files
Version 2
|1 items
Code diff
img
edit this to rounded edges
Rocket
Read your files
src/app/components/ComingSoonHero.tsx
Wrote code for your app
src/app/components/ComingSoonHero.tsx
What I did
- Updated the logo image in
ComingSoonHero.tsxwithrounded-2xlclass for rounded edges.
Files
Version 3
|1 items
Code diff
Rocket
Suggested next step