bender/f8d7a270-8b49-4426-b852-43a9510634b2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_7_1781570146846 into main

Browse Source 
Merge version_7_1781570146846 into main
This commit was merged in pull request #6.
This commit is contained in:
bender
2026-06-16 00:38:18 +00:00
parent 3c8fd6316f 2becb69ac3
commit 92d67b06a8
3 changed files with 59 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/HomePage.tsx
View File

@@ -16,7 +16,8 @@ import ContactSection from './HomePage/sections/Contact';
{/* webild-stub @2026-06-16T00:30:50.415Z: Add a logo bar showcasing industry certifications (e.g., Apple Authorized Service, Samsung Repair partner) to build immediate professional credibility. */}
import CertificationsSection from './HomePage/sections/Certifications';export default function HomePage(): React.JSX.Element {
import CertificationsSection from './HomePage/sections/Certifications';
import WarrantySection from './HomePage/sections/Warranty';export default function HomePage(): React.JSX.Element {
return (
<>
<HeroSection />
@@ -27,6 +28,7 @@ import CertificationsSection from './HomePage/sections/Certifications';export de
<MetricsSection />
<PricingSection />
<WarrantySection />
<TestimonialsSection />

34
src/pages/HomePage/sections/Hero.tsx
View File

@@ -1,29 +1,19 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
// Created by add_section_from_catalog (HeroBillboardCarousel).
import React from 'react';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlay
tag="Expert Smartphone Repair"
title="DM3: Your Mobile, Restored to Life"
description="Fast, reliable, and professional smartphone repair services. Don't let a broken screen or dead battery stop you."
primaryButton={{
text: "Book Repair",
href: "#contact",
}}
secondaryButton={{
text: "See Services",
href: "#services",
}}
imageSrc="http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg"
/>
</SectionErrorBoundary>
</div>
<div data-webild-section="hero" id="hero">
<HeroBillboardCarousel
secondaryButton={{"href":"#services","text":"See Services"}}
title="DM3: Your Mobile, Restored to Life"
description="Fast, reliable, and professional smartphone repair services. Don't let a broken screen or dead battery stop you."
items={[{"imageSrc":"http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/man-using-soldering-iron-repair-component_23-2148254090.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-c-charging_58702-4587.jpg"}]}
primaryButton={{"text":"Book Repair","href":"#contact"}}
tag="Expert Smartphone Repair"
/>
</div>
);
}

44
src/pages/HomePage/sections/Warranty.tsx Normal file
View File

@@ -0,0 +1,44 @@
import React from 'react';
import { ShieldCheck, Wrench, ThumbsUp } from 'lucide-react';
import ScrollReveal from '@/components/ui/ScrollReveal';
export default function WarrantySection() {
return (
<div id="warranty" data-webild-section="warranty" className="w-full py-16 bg-background">
<div className="w-content-width mx-auto px-6">
<ScrollReveal variant="fade">
<div className="card p-8 md:p-12 flex flex-col md:flex-row items-center justify-between gap-8 border border-border">
<div className="flex-1">
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm font-medium mb-4">
<ShieldCheck className="w-4 h-4" />
<span>Our Promise</span>
</div>
<h2 className="text-3xl font-bold text-foreground mb-4">100% Satisfaction Guarantee</h2>
<p className="text-muted-foreground text-lg">
We stand behind our work. Every repair comes with a comprehensive warranty to give you peace of mind.
</p>
</div>
<div className="flex-1 grid grid-cols-1 sm:grid-cols-2 gap-6">
<div className="flex flex-col gap-2">
<ShieldCheck className="w-8 h-8 text-primary-cta" />
<h3 className="text-lg font-semibold text-foreground">Lifetime Warranty</h3>
<p className="text-sm text-muted-foreground">On all premium screen and battery replacements.</p>
</div>
<div className="flex flex-col gap-2">
<Wrench className="w-8 h-8 text-primary-cta" />
<h3 className="text-lg font-semibold text-foreground">Expert Technicians</h3>
<p className="text-sm text-muted-foreground">Certified professionals handling your device.</p>
</div>
<div className="flex flex-col gap-2 sm:col-span-2">
<ThumbsUp className="w-8 h-8 text-primary-cta" />
<h3 className="text-lg font-semibold text-foreground">Price Match Guarantee</h3>
<p className="text-sm text-muted-foreground">We'll match any local competitor's published price.</p>
</div>
</div>
</div>
</ScrollReveal>
</div>
</div>
);
}