Update src/app/page.tsx
This commit is contained in:
146
src/app/page.tsx
146
src/app/page.tsx
@@ -11,6 +11,14 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Hammer, PaintBucket, Armchair, Fan, Tv, Droplets, Fence, TreeDeciduous, Waves } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -28,16 +36,7 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
navItems={navItems}
|
||||
brandName="H & M Handyman Solutions"
|
||||
/>
|
||||
</div>
|
||||
@@ -49,12 +48,8 @@ export default function LandingPage() {
|
||||
title="H&M Handyman Solutions"
|
||||
description="Experience professional, stress-free home care designed for your peace of mind. We provide reliable repairs and maintenance you can truly trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate", href: "/contact"},
|
||||
{
|
||||
text: "Call Now (863) 812-0046", href: "tel:+18638120046"},
|
||||
{
|
||||
text: "Get a Quote", href: "/contact"},
|
||||
{ text: "Get Free Estimate", href: "/contact" },
|
||||
{ text: "Call Now (863) 812-0046", href: "tel:+18638120046" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-professional-high-end-handyman-work-sc-1778461837446-48058e3b.png"
|
||||
/>
|
||||
@@ -66,54 +61,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Repairs", description: "Precision work for drywalls, fixtures, and furniture assembly.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461854154-cb090c72.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent."},
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Drywall Repair"},
|
||||
{
|
||||
icon: PaintBucket,
|
||||
text: "Interior Painting"},
|
||||
{
|
||||
icon: Armchair,
|
||||
text: "Furniture Assembly"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Maintenance & Upgrades", description: "Quality installations that improve the value and comfort of your home.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461909058-2535386b.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent."},
|
||||
items: [
|
||||
{
|
||||
icon: Fan,
|
||||
text: "Ceiling Fan Installation"},
|
||||
{
|
||||
icon: Tv,
|
||||
text: "TV Mounting"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Plumbing Fixtures"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Exterior Services", description: "Protect and enhance your property with expert outdoor solutions.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461916827-f1321afd.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent."},
|
||||
items: [
|
||||
{
|
||||
icon: Fence,
|
||||
text: "Fence Repair"},
|
||||
{
|
||||
icon: TreeDeciduous,
|
||||
text: "Deck Restoration"},
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Pressure Washing"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{ title: "Interior Repairs", description: "Precision work for drywalls, fixtures, and furniture assembly.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461854154-cb090c72.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent." }, items: [{ icon: Hammer, text: "Drywall Repair" }, { icon: PaintBucket, text: "Interior Painting" }, { icon: Armchair, text: "Furniture Assembly" }], reverse: false },
|
||||
{ title: "Maintenance & Upgrades", description: "Quality installations that improve the value and comfort of your home.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461909058-2535386b.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent." }, items: [{ icon: Fan, text: "Ceiling Fan Installation" }, { icon: Tv, text: "TV Mounting" }, { icon: Droplets, text: "Plumbing Fixtures" }], reverse: true },
|
||||
{ title: "Exterior Services", description: "Protect and enhance your property with expert outdoor solutions.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/minimalist-icon-design-for-drywall-repai-1778461916827-f1321afd.png", imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent." }, items: [{ icon: Fence, text: "Fence Repair" }, { icon: TreeDeciduous, text: "Deck Restoration" }, { icon: Waves, text: "Pressure Washing" }], reverse: false },
|
||||
]}
|
||||
title="Professional Home Solutions"
|
||||
description="Comprehensive handyman services for all your home improvement needs."
|
||||
@@ -125,16 +75,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", title: "Excellent Work", quote: "Hanser is incredibly reliable and finished my remodeling project on time.", name: "Sarah J.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-happy-florida-homeowner-giving-a-thumb-1778461863311-358e9286.png"},
|
||||
{
|
||||
id: "t2", title: "Professionalism", quote: "The best handyman services I've ever hired. Very thorough.", name: "Mike & Amy L.", role: "Homeowners", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/close-up-photo-of-a-smiling-professional-1778461872120-6c6b0d35.png"},
|
||||
{
|
||||
id: "t3", title: "Great Results", quote: "My furniture was assembled perfectly. Will hire again.", name: "Linda R.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-young-professional-woman-in-a-modern-h-1778461882473-371112c3.png"},
|
||||
{
|
||||
id: "t4", title: "Top Tier", quote: "Deck repair looked amazing and the price was very fair.", name: "Bob & Helen K.", role: "Homeowners", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-retired-couple-standing-by-a-freshly-p-1778461893692-efc13e0b.png"},
|
||||
{
|
||||
id: "t5", title: "Highly Recommend", quote: "Professional, clean, and very skilled. Five stars!", name: "The Davises", role: "Family", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-young-family-standing-in-front-of-thei-1778461902679-cf6e29a5.png"},
|
||||
{ id: "t1", title: "Excellent Work", quote: "Hanser is incredibly reliable and finished my remodeling project on time.", name: "Sarah J.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-happy-florida-homeowner-giving-a-thumb-1778461863311-358e9286.png" },
|
||||
{ id: "t2", title: "Professionalism", quote: "The best handyman services I've ever hired. Very thorough.", name: "Mike & Amy L.", role: "Homeowners", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/close-up-photo-of-a-smiling-professional-1778461872120-6c6b0d35.png" },
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="See why Hanser Ramirez is the preferred handyman in Florida."
|
||||
@@ -148,67 +90,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Expert Handyman Care for Your Home"
|
||||
description="With over 10 years of experience, we provide high-quality residential repairs and property maintenance services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote", href: "/contact"},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "/contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured", description: "Full peace of mind for every project."},
|
||||
{
|
||||
title: "Attention to Detail", description: "We treat every home as if it were our own."},
|
||||
{
|
||||
title: "Prompt Scheduling", description: "We show up on time, every time."},
|
||||
{ title: "Licensed & Insured", description: "Full peace of mind for every project." },
|
||||
{ title: "Attention to Detail", description: "We treat every home as if it were our own." },
|
||||
{ title: "Prompt Scheduling", description: "We show up on time, every time." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-home" data-section="contact-home">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request Your Free Estimate"
|
||||
description="Have a home repair project? Let's get it done right."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Describe your project", rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="H & M Handyman Solutions"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Drywall Repair", href: "/services"},
|
||||
{
|
||||
label: "Painting", href: "/services"},
|
||||
{
|
||||
label: "Fixture Installation", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Gallery", href: "/gallery"},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Drywall Repair", href: "/services" }, { label: "Painting", href: "/services" }, { label: "Fixture Installation", href: "/services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }, { label: "Gallery", href: "/gallery" }, { label: "Pricing", href: "/pricing" }] },
|
||||
]}
|
||||
copyrightText="© 2024 H & M Handyman Solutions. All Rights Reserved. Lic: L23000218924"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user