bender/89dc8621-555a-45c7-aa03-5f5175dfccd7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-11 01:46:10 +00:00
parent aa5d65d517 fb4ef74708
commit 8e6dfd8c86
1 changed files with 62 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Diamond, Facebook, FileText, Instagram, Linkedin, MapPin, ShieldCheck, Sparkles } from "lucide-react";
import { Award, Diamond, Facebook, FileText, Instagram, Linkedin, MapPin, ShieldCheck, Sparkles, Zap, Fence, Hammer, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Modern M Trades"
/>
@@ -69,109 +55,64 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
title="Your Trusted Handyman for Every Project"
description="Modern M Trades is a family-owned business with 10 years of experience, specializing in Electrical, Fencing, and Welding. We handle almost anything you need around your house with professionalism and care."
testimonials={[
{
name: "Maria S.",
handle: "@MariaHome",
testimonial: "Modern M Trades replaced our old fence and did an amazing job! Professional, efficient, and the quality is outstanding. Highly recommend their services.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-plaid-shirt-laughing-pink-background_197531-18056.jpg",
},
name: "Maria S.", handle: "@MariaHome", testimonial: "Modern M Trades replaced our old fence and did an amazing job! Professional, efficient, and the quality is outstanding. Highly recommend their services.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-plaid-shirt-laughing-pink-background_197531-18056.jpg"},
{
name: "John D.",
handle: "@JohnsProjects",
testimonial: "Had an electrical issue that no one else could figure out. Modern M Trades came in, diagnosed it quickly, and fixed it perfectly. True experts!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-with-headphones-his-nech-listening-streaming-music_176420-12667.jpg",
},
name: "John D.", handle: "@JohnsProjects", testimonial: "Had an electrical issue that no one else could figure out. Modern M Trades came in, diagnosed it quickly, and fixed it perfectly. True experts!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-man-with-headphones-his-nech-listening-streaming-music_176420-12667.jpg"},
{
name: "Emily R.",
handle: "@EmilyFixes",
testimonial: "Needed some custom welding done for a garden gate. The craftsmanship was superb and it looks fantastic. Great communication throughout.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338282.jpg",
},
name: "Emily R.", handle: "@EmilyFixes", testimonial: "Needed some custom welding done for a garden gate. The craftsmanship was superb and it looks fantastic. Great communication throughout.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338282.jpg"},
{
name: "David & Sarah K.",
handle: "@KatyCouple",
testimonial: "From small repairs to bigger projects, Modern M Trades is our go-to. They are reliable, transparent, and always exceed our expectations. A true local gem!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-couple-love-together_1150-11897.jpg",
},
name: "David & Sarah K.", handle: "@KatyCouple", testimonial: "From small repairs to bigger projects, Modern M Trades is our go-to. They are reliable, transparent, and always exceed our expectations. A true local gem!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-couple-love-together_1150-11897.jpg"},
{
name: "Robert B.",
handle: "@RobertHomeowner",
testimonial: "Been using Modern M Trades for years for various home needs. Their team is always courteous, skilled, and gets the job done right the first time. Fantastic service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-wearing-glasses-smiling-camera_1262-1857.jpg",
},
name: "Robert B.", handle: "@RobertHomeowner", testimonial: "Been using Modern M Trades for years for various home needs. Their team is always courteous, skilled, and gets the job done right the first time. Fantastic service!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-wearing-glasses-smiling-camera_1262-1857.jpg"},
]}
testimonialRotationInterval={5000}
tag="Home Services Expert"
buttons={[
{
text: "Get a Free Estimate",
href: "#contact",
},
text: "Get a Free Estimate", href: "#contact"},
{
text: "See All Services",
href: "#services",
},
text: "See All Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/renovation-occupation-concept-young-handyman-wearing-protective-goggles-shirt-kit-full-tools-holding-blueprint-looking-with-excited-expression-going-have-rest-after-work_273609-7915.jpg"
imageAlt="Handyman working on a home project"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/delivery-man-showing-double-thumbs-up-yellow-uniform-looking-confident-front-view_176474-38722.jpg",
alt: "Smiling young male builder wearing uniform and safety helmet his thumb up on pink",
},
src: "http://img.b2bpic.net/free-photo/delivery-man-showing-double-thumbs-up-yellow-uniform-looking-confident-front-view_176474-38722.jpg", alt: "Smiling young male builder wearing uniform and safety helmet his thumb up on pink"},
{
src: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-white-helmet-yellow-vest-with-crossed-arms-smiling-standing-blue-isolated_141793-8553.jpg",
alt: "Young builder man in construction uniform with confident smile on face and crossed arms over isolated orange wall",
},
src: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-white-helmet-yellow-vest-with-crossed-arms-smiling-standing-blue-isolated_141793-8553.jpg", alt: "Young builder man in construction uniform with confident smile on face and crossed arms over isolated orange wall"},
{
src: "http://img.b2bpic.net/free-photo/young-electrical-technician-with-drill-covering-his-ears_1368-5285.jpg",
alt: "Cheerful workman at white wall",
},
src: "http://img.b2bpic.net/free-photo/young-electrical-technician-with-drill-covering-his-ears_1368-5285.jpg", alt: "Cheerful workman at white wall"},
{
src: "http://img.b2bpic.net/free-photo/confident-young-male-construction-worker-wearing-safety-helmet-uniform-looking-camera-showing-boxing-gesture-isolated-white-background_141793-132406.jpg",
alt: "Handsome man with beard by construction stairs wearing hardhat smiling pointing to head with one finger great idea or thought good memory",
},
src: "http://img.b2bpic.net/free-photo/confident-young-male-construction-worker-wearing-safety-helmet-uniform-looking-camera-showing-boxing-gesture-isolated-white-background_141793-132406.jpg", alt: "Handsome man with beard by construction stairs wearing hardhat smiling pointing to head with one finger great idea or thought good memory"},
{
src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25124.jpg",
alt: "The young and cute couple repairs the room",
},
src: "http://img.b2bpic.net/free-photo/young-cute-couple-repairs-room_1157-25124.jpg", alt: "The young and cute couple repairs the room"},
]}
avatarText="Join 1000+ Happy Homeowners"
marqueeItems={[
{
type: "text-icon",
text: "Quality Craftsmanship",
icon: Diamond,
type: "text-icon", text: "Quality Craftsmanship", icon: Diamond,
},
{
type: "text-icon",
text: "Reliable Service",
icon: ShieldCheck,
type: "text-icon", text: "Reliable Service", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Local Experts",
icon: MapPin,
type: "text-icon", text: "Local Experts", icon: MapPin,
},
{
type: "text-icon",
text: "Transparent Pricing",
icon: FileText,
type: "text-icon", text: "Transparent Pricing", icon: FileText,
},
{
type: "text-icon",
text: "Customer Satisfaction",
icon: Award,
type: "text-icon", text: "Customer Satisfaction", icon: Award,
},
]}
/>
@@ -197,32 +138,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Electrical Services",
description: "Safe and reliable electrical repairs, installations, and upgrades for your home. From lighting to panel work, we ensure your system is up to code and fully functional.",
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-53978.jpg",
imageAlt: "Electrician working on home wiring",
buttonIcon: "Zap",
title: "Electrical Services", description: "Safe and reliable electrical repairs, installations, and upgrades for your home. From lighting to panel work, we ensure your system is up to code and fully functional.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-53978.jpg", imageAlt: "Electrician working on home wiring", buttonIcon: Zap,
},
{
title: "Fencing Solutions",
description: "Expert fence installation and repair for privacy, security, and aesthetics. We work with various materials to create durable and attractive boundaries for your property.",
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg",
imageAlt: "Newly installed wooden fence",
buttonIcon: "Fence",
title: "Fencing Solutions", description: "Expert fence installation and repair for privacy, security, and aesthetics. We work with various materials to create durable and attractive boundaries for your property.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-using-tape-measure_23-2148748801.jpg", imageAlt: "Newly installed wooden fence", buttonIcon: Fence,
},
{
title: "Welding & Fabrication",
description: "Custom welding services for repairs, fabrications, and structural work. Our precision welding ensures strong and lasting results for metal projects around your home.",
imageSrc: "http://img.b2bpic.net/free-photo/amazing-person-heat-swirl-party_1323-40.jpg",
imageAlt: "Welder creating metal art",
buttonIcon: "Hammer",
title: "Welding & Fabrication", description: "Custom welding services for repairs, fabrications, and structural work. Our precision welding ensures strong and lasting results for metal projects around your home.", imageSrc: "http://img.b2bpic.net/free-photo/amazing-person-heat-swirl-party_1323-40.jpg", imageAlt: "Welder creating metal art", buttonIcon: Hammer,
},
{
title: "General Home Repairs",
description: "Tackling a wide array of general repairs, from leaky faucets to drywall patches, we keep your home in top condition. No job is too small for our skilled handypersons.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334229.jpg",
imageAlt: "Handyman fixing a leaky pipe",
buttonIcon: "Wrench",
title: "General Home Repairs", description: "Tackling a wide array of general repairs, from leaky faucets to drywall patches, we keep your home in top condition. No job is too small for our skilled handypersons.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334229.jpg", imageAlt: "Handyman fixing a leaky pipe", buttonIcon: Wrench,
},
]}
title="Specializing in Key Trades & Home Improvements"
@@ -239,20 +164,11 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "years",
value: "10+",
description: "Years of Experience",
},
id: "years", value: "10+", description: "Years of Experience"},
{
id: "projects",
value: "1000+",
description: "Projects Completed",
},
id: "projects", value: "1000+", description: "Projects Completed"},
{
id: "satisfaction",
value: "5-Star",
description: "Customer Rating",
},
id: "satisfaction", value: "5-Star", description: "Customer Rating"},
]}
title="Reliable Service You Can Count On"
description="Our decade of experience and dedication to quality speak for themselves. We deliver results that stand the test of time, earning the trust of homeowners across Katy, TX."
@@ -268,47 +184,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Electrical Panel Upgrade",
price: "Katy, TX",
imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-are-positions-big-electric-box-electrical-distribution-panel-temporary-electric-cables-are-switched-electrical-background_169016-15201.jpg",
imageAlt: "Upgraded residential electrical panel",
},
id: "p1", name: "Electrical Panel Upgrade", price: "Katy, TX", imageSrc: "http://img.b2bpic.net/free-photo/voltage-switchboard-with-circuit-breakers-are-positions-big-electric-box-electrical-distribution-panel-temporary-electric-cables-are-switched-electrical-background_169016-15201.jpg", imageAlt: "Upgraded residential electrical panel"},
{
id: "p2",
name: "Custom Wood Fence Installation",
price: "Katy, TX",
imageSrc: "http://img.b2bpic.net/free-photo/process-renovation-garden-fence-with-nobody-photo_613910-17238.jpg",
imageAlt: "Newly installed custom wood fence",
},
id: "p2", name: "Custom Wood Fence Installation", price: "Katy, TX", imageSrc: "http://img.b2bpic.net/free-photo/process-renovation-garden-fence-with-nobody-photo_613910-17238.jpg", imageAlt: "Newly installed custom wood fence"},
{
id: "p3",
name: "Decorative Metal Gate Welding",
price: "Katy, TX",
imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-184.jpg",
imageAlt: "Custom welded decorative metal gate",
},
id: "p3", name: "Decorative Metal Gate Welding", price: "Katy, TX", imageSrc: "http://img.b2bpic.net/free-photo/texture-background_1404-184.jpg", imageAlt: "Custom welded decorative metal gate"},
{
id: "p4",
name: "Bathroom Renovation",
price: "Katy, TX",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902953.jpg",
imageAlt: "Modern bathroom after renovation",
},
id: "p4", name: "Bathroom Renovation", price: "Katy, TX", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902953.jpg", imageAlt: "Modern bathroom after renovation"},
{
id: "p5",
name: "Deck Repair & Refinishing",
price: "Katy, TX",
imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-wooden-table-plants_1137-267.jpg",
imageAlt: "Repaired and refinished outdoor wooden deck",
},
id: "p5", name: "Deck Repair & Refinishing", price: "Katy, TX", imageSrc: "http://img.b2bpic.net/free-photo/terrace-with-wooden-table-plants_1137-267.jpg", imageAlt: "Repaired and refinished outdoor wooden deck"},
{
id: "p6",
name: "Exterior Door Replacement",
price: "Katy, TX",
imageSrc: "http://img.b2bpic.net/free-photo/narrow-house-entrance-japan-building_23-2149301075.jpg",
imageAlt: "New modern front door installation",
},
id: "p6", name: "Exterior Door Replacement", price: "Katy, TX", imageSrc: "http://img.b2bpic.net/free-photo/narrow-house-entrance-japan-building_23-2149301075.jpg", imageAlt: "New modern front door installation"},
]}
title="Quality Work, Every Time"
description="Browse through a selection of our recent projects across electrical, fencing, and welding services. See the Modern M Trades difference in craftsmanship and attention to detail."
@@ -324,45 +210,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Jessica L.",
role: "Homeowner",
company: "Katy, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-enjoying-food_23-2149257438.jpg",
},
id: "t1", name: "Jessica L.", role: "Homeowner", company: "Katy, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-cooking-enjoying-food_23-2149257438.jpg"},
{
id: "t2",
name: "Mark A.",
role: "Resident",
company: "Katy, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-cheerful-smiling-welcoming-you-inviting-you-with-friendly-gesture_1194-633389.jpg",
},
id: "t2", name: "Mark A.", role: "Resident", company: "Katy, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/feeling-happy-cheerful-smiling-welcoming-you-inviting-you-with-friendly-gesture_1194-633389.jpg"},
{
id: "t3",
name: "Sarah P.",
role: "Property Manager",
company: "Katy, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
},
id: "t3", name: "Sarah P.", role: "Property Manager", company: "Katy, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg"},
{
id: "t4",
name: "Chris B.",
role: "Business Owner",
company: "Katy, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-couple-standing-thoughtfully-looking-camera-while-spending-time-together-blue-background_574295-1010.jpg",
},
id: "t4", name: "Chris B.", role: "Business Owner", company: "Katy, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-couple-standing-thoughtfully-looking-camera-while-spending-time-together-blue-background_574295-1010.jpg"},
{
id: "t5",
name: "Laura G.",
role: "Homeowner",
company: "Katy, TX",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-sunny-autumn-park_1157-19103.jpg",
},
id: "t5", name: "Laura G.", role: "Homeowner", company: "Katy, TX", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-man-sunny-autumn-park_1157-19103.jpg"},
]}
title="Trusted by Homeowners Across Katy, TX"
description="Hear directly from our satisfied customers about the exceptional quality, reliability, and professionalism of Modern M Trades services."
@@ -375,25 +236,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What services do Modern M Trades offer?",
content: "We specialize in Electrical, Fencing, and Welding services. Additionally, we offer a wide range of general handyman services for almost anything you may need around your house.",
},
id: "q1", title: "What services do Modern M Trades offer?", content: "We specialize in Electrical, Fencing, and Welding services. Additionally, we offer a wide range of general handyman services for almost anything you may need around your house."},
{
id: "q2",
title: "Are you licensed and insured?",
content: "Yes, Modern M Trades is fully licensed and insured, providing you with peace of mind and protection for all projects undertaken in your home.",
},
id: "q2", title: "Are you licensed and insured?", content: "Yes, Modern M Trades is fully licensed and insured, providing you with peace of mind and protection for all projects undertaken in your home."},
{
id: "q3",
title: "How do I get an estimate for a project?",
content: "You can request a free estimate by filling out the contact form below, calling us directly at (713) 897-9324, or emailing us your project details.",
},
id: "q3", title: "How do I get an estimate for a project?", content: "You can request a free estimate by filling out the contact form below, calling us directly at (713) 897-9324, or emailing us your project details."},
{
id: "q4",
title: "What areas do you serve?",
content: "We proudly serve Katy, TX, and the surrounding communities. Please contact us to confirm service availability in your specific location.",
},
id: "q4", title: "What areas do you serve?", content: "We proudly serve Katy, TX, and the surrounding communities. Please contact us to confirm service availability in your specific location."},
]}
sideTitle="Common Questions & Quick Answers"
sideDescription="Find quick answers to frequently asked questions about our handyman services, scheduling, estimates, and service areas. If you don't see your question, feel free to reach out directly!"
@@ -407,8 +256,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Ready for Your Next Project?"
description="Contact Modern M Trades today for a free estimate on your electrical, fencing, welding, or general handyman needs. We're here to provide reliable and quality service."
@@ -425,19 +273,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>