Update src/app/page.tsx
This commit is contained in:
181
src/app/page.tsx
181
src/app/page.tsx
@@ -32,69 +32,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="VIP Plumbing"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+12393691776",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+12393691776"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elite Plumbing Solutions You Can Trust"
|
||||
description="Professional, reliable, and prompt plumbing services for your home. Available 24/7 for all your residential plumbing needs."
|
||||
tag="5.0-Star Rated Expert Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-smiling-car-mechanic-holding-wrenches-workshop_342744-255.jpg?_wi=1",
|
||||
imageAlt: "Professional plumbing service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-smiling-car-mechanic-holding-wrenches-workshop_342744-255.jpg", imageAlt: "Professional plumbing service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg?_wi=1",
|
||||
imageAlt: "Expert plumber working",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-holding-out-wrench-camera-white_141793-74993.jpg",
|
||||
imageAlt: "Pleased young male builder wearing uniform and safety helmet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-138456.jpg",
|
||||
imageAlt: "Expressive young man posing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-male-builder-wearing-uniform-safety-helmet-holding-out-hammer_141793-80630.jpg",
|
||||
imageAlt: "Angry young male builder holding hammer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg", imageAlt: "Expert plumber working"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -118,40 +87,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fixture Installation",
|
||||
description: "Quick, clean installation of toilets, faucets, and high-end fixtures.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-experienced-smiling-car-mechanic-holding-wrenches-workshop_342744-255.jpg?_wi=2",
|
||||
imageAlt: "residential plumbing repair service",
|
||||
title: "Fixture Installation", description: "Quick, clean installation of toilets, faucets, and high-end fixtures.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721571.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Water Heater Services",
|
||||
description: "Rapid replacement and repair of hot water tanks to restore comfort.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-restroom-wall-hung-toilet-matte-black-fixtures_169016-68901.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg?_wi=2",
|
||||
imageAlt: "residential plumbing repair service",
|
||||
title: "Water Heater Services", description: "Rapid replacement and repair of hot water tanks to restore comfort.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-restroom-wall-hung-toilet-matte-black-fixtures_169016-68901.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721568.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Leak Detection & Repair",
|
||||
description: "Precision detection and permanent repairs for all pipe leaks.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sink-being-disinfected_23-2148561063.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
imageAlt: "residential plumbing repair service",
|
||||
title: "Leak Detection & Repair", description: "Precision detection and permanent repairs for all pipe leaks.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-sink-being-disinfected_23-2148561063.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55595.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -167,22 +112,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Service Calls Handled",
|
||||
value: "1000+",
|
||||
icon: CheckCircle,
|
||||
id: "m1", title: "Service Calls Handled", value: "1000+", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Customer Satisfaction",
|
||||
value: "5.0",
|
||||
icon: Star,
|
||||
id: "m2", title: "Customer Satisfaction", value: "5.0", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Emergency Response Time",
|
||||
value: "<1hr",
|
||||
icon: Clock,
|
||||
id: "m3", title: "Emergency Response Time", value: "<1hr", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Results You Can Count On"
|
||||
@@ -198,25 +134,15 @@ export default function LandingPage() {
|
||||
author="Jennifer Caputi"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-young-musician-woman-learns-how-play-ukulele-sits-sofa-with-crossed-legs_1258-204931.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/charming-student-girl-good-mood-relaxing-home_343059-139.jpg", alt: "Customer"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -229,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you available after hours?",
|
||||
content: "Yes, we are open 24 hours a day to handle emergency plumbing needs.",
|
||||
},
|
||||
id: "f1", title: "Are you available after hours?", content: "Yes, we are open 24 hours a day to handle emergency plumbing needs."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "We provide timely and transparent estimates before starting any work.",
|
||||
},
|
||||
id: "f2", title: "Do you provide estimates?", content: "We provide timely and transparent estimates before starting any work."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you LGBTQ+ friendly?",
|
||||
content: "Absolutely. We pride ourselves on being an inclusive and respectful service provider.",
|
||||
},
|
||||
id: "f3", title: "Are you LGBTQ+ friendly?", content: "Absolutely. We pride ourselves on being an inclusive and respectful service provider."},
|
||||
]}
|
||||
title="Common Plumbing Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -254,14 +171,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Ready to get your plumbing fixed? Our team is available 24/7 to assist you. Call us now or request an estimate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call +1 239-369-1776",
|
||||
href: "tel:+12393691776",
|
||||
},
|
||||
text: "Call +1 239-369-1776", href: "tel:+12393691776"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -272,46 +186,29 @@ export default function LandingPage() {
|
||||
logoText="VIP Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Fixture Installation",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Fixture Installation", href: "#features"},
|
||||
{
|
||||
label: "Water Heaters",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Water Heaters", href: "#features"},
|
||||
{
|
||||
label: "Leak Repairs",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leak Repairs", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+1 239-369-1776",
|
||||
href: "tel:+12393691776",
|
||||
},
|
||||
label: "+1 239-369-1776", href: "tel:+12393691776"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user