Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -31,31 +31,19 @@ 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: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Julian Plumbing"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,103 +51,55 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master Plumbing Solutions, Delivered with Precision."
|
||||
description="Julian Plumbing delivers elite, 24/7 service with a commitment to speed, fair pricing, and professional excellence. Your home is in expert hands."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexr",
|
||||
testimonial: "Julian arrived in under an hour and fixed the leak perfectly. True professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing services professional home",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "Julian arrived in under an hour and fixed the leak perfectly. True professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg", imageAlt: "luxury plumbing services professional home"},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "Transparent pricing and excellent work. Will call him again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990709.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing services professional home",
|
||||
},
|
||||
name: "Sarah K.", handle: "@sarahk", testimonial: "Transparent pricing and excellent work. Will call him again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990709.jpg", imageAlt: "luxury plumbing services professional home"},
|
||||
{
|
||||
name: "Michael B.",
|
||||
handle: "@michaelb",
|
||||
testimonial: "The best plumbing service I've ever experienced in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing services professional home",
|
||||
},
|
||||
name: "Michael B.", handle: "@michaelb", testimonial: "The best plumbing service I've ever experienced in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg", imageAlt: "luxury plumbing services professional home"},
|
||||
{
|
||||
name: "Emma T.",
|
||||
handle: "@emmat",
|
||||
testimonial: "Professional, clean, and extremely quick.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing services professional home",
|
||||
},
|
||||
name: "Emma T.", handle: "@emmat", testimonial: "Professional, clean, and extremely quick.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg", imageAlt: "luxury plumbing services professional home"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "He educated me on my system - great service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg?_wi=1",
|
||||
imageAlt: "luxury plumbing services professional home",
|
||||
},
|
||||
name: "David W.", handle: "@davidw", testimonial: "He educated me on my system - great service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg", imageAlt: "luxury plumbing services professional home"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Emergency Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Emergency Service", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg",
|
||||
alt: "Man rinsing dish sponge under running water",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-rinsing-dish-sponge-running-water-daily-home-hygiene_169016-69431.jpg", alt: "Man rinsing dish sponge under running water"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-9993.jpg",
|
||||
alt: "Candy girl in the kitchen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/candy-girl-kitchen_1150-9993.jpg", alt: "Candy girl in the kitchen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg",
|
||||
alt: "Female plumber working to fix problems",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990726.jpg", alt: "Female plumber working to fix problems"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-couple-drink-red-wine-kitchen_1157-30458.jpg",
|
||||
alt: "Beautiful couple drink red wine",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-couple-drink-red-wine-kitchen_1157-30458.jpg", alt: "Beautiful couple drink red wine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg",
|
||||
alt: "Elegant bathtub with bath elements",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-bathtub-with-bath-elements_23-2148147452.jpg", alt: "Elegant bathtub with bath elements"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Response",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Response"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serving Your Neighborhood",
|
||||
},
|
||||
type: "text", text: "Serving Your Neighborhood"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
type: "text", text: "Transparent Pricing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Trusted by Homeowners",
|
||||
},
|
||||
type: "text", text: "Trusted by Homeowners"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,19 +111,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Response Time",
|
||||
value: "< 60m",
|
||||
},
|
||||
label: "Response Time", value: "< 60m"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "5.0 ★",
|
||||
},
|
||||
label: "Google Rating", value: "5.0 ★"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Availability",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Availability", value: "24/7"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -196,76 +130,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Leak Repair",
|
||||
description: "Rapid response for all leaks.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990709.jpg?_wi=2",
|
||||
},
|
||||
title: "Leak Repair", description: "Rapid response for all leaks.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg", imageAlt: "master plumber smiling professional portrait"},
|
||||
items: [
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Emergency patches",
|
||||
},
|
||||
text: "Emergency patches"},
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Pipe replacement",
|
||||
},
|
||||
text: "Pipe replacement"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Pressure testing",
|
||||
},
|
||||
text: "Pressure testing"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-calling-plumber-fox-bathroom-problems_23-2150990699.jpg?_wi=3",
|
||||
imageAlt: "master plumber smiling professional portrait",
|
||||
},
|
||||
{
|
||||
title: "Water Heater Maintenance",
|
||||
description: "Keep your water running hot.",
|
||||
media: {
|
||||
imageSrc: "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",
|
||||
},
|
||||
title: "Water Heater Maintenance", description: "Keep your water running hot.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg", imageAlt: "master plumber smiling professional portrait"},
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "Tank flushing",
|
||||
},
|
||||
text: "Tank flushing"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Element inspection",
|
||||
},
|
||||
text: "Element inspection"},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Thermostat tuning",
|
||||
},
|
||||
text: "Thermostat tuning"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg?_wi=2",
|
||||
imageAlt: "master plumber smiling professional portrait",
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Professional clog removal service.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-smiling-cheerfully-sticking-out-tongue_141793-28640.jpg",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Professional clog removal service.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg", imageAlt: "master plumber smiling professional portrait"},
|
||||
items: [
|
||||
{
|
||||
icon: Filter,
|
||||
text: "Root removal",
|
||||
},
|
||||
text: "Root removal"},
|
||||
{
|
||||
icon: ArrowDown,
|
||||
text: "Drain scoping",
|
||||
},
|
||||
text: "Drain scoping"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Flow restoration",
|
||||
},
|
||||
text: "Flow restoration"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg?_wi=2",
|
||||
imageAlt: "master plumber smiling professional portrait",
|
||||
},
|
||||
]}
|
||||
title="Expert Services"
|
||||
@@ -278,30 +188,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-young-afro-american-woman-smiles-broadly-has-joyful-expression-wears-casual-blue-turtleneck-turns-head-aside-notices-funny-scene-monochrome-shot-happy-emotions-concept_273609-43284.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-curly-hair-isolated_273609-48328.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emma T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-nervous_114579-15696.jpg",
|
||||
},
|
||||
id: "4", name: "Emma T.", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-nervous_114579-15696.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg",
|
||||
},
|
||||
id: "5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/image-carefree-africanamerican-girl-white-tshirt-showing-tongue-smiling-winking-happy-stan_1258-128116.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="TESTIMONIALS"
|
||||
@@ -316,31 +211,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
title: "Speed",
|
||||
items: [
|
||||
"Arrives within 60 mins",
|
||||
"Fully stocked van",
|
||||
],
|
||||
id: "m1", value: "1", title: "Speed", items: [
|
||||
"Arrives within 60 mins", "Fully stocked van"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
title: "Fairness",
|
||||
items: [
|
||||
"Transparent pricing",
|
||||
"No hidden fees",
|
||||
],
|
||||
id: "m2", value: "2", title: "Fairness", items: [
|
||||
"Transparent pricing", "No hidden fees"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
title: "Education",
|
||||
items: [
|
||||
"System walkthrough",
|
||||
"Preventive tips",
|
||||
],
|
||||
id: "m3", value: "3", title: "Education", items: [
|
||||
"System walkthrough", "Preventive tips"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Julian Plumbing?"
|
||||
@@ -352,16 +232,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="EMERGENCY"
|
||||
title="Need Urgent Plumbing Help?"
|
||||
description="Don't wait. Julian is available 24/7 for all emergency situations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 555-0123",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now: 555-0123", href: "tel:5550123"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -370,16 +247,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="CONTACT"
|
||||
title="Book Your Service Today"
|
||||
description="Fill out the form or give us a call. We look forward to serving you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -390,29 +264,19 @@ export default function LandingPage() {
|
||||
logoText="Julian Plumbing"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user