|
|
|
|
@@ -16,14 +16,14 @@ export default function LandingPage() {
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="shift-hover"
|
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSizeMediumTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="solid"
|
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
@@ -54,15 +54,20 @@ export default function LandingPage() {
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773416.jpg", imageAlt: "Professional handyman with tools"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773416.jpg", imageAlt: "Professional handyman with tools"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990724.jpg?_wi=1", imageAlt: "Plumbing repair service"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990724.jpg?_wi=1", imageAlt: "Plumbing repair service"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17794.jpg?_wi=1", imageAlt: "Electrical installation work"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17794.jpg?_wi=1", imageAlt: "Electrical installation work"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-carpenter-making-wooden-furniture-workshop_23-2147944929.jpg?_wi=1", imageAlt: "Carpentry and woodwork"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-carpenter-making-wooden-furniture-workshop_23-2147944929.jpg?_wi=1", imageAlt: "Carpentry and woodwork"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg?_wi=1", imageAlt: "Drywall and painting service"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg?_wi=1", imageAlt: "Drywall and painting service"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
ariaLabel="Hero section showcasing handyman services"
|
|
|
|
|
/>
|
|
|
|
|
@@ -81,16 +86,20 @@ export default function LandingPage() {
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
title: "Plumbing Repairs", description: "Expert plumbing services including leak repairs, fixture installation, and pipe maintenance for residential properties.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990724.jpg?_wi=2", imageAlt: "Professional plumbing repair"},
|
|
|
|
|
title: "Plumbing Repairs", description: "Expert plumbing services including leak repairs, fixture installation, and pipe maintenance for residential properties.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990724.jpg?_wi=2", imageAlt: "Professional plumbing repair"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
title: "Electrical Work", description: "Licensed electrical services including outlet installation, wiring updates, and troubleshooting for safe home operation.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17794.jpg?_wi=2", imageAlt: "Professional electrical installation"},
|
|
|
|
|
title: "Electrical Work", description: "Licensed electrical services including outlet installation, wiring updates, and troubleshooting for safe home operation.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17794.jpg?_wi=2", imageAlt: "Professional electrical installation"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
title: "Carpentry & Woodwork", description: "Quality carpentry including door installation, cabinet repairs, shelving, and custom woodwork projects.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-carpenter-making-wooden-furniture-workshop_23-2147944929.jpg?_wi=2", imageAlt: "Professional carpentry work"},
|
|
|
|
|
title: "Carpentry & Woodwork", description: "Quality carpentry including door installation, cabinet repairs, shelving, and custom woodwork projects.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-carpenter-making-wooden-furniture-workshop_23-2147944929.jpg?_wi=2", imageAlt: "Professional carpentry work"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 4,
|
|
|
|
|
title: "Painting & Drywall", description: "Interior painting, drywall repair, and finishing services to refresh and maintain your home's appearance.", imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg?_wi=2", imageAlt: "Professional painting and drywall"},
|
|
|
|
|
title: "Painting & Drywall", description: "Interior painting, drywall repair, and finishing services to refresh and maintain your home's appearance.", imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg?_wi=2", imageAlt: "Professional painting and drywall"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -124,9 +133,11 @@ export default function LandingPage() {
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "24/7", title: "Available Service", description: "Emergency repairs handled promptly", imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430639.jpg", imageAlt: "24/7 availability"},
|
|
|
|
|
id: "1", value: "24/7", title: "Available Service", description: "Emergency repairs handled promptly", imageSrc: "http://img.b2bpic.net/free-photo/person-expressing-appreciation-their-workmates_23-2149430639.jpg", imageAlt: "24/7 availability"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "100%", title: "Licensed & Insured", description: "Full protection for your home", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-mature-businessman-outdoors_23-2147955297.jpg?_wi=2", imageAlt: "Licensed professional"},
|
|
|
|
|
id: "2", value: "100%", title: "Licensed & Insured", description: "Full protection for your home", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiling-mature-businessman-outdoors_23-2147955297.jpg?_wi=2", imageAlt: "Licensed professional"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -144,16 +155,20 @@ export default function LandingPage() {
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Grove City", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg", imageAlt: "professional portrait headshot business"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glad-smiling-bearded-man-rub-hands-relish-good-profit_176420-17946.jpg", imageAlt: "professional portrait headshot business"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Michael Chen", role: "Property Owner", company: "Grove City", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-91.jpg", imageAlt: "female professional portrait headshot"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-with-grey-hair-posing-with-violet-jacket_343059-91.jpg", imageAlt: "female professional portrait headshot"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Jennifer Martinez", role: "Homeowner", company: "Grove City", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg", imageAlt: "professional portrait man headshot business"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg", imageAlt: "professional portrait man headshot business"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Patricia Williams", role: "Business Owner", company: "Grove City", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-looking-camera-office_23-2148218515.jpg", imageAlt: "professional woman portrait headshot"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-looking-camera-office_23-2148218515.jpg", imageAlt: "professional woman portrait headshot"
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
