Update src/app/page.tsx
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Royal Plumbing"
|
||||
/>
|
||||
@@ -57,70 +49,38 @@ export default function LandingPage() {
|
||||
description="Providing elite plumbing solutions for residential homes. Fast, reliable, and licensed experts at your door."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Royal Plumbing solved my leak issue instantly. Very professional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "Royal Plumbing solved my leak issue instantly. Very professional!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg"},
|
||||
{
|
||||
name: "Sarah W.",
|
||||
handle: "@sarahw",
|
||||
testimonial: "Elite services indeed. Highly recommended for any home plumbing needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-washing-sponge-kitchen-sink_23-2147824127.jpg",
|
||||
},
|
||||
name: "Sarah W.", handle: "@sarahw", testimonial: "Elite services indeed. Highly recommended for any home plumbing needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-washing-sponge-kitchen-sink_23-2147824127.jpg"},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Fast response and clean work. Best in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg",
|
||||
},
|
||||
name: "Mike R.", handle: "@miker", testimonial: "Fast response and clean work. Best in town.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes-kitchen_23-2150990677.jpg"},
|
||||
{
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Transparent pricing and great communication. Will use again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap_1203-3196.jpg",
|
||||
},
|
||||
name: "Emily P.", handle: "@emilyp", testimonial: "Transparent pricing and great communication. Will use again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap_1203-3196.jpg"},
|
||||
{
|
||||
name: "Robert K.",
|
||||
handle: "@robertk",
|
||||
testimonial: "Professional, on-time, and very thorough.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg",
|
||||
},
|
||||
name: "Robert K.", handle: "@robertk", testimonial: "Professional, on-time, and very thorough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-showing-two-pink_141793-74761.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1832.jpg"
|
||||
imageAlt="Professional Royal Plumbing technician"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-wearing-uniform-safety-helmet-holding-wrench-hand-with-displeased-expression-isolated-pink_141793-8538.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-wearing-uniform-safety-helmet-holding-wrench-hand-with-displeased-expression-isolated-pink_141793-8538.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-studio_23-2150275713.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-holding-wrench-hammer-hands-with-smile-face-looking-confident-standing-isolated-orange-wall_141793-14010.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-security-helmet-holding-wrench-hammer-hands-with-smile-face-looking-confident-standing-isolated-orange-wall_141793-14010.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1832.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet_58702-1832.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 15,000+ happy local homeowners"
|
||||
/>
|
||||
@@ -131,9 +91,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Trust"
|
||||
description={[
|
||||
"For over 20 years, Royal Plumbing has been the gold standard in residential plumbing maintenance, installations, and emergency repairs.",
|
||||
"We pride ourselves on our meticulous approach, ensuring every pipe, faucet, and system functions flawlessly.",
|
||||
]}
|
||||
"For over 20 years, Royal Plumbing has been the gold standard in residential plumbing maintenance, installations, and emergency repairs.", "We pride ourselves on our meticulous approach, ensuring every pipe, faucet, and system functions flawlessly."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,20 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "24/7 Emergency Support",
|
||||
description: "We are available anytime you need us, day or night.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg",
|
||||
},
|
||||
title: "24/7 Emergency Support", description: "We are available anytime you need us, day or night.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721566.jpg"},
|
||||
{
|
||||
title: "Fully Certified Pros",
|
||||
description: "Licensed, insured, and background-checked technicians.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/labor-day-badges-collection-flat-style_23-2147864538.jpg",
|
||||
},
|
||||
title: "Fully Certified Pros", description: "Licensed, insured, and background-checked technicians.", imageSrc: "http://img.b2bpic.net/free-vector/labor-day-badges-collection-flat-style_23-2147864538.jpg"},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden costs—just honest rates for premium work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-pointing-back-holding-clipboard-uniform-front-view_176474-21718.jpg",
|
||||
},
|
||||
title: "Transparent Pricing", description: "No hidden costs—just honest rates for premium work.", imageSrc: "http://img.b2bpic.net/free-photo/young-worker-pointing-back-holding-clipboard-uniform-front-view_176474-21718.jpg"},
|
||||
]}
|
||||
title="Why Choose Royal Plumbing"
|
||||
description="Delivering excellence through precision and care."
|
||||
@@ -167,46 +116,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Drain Cleaning",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-pointing-with-index-fingers-camera-smiling-confident_141793-28690.jpg",
|
||||
},
|
||||
id: "s1", name: "Drain Cleaning", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-pointing-with-index-fingers-camera-smiling-confident_141793-28690.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Water Heater Repair",
|
||||
price: "$300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg",
|
||||
},
|
||||
id: "s2", name: "Water Heater Repair", price: "$300", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358955.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Pipe Replacement",
|
||||
price: "$500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
|
||||
},
|
||||
id: "s3", name: "Pipe Replacement", price: "$500", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg"},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Faucet Installation",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-usa-labor-day-badge-collection_23-2148625429.jpg",
|
||||
},
|
||||
id: "s4", name: "Faucet Installation", price: "$120", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-usa-labor-day-badge-collection_23-2148625429.jpg"},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Sewer Inspection",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-skype-icon_53876-71125.jpg",
|
||||
},
|
||||
id: "s5", name: "Sewer Inspection", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/man-showing-skype-icon_53876-71125.jpg"},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Leak Detection",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-white-shirt-black-pants-pointing-with-index-finger-camera-smiling-cheerfully-sitting-chair-light-living-room_141793-94147.jpg",
|
||||
},
|
||||
id: "s6", name: "Leak Detection", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-white-shirt-black-pants-pointing-with-index-finger-camera-smiling-cheerfully-sitting-chair-light-living-room_141793-94147.jpg"},
|
||||
]}
|
||||
title="Premium Plumbing Services"
|
||||
description="Comprehensive care for your residential plumbing systems."
|
||||
@@ -220,59 +146,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Owner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-listens-music-her-black-wireless-earphones-using-headphones_1258-201724.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M.", role: "Owner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-listens-music-her-black-wireless-earphones-using-headphones_1258-201724.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob B.",
|
||||
role: "Owner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-female-realtor_23-2148895439.jpg",
|
||||
},
|
||||
id: "2", name: "Bob B.", role: "Owner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-seeing-new-house-with-female-realtor_23-2148895439.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cathy C.",
|
||||
role: "Owner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092147.jpg",
|
||||
},
|
||||
id: "3", name: "Cathy C.", role: "Owner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092147.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David D.",
|
||||
role: "Owner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg",
|
||||
},
|
||||
id: "4", name: "David D.", role: "Owner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-talking-waitress-cafe_637285-8070.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve E.",
|
||||
role: "Owner",
|
||||
company: "Home",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-smiling-waving-kitchen_23-2148414929.jpg",
|
||||
},
|
||||
id: "5", name: "Eve E.", role: "Owner", company: "Home", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-smiling-waving-kitchen_23-2148414929.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15K+",
|
||||
label: "Jobs Done",
|
||||
},
|
||||
value: "15K+", label: "Jobs Done"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "99%", label: "Satisfaction"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Active",
|
||||
},
|
||||
value: "20+", label: "Years Active"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Join our community of satisfied homeowners."
|
||||
@@ -281,28 +176,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer emergency services?",
|
||||
content: "Yes, we are available 24/7 for all emergency plumbing needs.",
|
||||
},
|
||||
id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for all emergency plumbing needs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your work guaranteed?",
|
||||
content: "Absolutely. All our repairs and installations come with a service warranty.",
|
||||
},
|
||||
id: "q2", title: "Is your work guaranteed?", content: "Absolutely. All our repairs and installations come with a service warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your plumbers licensed?",
|
||||
content: "Yes, every technician is fully licensed, insured, and certified.",
|
||||
},
|
||||
id: "q3", title: "Are your plumbers licensed?", content: "Yes, every technician is fully licensed, insured, and certified."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your common plumbing queries."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -310,14 +196,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Ready to get started with Royal Plumbing? Contact us today to schedule your service or emergency repair."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:contact@royalplumbing.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:contact@royalplumbing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -326,13 +209,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Royal Plumbing"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user