bender/19a9b218-7f13-4576-a4ae-44d3046f9731
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Update contact section with branches and update imagery

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-30 10:36:51 +00:00
parent ac99ae747d
commit cfaee10658
9 changed files with 290 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
src/pages/HomePage.tsx
View File

@@ -1,154 +1,36 @@
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import FeaturesSection from './HomePage/sections/Features';
import ProductsSection from './HomePage/sections/Products';
import PricingSection from './HomePage/sections/Pricing';
import SocialSection from './HomePage/sections/Social';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardBrand
brand="Micnic Dry Cleaners"
description="Premium laundry and dry-cleaning services in the heart of Dar es Salaam. Experience unmatched care for your wardrobe and linens."
primaryButton={{
text: "Book Service", href: "#contact"}}
secondaryButton={{
text: "Our Locations", href: "#about"}}
imageSrc="http://img.b2bpic.net/free-photo/t-shirts-shop_23-2147669603.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Story"
quote="Bringing premium care and professional standards to the heart of Tanzania. We treat your garments with the respect they deserve."
author="Management Team"
role="Micnic Dry Cleaners Tanzania"
imageSrc="http://img.b2bpic.net/free-photo/woman-taking-care-cleaning-dirty-house_23-2149248586.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesMediaCards
tag="Our Expertise"
title="Why Choose Us"
description="State-of-the-art facilities and professional expertise ensure perfection in every load."
items={[
{
title: "Industrial Precision", description: "High-capacity machines and expert handling for commercial linens.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-glass-surface-cleaning-spray-cleaning-concept_169016-23750.jpg"},
{
title: "Garment Care", description: "Meticulous pressing and tagging for perfect workwear.", imageSrc: "http://img.b2bpic.net/free-photo/young-barista-woman-wiping-out-glassware_1098-20966.jpg"},
{
title: "Client First", description: "Warm, professional service at every one of our branches.", imageSrc: "http://img.b2bpic.net/free-photo/female-baker-seller-working-computer-selling-bread-supermarket_342744-1065.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Services"
title="Our Professional Services"
description="A comprehensive range of cleaning solutions for your needs."
items={[
{
title: "Suits & Formal", description: "Professional garment care.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-attractive-young-asia-lady-choosing-her-fashion-outfit-clothes-closet-living-room-house-store-girl-think-what-wear-casual-shirt_7861-3413.jpg"},
{
title: "Shirts & Blouses", description: "Crisp and ready to wear.", imageSrc: "http://img.b2bpic.net/free-photo/using-washing-machine_1098-13902.jpg"},
{
title: "Commercial Linens", description: "Bulk laundry services.", imageSrc: "http://img.b2bpic.net/free-photo/stack-clothes_93675-134078.jpg"},
{
title: "Order Management", description: "Seamless tracking systems.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-with-thimbles-tag_23-2148527858.jpg"},
{
title: "Storefronts", description: "Locations at Palm Village & more.", imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?auto=format&fit=crop&q=80&w=800"},
{
title: "Garment Rails", description: "Automated hanging care.", imageSrc: "https://images.unsplash.com/photo-1582735689369-4fe89db7114c?auto=format&fit=crop&q=80&w=800"},
{
title: "Reception Care", description: "Friendly frontline service.", imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=800"},
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingSimpleCards
tag="Estimated Market Prices"
title="Typical Rates in Dar es Salaam"
description="While Micnic does not publish exact prices, here are the typical rates charged by professional dry cleaners in the area."
plans={[
{
tag: "Everyday Wear", price: "3,000 - 8,000 TZS", description: "Standard daily clothing items.", features: [
"Shirt: 3,000–4,000 TZS", "T-shirt: 3,500–6,000 TZS", "Trousers: 4,000–6,000 TZS", "Jeans: 5,000–8,000 TZS"],
},
{
tag: "Outerwear", price: "5,000 - 8,000 TZS", description: "Warm clothes and jackets.", features: [
"Sweater: 5,000–8,000 TZS", "Hoodie: 6,000–8,000 TZS", "Jacket: 6,000–8,000 TZS"],
},
{
tag: "Formal Wear", price: "15,000 - 20,000 TZS", description: "Suits, dresses, and special garments.", features: [
"Suit (2-piece): 15,000–18,000 TZS", "Suit (3-piece): 18,000–20,000 TZS", "Dress: 15,000–20,000 TZS"],
},
]}
/>
</SectionErrorBoundary>
</div>
<PricingSection />
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="Trusted By"
title="Our Partners"
description="We are proud to serve some of the leading institutions and residences in Tanzania."
names={[
"Palm Village Mall", "Salasala Hotels", "Mbezi Beach Residency", "Corporate Partners", "Premium Residences", "Local Boutique Groups", "Professional Offices"]}
/>
</SectionErrorBoundary>
</div>
<SocialSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Learn More"
title="Frequently Asked Questions"
description="Answers to common queries about our laundry services."
items={[
{
question: "What is the turnaround time?", answer: "Standard service takes 24-48 hours depending on volume."},
{
question: "Where are your branches?", answer: "Visit us at Palm Village, Salasala, and Mbezi Beach."},
{
question: "Do you handle delicate fabrics?", answer: "Yes, our experts are trained in high-end fabric care."},
{
question: "How do I book?", answer: "Call us or visit any of our three locations."},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Get in Touch"
text="Ready to experience professional cleaning? Visit any of our branches or contact us for inquiries."
primaryButton={{
text: "Contact Us", href: "tel:+255XXXXXXXXX"}}
secondaryButton={{
text: "View Locations", href: "#about"}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

22
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
return (
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Our Story"
quote="Bringing premium care and professional standards to the heart of Tanzania. We treat your garments with the respect they deserve."
author="Management Team"
role="Micnic Dry Cleaners Tanzania"
imageSrc="https://images.unsplash.com/photo-1582735689369-4fe89db7114c?q=80&w=2070&auto=format&fit=crop"
/>
</SectionErrorBoundary>
</div>
);
}

70
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,70 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import ScrollReveal from "@/components/ui/ScrollReveal";
import TextAnimation from "@/components/ui/TextAnimation";
import Button from "@/components/ui/Button";
const primaryButton = {
text: "Contact Us",
href: "tel:+255XXXXXXXXX"
};
const secondaryButton = {
text: "View Locations",
href: "#about"
};
const ContactInline = () => {
return (
<section aria-label="Contact section" className="py-20">
<div className="w-content-width mx-auto">
<ScrollReveal variant="slide-up">
<div className="flex flex-col items-center gap-8 md:gap-10 py-20 px-8 rounded card">
<div className="flex flex-col items-center gap-2">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{"Get in Touch"}</p>
</div>
<TextAnimation
text={"Ready to experience professional cleaning? Visit any of our branches or contact us for inquiries."}
variant="slide-up"
gradientText={true}
tag="h2"
className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance"
/>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 w-full mt-8">
<div className="p-6 flex flex-col items-center text-center gap-4 rounded card border border-border">
<h3 className="text-xl font-semibold text-foreground">Palm Village Mall</h3>
<p className="text-accent mt-2">Mikocheni, Dar es Salaam</p>
<Button text="Get Directions" href="#" variant="secondary" className="mt-auto w-full" />
</div>
<div className="p-6 flex flex-col items-center text-center gap-4 rounded card border border-border">
<h3 className="text-xl font-semibold text-foreground">Salasala–Mboma Rd</h3>
<p className="text-accent mt-2">Salasala, Dar es Salaam</p>
<Button text="Get Directions" href="#" variant="secondary" className="mt-auto w-full" />
</div>
<div className="p-6 flex flex-col items-center text-center gap-4 rounded card border border-border">
<h3 className="text-xl font-semibold text-foreground">Mbezi Beach Makonde</h3>
<p className="text-accent mt-2">Mbezi Beach, Dar es Salaam</p>
<Button text="Get Directions" href="#" variant="secondary" className="mt-auto w-full" />
</div>
</div>
<div className="flex flex-wrap justify-center gap-3 mt-8">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
</div>
</div>
</div>
</ScrollReveal>
</div>
</section>
);
};
export default function ContactSection() {
return (
<div data-webild-section="contact" id="contact">
<ContactInline />
</div>
);
}

30
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,30 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Learn More"
title="Frequently Asked Questions"
description="Answers to common queries about our laundry services."
items={[
{
question: "What is the turnaround time?", answer: "Standard service takes 24-48 hours depending on volume."},
{
question: "Where are your branches?", answer: "Visit us at Palm Village, Salasala, and Mbezi Beach."},
{
question: "Do you handle delicate fabrics?", answer: "Yes, our experts are trained in high-end fabric care."},
{
question: "How do I book?", answer: "Call us or visit any of our three locations."},
]}
/>
</SectionErrorBoundary>
</div>
);
}

28
src/pages/HomePage/sections/Features.tsx Normal file
View File

@@ -0,0 +1,28 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "features" section.
import React from 'react';
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesMediaCards
tag="Our Expertise"
title="Why Choose Us"
description="State-of-the-art facilities and professional expertise ensure perfection in every load."
items={[
{
title: "Industrial Precision", description: "High-capacity machines and expert handling for commercial linens.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-glass-surface-cleaning-spray-cleaning-concept_169016-23750.jpg"},
{
title: "Garment Care", description: "Meticulous pressing and tagging for perfect workwear.", imageSrc: "http://img.b2bpic.net/free-photo/young-barista-woman-wiping-out-glassware_1098-20966.jpg"},
{
title: "Client First", description: "Warm, professional service at every one of our branches.", imageSrc: "http://img.b2bpic.net/free-photo/female-baker-seller-working-computer-selling-bread-supermarket_342744-1065.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

24
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,24 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardBrand
brand="Micnic Dry Cleaners"
description="Premium laundry and dry-cleaning services in the heart of Dar es Salaam. Experience unmatched care for your wardrobe and linens."
primaryButton={{
text: "Book Service", href: "#contact"}}
secondaryButton={{
text: "Our Locations", href: "#about"}}
imageSrc="https://images.unsplash.com/photo-1544717305-2782549b5136?q=80&w=1974&auto=format&fit=crop"
/>
</SectionErrorBoundary>
</div>
);
}

34
src/pages/HomePage/sections/Pricing.tsx Normal file
View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "pricing" section.
import React from 'react';
import PricingSimpleCards from '@/components/sections/pricing/PricingSimpleCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function PricingSection(): React.JSX.Element {
return (
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingSimpleCards
tag="Estimated Market Prices"
title="Typical Rates in Dar es Salaam"
description="While Micnic does not publish exact prices, here are the typical rates charged by professional dry cleaners in the area."
plans={[
{
tag: "Everyday Wear", price: "3,000 - 8,000 TZS", description: "Standard daily clothing items.", features: [
"Shirt: 3,000–4,000 TZS", "T-shirt: 3,500–6,000 TZS", "Trousers: 4,000–6,000 TZS", "Jeans: 5,000–8,000 TZS"],
},
{
tag: "Outerwear", price: "5,000 - 8,000 TZS", description: "Warm clothes and jackets.", features: [
"Sweater: 5,000–8,000 TZS", "Hoodie: 6,000–8,000 TZS", "Jacket: 6,000–8,000 TZS"],
},
{
tag: "Formal Wear", price: "15,000 - 20,000 TZS", description: "Suits, dresses, and special garments.", features: [
"Suit (2-piece): 15,000–18,000 TZS", "Suit (3-piece): 18,000–20,000 TZS", "Dress: 15,000–20,000 TZS"],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

36
src/pages/HomePage/sections/Products.tsx Normal file
View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "products" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Services"
title="Our Professional Services"
description="A comprehensive range of cleaning solutions for your needs."
items={[
{
title: "Suits & Formal", description: "Professional garment care.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-attractive-young-asia-lady-choosing-her-fashion-outfit-clothes-closet-living-room-house-store-girl-think-what-wear-casual-shirt_7861-3413.jpg"},
{
title: "Shirts & Blouses", description: "Crisp and ready to wear.", imageSrc: "http://img.b2bpic.net/free-photo/using-washing-machine_1098-13902.jpg"},
{
title: "Commercial Linens", description: "Bulk laundry services.", imageSrc: "http://img.b2bpic.net/free-photo/stack-clothes_93675-134078.jpg"},
{
title: "Order Management", description: "Seamless tracking systems.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-scissors-with-thimbles-tag_23-2148527858.jpg"},
{
title: "Storefronts", description: "Locations at Palm Village & more.", imageSrc: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?auto=format&fit=crop&q=80&w=800"},
{
title: "Garment Rails", description: "Automated hanging care.", imageSrc: "https://images.unsplash.com/photo-1582735689369-4fe89db7114c?auto=format&fit=crop&q=80&w=800"},
{
title: "Reception Care", description: "Friendly frontline service.", imageSrc: "https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&q=80&w=800"},
]}
/>
</SectionErrorBoundary>
</div>
);
}

22
src/pages/HomePage/sections/Social.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "social" section.
import React from 'react';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function SocialSection(): React.JSX.Element {
return (
<div id="social" data-section="social">
<SectionErrorBoundary name="social">
<SocialProofMarquee
tag="Trusted By"
title="Our Partners"
description="We are proud to serve some of the leading institutions and residences in Tanzania."
names={[
"Palm Village Mall", "Salasala Hotels", "Mbezi Beach Residency", "Corporate Partners", "Premium Residences", "Local Boutique Groups", "Professional Offices"]}
/>
</SectionErrorBoundary>
</div>
);
}