Merge version_1 into main #2
190
src/app/page.tsx
190
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Droplets, Tv, Waves } from "lucide-react";
|
||||
import { Hammer, PaintBucket, Armchair, Fan, Tv, Droplets, Fence, TreeDeciduous, Waves } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="H & M Handyman"
|
||||
/>
|
||||
@@ -53,21 +45,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Reliable Handyman Services Done Right the First Time"
|
||||
description="Professional repairs, installations, remodeling, and maintenance services you can trust in Florida."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Estimate",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get Free Estimate", href: "/contact"},
|
||||
{
|
||||
text: "Call Now (863) 812-0046",
|
||||
href: "tel:+18638120046",
|
||||
},
|
||||
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?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-professional-high-end-handyman-work-sc-1778461837446-48058e3b.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,76 +65,52 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
text: "Drywall Repair"},
|
||||
{
|
||||
icon: PaintBucket,
|
||||
text: "Interior Painting",
|
||||
},
|
||||
text: "Interior Painting"},
|
||||
{
|
||||
icon: Armchair,
|
||||
text: "Furniture Assembly",
|
||||
},
|
||||
text: "Furniture Assembly"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-professional-high-end-handyman-work-sc-1778461837446-48058e3b.png?_wi=2",
|
||||
imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent.",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
text: "Ceiling Fan Installation"},
|
||||
{
|
||||
icon: Tv,
|
||||
text: "TV Mounting",
|
||||
},
|
||||
text: "TV Mounting"},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Plumbing Fixtures",
|
||||
},
|
||||
text: "Plumbing Fixtures"},
|
||||
],
|
||||
reverse: true,
|
||||
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",
|
||||
imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent.",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
text: "Fence Repair"},
|
||||
{
|
||||
icon: TreeDeciduous,
|
||||
text: "Deck Restoration",
|
||||
},
|
||||
text: "Deck Restoration"},
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Pressure Washing",
|
||||
},
|
||||
text: "Pressure Washing"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/a-happy-florida-homeowner-giving-a-thumb-1778461863311-358e9286.png?_wi=1",
|
||||
imageAlt: "Minimalist icon design for drywall repair service, vector style, gold accent.",
|
||||
},
|
||||
]}
|
||||
title="Professional Home Solutions"
|
||||
@@ -161,45 +124,15 @@ export default function LandingPage() {
|
||||
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?_wi=2",
|
||||
},
|
||||
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?_wi=1",
|
||||
},
|
||||
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: "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: "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: "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"},
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="See why Hanser Ramirez is the preferred handyman in Florida."
|
||||
@@ -212,21 +145,15 @@ 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."
|
||||
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"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Licensed & Insured",
|
||||
description: "Full peace of mind for every project.",
|
||||
},
|
||||
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: "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: "Prompt Scheduling", description: "We show up on time, every time."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -238,27 +165,16 @@ export default function LandingPage() {
|
||||
description="Have a home repair project? Let's get it done right."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project",
|
||||
rows: 4,
|
||||
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=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DYa0GPktoo5iA8DC3teDpCZ1Xu/professional-portrait-of-a-handyman-in-c-1778461846342-002dcb7e.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -267,37 +183,23 @@ export default function LandingPage() {
|
||||
logoText="H & M Handyman Solutions"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Drywall Repair",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Drywall Repair", href: "/services"},
|
||||
{
|
||||
label: "Painting",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Painting", href: "/services"},
|
||||
{
|
||||
label: "Fixture Installation",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Fixture Installation", href: "/services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user