bender/805c788c-ab66-4642-844b-e3f86b0b4d96
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-08 17:33:41 +00:00
parent 569b0e6c4c 3da699de09
commit 89f6a085cf
2 changed files with 62 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

197
src/app/page.tsx
View File

@@ -31,16 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Nyumbani", id: "hero"},
{
name: "Kuhusu", id: "about"},
{
name: "Huduma", id: "services"},
{
name: "Miradi", id: "projects"},
{
name: "Mawasiliano", id: "contact"},
{ name: "Nyumbani", id: "hero" },
{ name: "Kuhusu", id: "about" },
{ name: "Huduma", id: "services" },
{ name: "Miradi", id: "projects" },
{ name: "Mawasiliano", id: "contact" },
]}
brandName="Fundi Bomba"
/>
@@ -48,64 +43,41 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="Fundi Bomba Tanzania: Mabingwa wa mifumo yote ya maji."
description="Tunatoa huduma za kitaalamu za usakinishaji na ukarabati wa maji kwa nyumba na biashara Makongo na mikoa yote ya Tanzania."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg", imageAlt: "plumber technician working"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591534.jpg", imageAlt: "water plumbing pipes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-architect-engineer-looking-plans_23-2148233709.jpg", imageAlt: "plumber technician working"},
{
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg", imageAlt: "water plumbing pipes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/builder-men-wearing-helmets_23-2148751996.jpg", imageAlt: "plumber technician working"},
{ imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg", imageAlt: "plumber technician working" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591534.jpg", imageAlt: "water plumbing pipes" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-architect-engineer-looking-plans_23-2148233709.jpg", imageAlt: "plumber technician working" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132393.jpg", imageAlt: "water plumbing pipes" },
{ imageSrc: "http://img.b2bpic.net/free-photo/builder-men-wearing-helmets_23-2148751996.jpg", imageAlt: "plumber technician working" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg", imageAlt: "water plumbing pipes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-wall-antique-room-luxury_1203-4965.jpg", imageAlt: "plumber technician working"},
{
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132304.jpg", imageAlt: "water plumbing pipes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/busy-building-contractor-work_329181-3738.jpg", imageAlt: "plumber technician working"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-chemical-production-equipment-found-inside-manufacture-background_645730-818.jpg", imageAlt: "water plumbing pipes"},
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-autonomous-heating-system-boiler-room_169016-51491.jpg", imageAlt: "water plumbing pipes" },
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-wall-antique-room-luxury_1203-4965.jpg", imageAlt: "plumber technician working" },
{ imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132304.jpg", imageAlt: "water plumbing pipes" },
{ imageSrc: "http://img.b2bpic.net/free-photo/busy-building-contractor-work_329181-3738.jpg", imageAlt: "plumber technician working" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-chemical-production-equipment-found-inside-manufacture-background_645730-818.jpg", imageAlt: "water plumbing pipes" },
]}
buttons={[
{
text: "Pata Quote", href: "#contact"},
{
text: "Wasiliana Nasi", href: "#contact"},
{ text: "Pata Quote", href: "#contact" },
{ text: "Wasiliana Nasi", href: "#contact" },
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/interaction-contractors_1098-14893.jpg", alt: "Interaction of contractors"},
{
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg", alt: "Building and construction worker on the site with architect"},
{
src: "http://img.b2bpic.net/free-photo/builder-men-wearing-safety-helmets_23-2148751997.jpg", alt: "Builder men wearing safety helmets"},
{
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124313.jpg", alt: "Building and construction worker on the site with architect"},
{
src: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131498.jpg", alt: "Sanitary equipment"},
{ src: "http://img.b2bpic.net/free-photo/interaction-contractors_1098-14893.jpg", alt: "Interaction of contractors" },
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124289.jpg", alt: "Building and construction worker on the site with architect" },
{ src: "http://img.b2bpic.net/free-photo/builder-men-wearing-safety-helmets_23-2148751997.jpg", alt: "Builder men wearing safety helmets" },
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124313.jpg", alt: "Building and construction worker on the site with architect" },
{ src: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-131498.jpg", alt: "Sanitary equipment" },
]}
avatarText="Timu yetu ya wataalamu iko tayari kukuhudumia."
marqueeItems={[
{
type: "image", src: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132627.jpg", alt: "Tools and materials for sanitary works"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg", alt: "Arched faucet modern sink blue fronts"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg", alt: "View of exposed plumbing pipes"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132396.jpg", alt: "Sanitary equipment"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/industrial-zonethe-equipment-oil-refiningnumber-electric-motors-with-reducers-food-industry-details-distribution-system-modern-brewery-equipment-industrial-tools_645730-827.jpg", alt: "Industrial zone plumbing equipment"},
{ type: "image", src: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-132627.jpg", alt: "Tools and materials for sanitary works" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/arched-faucet-modern-sink-blue-fronts_169016-69255.jpg", alt: "Arched faucet modern sink blue fronts" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990678.jpg", alt: "View of exposed plumbing pipes" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132396.jpg", alt: "Sanitary equipment" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/industrial-zonethe-equipment-oil-refiningnumber-electric-motors-with-reducers-food-industry-details-distribution-system-modern-brewery-equipment-industrial-tools_645730-827.jpg", alt: "Industrial zone plumbing equipment" },
]}
/>
</div>
@@ -115,7 +87,7 @@ export default function LandingPage() {
useInvertedBackground={false}
tag="Kuhusu Sisi"
title="Fundi Bomba Tanzania: Wataalamu wa Uhakika"
description="Sisi ni wataalamu wa mifumo ya maji tuliyopo Makongo, Dar es Salaam. Tunajivunia kutoa huduma bora zinazozingatia viwango vya kimataifa na ubora wa hali ya juu."
description="Sisi ni wataalamu wa mifumo ya maji tuliyopo Makongo, Dar es Salaam. Tunajivunia kutoa huduma bora zinazojingatia viwango vya kimataifa na ubora wa hali ya juu."
subdescription="Tunawajali wateja wetu na kuhakikisha kila kazi tunayoifanya inadumu kwa muda mrefu bila uvujaji wowote."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/portrait-group-engineers-corporate-managers-standing-factory-looking-camera_637285-4148.jpg"
@@ -129,24 +101,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: Wrench,
title: "Ufungaji wa Mabomba", description: "Ufungaji wa mabomba ya kisasa kwa nyumba na majengo ya biashara."},
{
icon: Wrench,
title: "Water System Repair", description: "Tunatengeneza na kukarabati mifumo yote ya maji iliyoharibika."},
{
icon: Droplets,
title: "Kutengeneza Uvujaji", description: "Tunaalamu katika kugundua na kutengeneza uvujaji wa maji kwa haraka."},
{
icon: Settings,
title: "PVC Installation", description: "Tunafanya usakinishaji wa mabomba ya PVC ya viwango bora."},
{
icon: Home,
title: "Kitchen & Bathroom", description: "Ukarabati na ufungaji wa mifumo ya jikoni na bafuni."},
{
icon: AlertTriangle,
title: "Emergency Services", description: "Huduma za haraka za dharura za maji popote ulipo."},
{ icon: Wrench, title: "Ufungaji wa Mabomba", description: "Ufungaji wa mabomba ya kisasa kwa nyumba na majengo ya biashara." },
{ icon: Wrench, title: "Water System Repair", description: "Tunatengeneza na kukarabati mifumo yote ya maji iliyoharibika." },
{ icon: Droplets, title: "Kutengeneza Uvujaji", description: "Tunaalamu katika kugundua na kutengeneza uvujaji wa maji kwa haraka." },
{ icon: Settings, title: "PVC Installation", description: "Tunafanya usakinishaji wa mabomba ya PVC ya viwango bora." },
{ icon: Home, title: "Kitchen & Bathroom", description: "Ukarabati na ufungaji wa mifumo ya jikoni na bafuni." },
{ icon: AlertTriangle, title: "Emergency Services", description: "Huduma za haraka za dharura za maji popote ulipo." },
]}
title="Huduma Zetu"
description="Tunatoa huduma mbalimbali za kitaalamu kwa ubora wa kipekee."
@@ -159,18 +119,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", icon: Clock,
title: "Huduma za Haraka", value: "24/7"},
{
id: "m2", icon: Percent,
title: "Bei Nafuu", value: "Best"},
{
id: "m3", icon: UserCheck,
title: "Wataalamu Wenye Uzoefu", value: "100%"},
{
id: "m4", icon: ThumbsUp,
title: "Kuridhika kwa Wateja", value: "99%"},
{ id: "m1", icon: Clock, title: "Huduma za Haraka", value: "24/7" },
{ id: "m2", icon: Percent, title: "Bei Nafuu", value: "Best" },
{ id: "m3", icon: UserCheck, title: "Wataalamu Wenye Uzoefu", value: "100%" },
{ id: "m4", icon: ThumbsUp, title: "Kuridhika kwa Wateja", value: "99%" },
]}
title="Kwa Nini Utuchague?"
description="Tunatoa huduma bora na za kuaminika kwa kila mteja wetu."
@@ -184,18 +136,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "p1", name: "Residential Piping", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-water-minimal-sink-modern-bathroom_169016-69341.jpg"},
{
id: "p2", name: "Commercial Water Fix", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990705.jpg"},
{
id: "p3", name: "Bathroom Renovate", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/bathtub-with-toys-soap_23-2147787862.jpg"},
{
id: "p4", name: "Pipe Replacement", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap_1203-3196.jpg"},
{
id: "p5", name: "Leak Repair Project", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg"},
{
id: "p6", name: "Water Tank Install", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg"},
{ id: "p1", name: "Residential Piping", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-water-minimal-sink-modern-bathroom_169016-69341.jpg" },
{ id: "p2", name: "Commercial Water Fix", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990705.jpg" },
{ id: "p3", name: "Bathroom Renovate", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/bathtub-with-toys-soap_23-2147787862.jpg" },
{ id: "p4", name: "Pipe Replacement", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap_1203-3196.jpg" },
{ id: "p5", name: "Leak Repair Project", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg" },
{ id: "p6", name: "Water Tank Install", price: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721547.jpg" },
]}
title="Miradi Yetu"
description="Baadhi ya miradi tuliyokamilisha kwa ufanisi."
@@ -207,16 +153,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", title: "Excellent Job", quote: "Fundi Bomba wamenisaidia sana na uvujaji wa maji nyumbani kwangu.", name: "Juma M.", role: "Makazi", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617713.jpg"},
{
id: "t2", title: "Professionalism", quote: "Huduma za haraka na bei nafuu sana. Nawashauri kila mtu.", name: "Sara A.", role: "Mjasiriamali", imageSrc: "http://img.b2bpic.net/free-photo/happy-indian-business-man-using-tablet-cafe_1262-3224.jpg"},
{
id: "t3", title: "Great Team", quote: "Wataalamu hawa ni waaminifu na wanaofanya kazi kwa usafi.", name: "John B.", role: "Mwananchi", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg"},
{
id: "t4", title: "Reliable", quote: "Sijawahi kupata huduma bora kama hizi Makongo.", name: "Hassan K.", role: "Mkazi", imageSrc: "http://img.b2bpic.net/free-photo/happy-hispanic-office-worker-resting-park_1262-6111.jpg"},
{
id: "t5", title: "Top Notch", quote: "Asante sana Fundi Bomba kwa ukarabati wa bafuni yangu.", name: "Mariam S.", role: "Mfanyabiashara", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg"},
{ id: "t1", title: "Excellent Job", quote: "Fundi Bomba wamenisaidia sana na uvujaji wa maji nyumbani kwangu.", name: "Juma M.", role: "Makazi", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-queer-person-work_23-2150617713.jpg" },
{ id: "t2", title: "Professionalism", quote: "Huduma za haraka na bei nafuu sana. Nawashauri kila mtu.", name: "Sara A.", role: "Mjasiriamali", imageSrc: "http://img.b2bpic.net/free-photo/happy-indian-business-man-using-tablet-cafe_1262-3224.jpg" },
{ id: "t3", title: "Great Team", quote: "Wataalamu hawa ni waaminifu na wanaofanya kazi kwa usafi.", name: "John B.", role: "Mwananchi", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg" },
{ id: "t4", title: "Reliable", quote: "Sijawahi kupata huduma bora kama hizi Makongo.", name: "Hassan K.", role: "Mkazi", imageSrc: "http://img.b2bpic.net/free-photo/happy-hispanic-office-worker-resting-park_1262-6111.jpg" },
{ id: "t5", title: "Top Notch", quote: "Asante sana Fundi Bomba kwa ukarabati wa bafuni yangu.", name: "Mariam S.", role: "Mfanyabiashara", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg" },
]}
title="Maoni ya Wateja Wetu"
description="Wateja wetu wanafurahia huduma zetu za kitaalamu."
@@ -226,11 +167,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
tag="Mawasiliano"
title="Wasiliana Nasi"
description={ "Tupo Makongo, Dar es Salaam. Tuandikie ujumbe au piga simu kwa huduma ya haraka. Tunapatikana eneo la Makongo, Dar es Salaam."}
description= "Tupo Makongo, Dar es Salaam. Tuandikie ujumbe au piga simu kwa huduma ya haraka. Tunapatikana eneo la Makongo, Dar es Salaam."
/>
<div className="flex justify-center py-10">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3962.062232938487!2d39.21394747514334!3d-6.758410093252033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x185c49430c7c88b9%3A0x6a0c5c4998c0b329!2sMakongo%2C%20Dar%20es%20Salaam%2C%20Tanzania!5e0!3m2!1sen!2stz!4v1715694300000!5m2!1sen!2stz" width="100%" height="450" style={{border: 0}} allowFullScreen loading="lazy" referrerPolicy="no-referrer-when-downgrade" aria-label="Ramani ya eneo la Makongo"></iframe>
@@ -241,36 +181,9 @@ export default function LandingPage() {
<FooterLogoEmphasis
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CtoNbEzSWLAqFGLTLLKh0cXwQH/uploaded-1778250688183-zuhnuzii.jpg"
columns={[
{
items: [
{
label: "Nyumbani", href: "#hero"},
{
label: "Huduma", href: "#services"},
{
label: "Mawasiliano", href: "#contact"},
],
},
{
items: [
{
label: "Facebook", href: "#"},
{
label: "WhatsApp", href: "https://wa.me/255763809134"},
{
label: "Instagram", href: "#"},
],
},
{
items: [
{
label: "Makongo, Dar es Salaam", href: "#"},
{
label: "0763 809 134", href: "tel:0763809134"},
{
label: "fundibombatz@gmail.com", href: "mailto:fundibombatz@gmail.com"},
],
},
{ items: [{ label: "Nyumbani", href: "#hero" }, { label: "Huduma", href: "#services" }, { label: "Mawasiliano", href: "#contact" }] },
{ items: [{ label: "Facebook", href: "#" }, { label: "WhatsApp", href: "https://wa.me/255763809134" }, { label: "Instagram", href: "#" }] },
{ items: [{ label: "Makongo, Dar es Salaam", href: "#" }, { label: "0763 809 134", href: "tel:0763809134" }, { label: "fundibombatz@gmail.com", href: "mailto:fundibombatz@gmail.com" }] },
]}
logoText="Fundi Bomba Tanzania"
/>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612;
--primary-cta: #15479c;
--background: #fbfbff;
--card: #f2f3ff;
--foreground: #00031a;
--primary-cta: #1a469c;
--primary-cta-text: #ffffff;
--secondary-cta: #ffffff;
--secondary-cta: #f2f3ff;
--secondary-cta-text: #000612;
--accent: #e63946;
--background-accent: #f1f8ff;
--accent: #1a469c;
--background-accent: #c6d4f0;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);