bender/4006a7b9-fe57-49e1-a6ea-e64fbd672fe1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-20 21:42:57 +00:00
parent f4acf6e6c1
commit 5f20cb448e
1 changed files with 47 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Aspen Plumbing"
/>
@@ -58,74 +50,37 @@ export default function LandingPage() {
description="Expert solutions for your home and business. From leak repairs to complex mechanical system installations, our team is ready to serve."
testimonials={[
{
name: "John Doe",
handle: "@johndoe",
testimonial: "Excellent service and very quick response time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
name: "John Doe", handle: "@johndoe", testimonial: "Excellent service and very quick response time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg", imageAlt: "professional plumber at work"},
{
name: "Jane Smith",
handle: "@janesmith",
testimonial: "Professional and highly skilled plumbers.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
name: "Jane Smith", handle: "@janesmith", testimonial: "Professional and highly skilled plumbers.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg", imageAlt: "professional plumber at work"},
{
name: "Mike Ross",
handle: "@mikeross",
testimonial: "Best service in town for heating issues.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
name: "Mike Ross", handle: "@mikeross", testimonial: "Best service in town for heating issues.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg", imageAlt: "professional plumber at work"},
{
name: "Sarah Connor",
handle: "@sarahc",
testimonial: "Fixed my major leak in hours.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
name: "Sarah Connor", handle: "@sarahc", testimonial: "Fixed my major leak in hours.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg", imageAlt: "professional plumber at work"},
{
name: "David Kim",
handle: "@davidk",
testimonial: "Trustworthy and clean work every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg?_wi=1",
imageAlt: "professional plumber at work",
},
name: "David Kim", handle: "@davidk", testimonial: "Trustworthy and clean work every time.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg", imageAlt: "professional plumber at work"},
]}
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg",
alt: "Happy client portrait",
},
src: "http://img.b2bpic.net/free-photo/man-holding-small-blackboard_1098-1156.jpg", alt: "Happy client portrait"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-female-builder-green-construction-suit-helmet-just-posing-with-white-sign-smiling-pink-space-architecture-construction-job-work-lady_140725-28841.jpg",
alt: "Satisfied customer",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-female-builder-green-construction-suit-helmet-just-posing-with-white-sign-smiling-pink-space-architecture-construction-job-work-lady_140725-28841.jpg", alt: "Satisfied customer"},
{
src: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg",
alt: "Happy homeowner",
},
src: "http://img.b2bpic.net/free-photo/architecture-concept_23-2147813127.jpg", alt: "Happy homeowner"},
{
src: "http://img.b2bpic.net/free-photo/home-repair-renovation-interior-design-concept_53876-120421.jpg",
alt: "Professional review portrait",
},
src: "http://img.b2bpic.net/free-photo/home-repair-renovation-interior-design-concept_53876-120421.jpg", alt: "Professional review portrait"},
{
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
alt: "Client looking at camera",
},
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Client looking at camera"},
]}
/>
</div>
@@ -135,7 +90,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Your Trusted Plumbing Experts"
description="Aspen Plumbing & Mechanical Inc has been serving our community with integrity and precision. We are dedicated to delivering high-quality workmanship for every project, large or small."
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg"
/>
</div>
@@ -146,46 +101,25 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Leak Repairs",
description: "Rapid response to keep your property dry.",
bentoComponent: "icon-info-cards",
items: [
title: "Leak Repairs", description: "Rapid response to keep your property dry.", bentoComponent: "icon-info-cards", items: [
{
icon: Droplets,
label: "Repair",
value: "24/7",
},
label: "Repair", value: "24/7"},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-detail-sitting-floor_259150-58258.jpg",
imageAlt: "Man looking at detail sitting on floor",
},
{
title: "Heating Services",
description: "Professional boiler and furnace maintenance.",
bentoComponent: "icon-info-cards",
items: [
title: "Heating Services", description: "Professional boiler and furnace maintenance.", bentoComponent: "icon-info-cards", items: [
{
icon: Flame,
label: "Heating",
value: "Expert",
},
label: "Heating", value: "Expert"},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg?_wi=3",
imageAlt: "Man looking at detail sitting on floor",
},
{
title: "Water Heaters",
description: "Installation and service for all models.",
bentoComponent: "icon-info-cards",
items: [
title: "Water Heaters", description: "Installation and service for all models.", bentoComponent: "icon-info-cards", items: [
{
icon: Gauge,
label: "Heater",
value: "Service",
},
label: "Heater", value: "Service"},
],
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg?_wi=3",
imageAlt: "Man looking at detail sitting on floor",
},
]}
title="Our Specialized Services"
@@ -200,26 +134,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
description: "Dedicated service to the community.",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg?_wi=2",
},
id: "m1", value: "15+", title: "Years Experience", description: "Dedicated service to the community.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg"},
{
id: "m2",
value: "2500+",
title: "Projects Completed",
description: "Reliable expertise delivered.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg?_wi=2",
},
id: "m2", value: "2500+", title: "Projects Completed", description: "Reliable expertise delivered.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-working_23-2148836086.jpg"},
{
id: "m3",
value: "100%",
title: "Satisfaction Rate",
description: "Committed to quality.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg?_wi=2",
},
id: "m3", value: "100%", title: "Satisfaction Rate", description: "Committed to quality.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334231.jpg"},
]}
title="Our Impact"
description="Trusted by hundreds of homeowners and businesses."
@@ -232,55 +151,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "John Doe",
date: "2024-01-01",
title: "Great Service",
quote: "Aspen Plumbing is simply the best.",
tag: "Plumbing",
avatarSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-wood-blocks-gem-clips-clothespins-black_140725-144655.jpg",
},
id: "1", name: "John Doe", date: "2024-01-01", title: "Great Service", quote: "Aspen Plumbing is simply the best.", tag: "Plumbing", avatarSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-wood-blocks-gem-clips-clothespins-black_140725-144655.jpg"},
{
id: "2",
name: "Jane Smith",
date: "2024-02-01",
title: "Fast Response",
quote: "Super quick response for my emergency.",
tag: "Emergency",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg",
},
id: "2", name: "Jane Smith", date: "2024-02-01", title: "Fast Response", quote: "Super quick response for my emergency.", tag: "Emergency", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", imageSrc: "http://img.b2bpic.net/free-photo/curly-mulatto-female-student-posing-with-smile-okay-sign-after-difficult-test-international-university-indoor-portrait-african-woman-work-as-manager-office-with-young-asian-man_197531-3789.jpg"},
{
id: "3",
name: "Mike Ross",
date: "2024-03-01",
title: "Professional",
quote: "Extremely skilled and friendly team.",
tag: "General",
avatarSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-clipboard_23-2148384535.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg",
},
id: "3", name: "Mike Ross", date: "2024-03-01", title: "Professional", quote: "Extremely skilled and friendly team.", tag: "General", avatarSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-clipboard_23-2148384535.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15633.jpg"},
{
id: "4",
name: "Sarah Connor",
date: "2024-04-01",
title: "Highly Recommend",
quote: "I trust them with all my mechanical systems.",
tag: "Mechanical",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
},
id: "4", name: "Sarah Connor", date: "2024-04-01", title: "Highly Recommend", quote: "I trust them with all my mechanical systems.", tag: "Mechanical", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg"},
{
id: "5",
name: "David Kim",
date: "2024-05-01",
title: "Reliable",
quote: "Consistent quality over the years.",
tag: "Maintenance",
avatarSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-pencil_23-2148372127.jpg",
},
id: "5", name: "David Kim", date: "2024-05-01", title: "Reliable", quote: "Consistent quality over the years.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-pencil_23-2148372127.jpg"},
]}
title="What Our Clients Say"
description="Don't just take our word for it."
@@ -293,20 +172,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer 24/7 service?",
content: "Yes, we handle emergencies at any time of day.",
},
id: "q1", title: "Do you offer 24/7 service?", content: "Yes, we handle emergencies at any time of day."},
{
id: "q2",
title: "Are you licensed and insured?",
content: "Absolutely, fully licensed and insured for your protection.",
},
id: "q2", title: "Are you licensed and insured?", content: "Absolutely, fully licensed and insured for your protection."},
{
id: "q3",
title: "What areas do you cover?",
content: "We serve the entire metro area and surrounding suburbs.",
},
id: "q3", title: "What areas do you cover?", content: "We serve the entire metro area and surrounding suburbs."},
]}
title="Common Questions"
description="Find answers to our most popular inquiries."
@@ -321,16 +191,10 @@ export default function LandingPage() {
description="Ready to get started? Contact us today for a consultation."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-overall-talking-by-phone_23-2148073112.jpg"
@@ -343,29 +207,19 @@ export default function LandingPage() {
logoText="Aspen Plumbing & Mechanical Inc"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Plumbing",
href: "#",
},
label: "Plumbing", href: "#"},
{
label: "Heating",
href: "#",
},
label: "Heating", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
],
},
]}