Merge version_1 into main #3
144
src/app/page.tsx
144
src/app/page.tsx
@@ -29,14 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Shortt Stop Plumbing"
|
||||
/>
|
||||
@@ -44,58 +40,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Reliable. Honest. Done Right The First Time."
|
||||
description="Premium plumbing services you can trust. Fast response, fair pricing, and craftsmanship that lasts."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "Dave is a true professional. Extremely courteous and outstanding quality work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-guy-wearing-uniform-cap-holding-cleaning-agent-isolated-blue-wall_141793-121456.jpg", imageAlt: "professional plumber smiling friendly"},
|
||||
{
|
||||
name: "Michael C.", handle: "@michaelc", testimonial: "Honest, efficient, and knows exactly what he's doing. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg", imageAlt: "happy residential client customer"},
|
||||
{
|
||||
name: "Emily R.", handle: "@emilyr", testimonial: "Very knowledgeable and took time to explain everything. Great experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg", imageAlt: "satisfied homeowner looking happy"},
|
||||
{
|
||||
name: "David K.", handle: "@davidk", testimonial: "Quick turnaround and perfect fix. Will call again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-young-black-mulatto-woman-beige-shirt-crossing-arms-chest-looking-with-confident-toothy-smile-posing-indoors-against-stylish-kitchen-interior_343059-2649.jpg", imageAlt: "portrait smiling homeowner"},
|
||||
{
|
||||
name: "Laura S.", handle: "@lauras", testimonial: "Exceptional plumbing service, very clean and thorough.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-blue-house-hands_23-2147694208.jpg", imageAlt: "satisfied residential customer"},
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Dave is a true professional. Extremely courteous and outstanding quality work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-cleaning-guy-wearing-uniform-cap-holding-cleaning-agent-isolated-blue-wall_141793-121456.jpg", imageAlt: "professional plumber smiling friendly" },
|
||||
{ name: "Michael C.", handle: "@michaelc", testimonial: "Honest, efficient, and knows exactly what he's doing. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg", imageAlt: "happy residential client customer" },
|
||||
{ name: "Emily R.", handle: "@emilyr", testimonial: "Very knowledgeable and took time to explain everything. Great experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg", imageAlt: "satisfied homeowner looking happy" },
|
||||
{ name: "David K.", handle: "@davidk", testimonial: "Quick turnaround and perfect fix. Will call again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-young-black-mulatto-woman-beige-shirt-crossing-arms-chest-looking-with-confident-toothy-smile-posing-indoors-against-stylish-kitchen-interior_343059-2649.jpg", imageAlt: "portrait smiling homeowner" },
|
||||
{ name: "Laura S.", handle: "@lauras", testimonial: "Exceptional plumbing service, very clean and thorough.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-blue-house-hands_23-2147694208.jpg", imageAlt: "satisfied residential customer" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now", href: "tel:2892375009"},
|
||||
{
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
{ text: "Call Now", href: "tel:2892375009" },
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-cleaning-guy-wearing-uniform-cap-holding-cleaning-agent-isolated-blue-wall_141793-121456.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-young-black-mulatto-woman-beige-shirt-crossing-arms-chest-looking-with-confident-toothy-smile-posing-indoors-against-stylish-kitchen-interior_343059-2649.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-with-blue-house-hands_23-2147694208.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/box-pov-girl-parcel-unboxing-joy_169016-68951.jpg", alt: "Customer 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-young-black-mulatto-woman-beige-shirt-crossing-arms-chest-looking-with-confident-toothy-smile-posing-indoors-against-stylish-kitchen-interior_343059-2649.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-man-with-blue-house-hands_23-2147694208.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/box-pov-girl-parcel-unboxing-joy_169016-68951.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text", text: "24/7 Emergency Service"},
|
||||
{
|
||||
type: "text", text: "Local Family Owned"},
|
||||
{
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
{
|
||||
type: "text", text: "Free Estimates"},
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "24/7 Emergency Service" },
|
||||
{ type: "text", text: "Local Family Owned" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Free Estimates" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,24 +79,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Leak Repairs", description: "Detecting and fixing leaks to prevent property damage."},
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Drain Cleaning", description: "Advanced equipment to clear stubborn blockages effectively."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Fixture Installation", description: "Professional installation for sinks, faucets, and more."},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Sump Pumps", description: "Reliable sump pump repair and maintenance services."},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Emergency Services", description: "Available when you need us most for urgent issues."},
|
||||
{
|
||||
icon: Settings,
|
||||
title: "System Repairs", description: "Comprehensive maintenance for your entire plumbing system."},
|
||||
{ icon: Droplets, title: "Leak Repairs", description: "Detecting and fixing leaks to prevent property damage." },
|
||||
{ icon: Waves, title: "Drain Cleaning", description: "Advanced equipment to clear stubborn blockages effectively." },
|
||||
{ icon: Wrench, title: "Fixture Installation", description: "Professional installation for sinks, faucets, and more." },
|
||||
{ icon: Droplets, title: "Sump Pumps", description: "Reliable sump pump repair and maintenance services." },
|
||||
{ icon: AlertTriangle, title: "Emergency Services", description: "Available when you need us most for urgent issues." },
|
||||
{ icon: Settings, title: "System Repairs", description: "Comprehensive maintenance for your entire plumbing system." },
|
||||
]}
|
||||
title="Our Plumbing Services"
|
||||
description="From emergency repairs to full system maintenance, we provide quality craftsmanship."
|
||||
@@ -136,16 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Dave is a true professional. Extremely courteous and outstanding quality work.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg"},
|
||||
{
|
||||
id: "2", name: "Michael C.", handle: "@michaelc", testimonial: "Honest, efficient, and knows exactly what he's doing. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Very knowledgeable and took time to explain everything. Great experience.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-young-black-mulatto-woman-beige-shirt-crossing-arms-chest-looking-with-confident-toothy-smile-posing-indoors-against-stylish-kitchen-interior_343059-2649.jpg"},
|
||||
{
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "Quick turnaround and perfect fix. Will call again.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-blue-house-hands_23-2147694208.jpg"},
|
||||
{
|
||||
id: "5", name: "Laura S.", handle: "@lauras", testimonial: "Exceptional plumbing service, very clean and thorough.", imageSrc: "http://img.b2bpic.net/free-photo/box-pov-girl-parcel-unboxing-joy_169016-68951.jpg"},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Dave is a true professional. Extremely courteous and outstanding quality work.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg" },
|
||||
{ id: "2", name: "Michael C.", handle: "@michaelc", testimonial: "Honest, efficient, and knows exactly what he's doing. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039415.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Very knowledgeable and took time to explain everything. Great experience.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-young-black-mulatto-woman-beige-shirt-crossing-arms-chest-looking-with-confident-toothy-smile-posing-indoors-against-stylish-kitchen-interior_343059-2649.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Quick turnaround and perfect fix. Will call again.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-blue-house-hands_23-2147694208.jpg" },
|
||||
{ id: "5", name: "Laura S.", handle: "@lauras", testimonial: "Exceptional plumbing service, very clean and thorough.", imageSrc: "http://img.b2bpic.net/free-photo/box-pov-girl-parcel-unboxing-joy_169016-68951.jpg" },
|
||||
]}
|
||||
title="What Customers Say"
|
||||
description="Trusted by our community for honest work."
|
||||
@@ -161,10 +117,10 @@ export default function LandingPage() {
|
||||
description="Simple, transparent pricing for all our plumbing services."
|
||||
plans={[
|
||||
{
|
||||
name: "Basic Service Call", price: "$99", description: "Standard diagnostic and quick fix.", features: ["Diagnostic", "Minor Adjustment"]
|
||||
price: "$99", description: "Standard diagnostic and quick fix.", features: ["Diagnostic", "Minor Adjustment"]
|
||||
},
|
||||
{
|
||||
name: "Full Maintenance", price: "$299", description: "Comprehensive system check-up.", features: ["Full Inspection", "Drain Flush", "System Tuning"]
|
||||
price: "$299", description: "Comprehensive system check-up.", features: ["Full Inspection", "Drain Flush", "System Tuning"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -173,14 +129,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Need a plumber you can trust?"
|
||||
description="Call now to speak with our team and get it fixed right the first time."
|
||||
buttons={[
|
||||
{
|
||||
text: "(289) 237-5009", href: "tel:2892375009"},
|
||||
{ text: "(289) 237-5009", href: "tel:2892375009" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -189,23 +143,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Leak Repairs", href: "#services"},
|
||||
{
|
||||
label: "Drain Cleaning", href: "#services"},
|
||||
{
|
||||
label: "Emergency Support", href: "#contact"},
|
||||
title: "Services", items: [
|
||||
{ label: "Leak Repairs", href: "#services" },
|
||||
{ label: "Drain Cleaning", href: "#services" },
|
||||
{ label: "Emergency Support", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -216,4 +164,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user