Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { AlertTriangle, Droplets, Search, Settings, Shield, ShieldCheck, Waves, Wrench, Zap } from "lucide-react";
|
||||
import { AlertTriangle, Droplets, Search, Settings, Shield, ShieldCheck, ShowerHead, Waves, Wrench, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="JMJ Plumbing"
|
||||
/>
|
||||
@@ -52,77 +40,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Precision Plumbing, Refined Excellence"
|
||||
description="From urgent repairs to complete maintenance solutions, JMJ delivers expert plumbing service with the professionalism your home deserves."
|
||||
kpis={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Availability",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "5.0", label: "Google Rating" },
|
||||
{ value: "24/7", label: "Availability" },
|
||||
{ value: "100%", label: "Satisfaction" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/macro-connectors-fast-charging-neon-ports-closeup_169016-71462.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/macro-connectors-fast-charging-neon-ports-closeup_169016-71462.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-hookah-bar-with-fog-around_23-2149194173.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg",
|
||||
alt: "Happy homeowner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg",
|
||||
alt: "Professional client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanical-wrench-desk_23-2148557960.jpg",
|
||||
alt: "Returning customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg",
|
||||
alt: "Client portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-hookah-bar-with-fog-around_23-2149194173.jpg", alt: "Satisfied client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg", alt: "Happy homeowner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg", alt: "Professional client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanical-wrench-desk_23-2148557960.jpg", alt: "Returning customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg", alt: "Client portrait" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients in Kochi"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Emergency Repairs",
|
||||
icon: AlertTriangle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Leak Detection",
|
||||
icon: Search,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Drain Cleaning",
|
||||
icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fixture Fitting",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Water Heaters",
|
||||
icon: Zap,
|
||||
},
|
||||
{ type: "text-icon", text: "Emergency Repairs", icon: AlertTriangle },
|
||||
{ type: "text-icon", text: "Leak Detection", icon: Search },
|
||||
{ type: "text-icon", text: "Drain Cleaning", icon: Waves },
|
||||
{ type: "text-icon", text: "Fixture Fitting", icon: Droplets },
|
||||
{ type: "text-icon", text: "Water Heaters", icon: Zap },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,76 +76,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Pipe Repairs",
|
||||
description: "Burst pipes and leaks fixed quickly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg",
|
||||
},
|
||||
title: "Pipe Repairs", description: "Burst pipes and leaks fixed quickly.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Burst pipes",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Leak repair",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Prevention",
|
||||
},
|
||||
{ icon: Wrench, text: "Burst pipes" },
|
||||
{ icon: Droplets, text: "Leak repair" },
|
||||
{ icon: ShieldCheck, text: "Prevention" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-connectors-fast-charging-neon-ports-closeup_169016-71462.jpg?_wi=2",
|
||||
imageAlt: "pipe repair service professional",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Bathroom Fitting",
|
||||
description: "Installation of all fixtures.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721570.jpg",
|
||||
},
|
||||
title: "Bathroom Fitting", description: "Installation of all fixtures.", media: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721570.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: ShowerHead,
|
||||
text: "Showers",
|
||||
},
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Basins",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Taps",
|
||||
},
|
||||
{ icon: ShowerHead, text: "Showers" },
|
||||
{ icon: Waves, text: "Basins" },
|
||||
{ icon: Settings, text: "Taps" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-lying-sink_23-2147772221.jpg",
|
||||
imageAlt: "pipe repair service professional",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "Clearing blockages professionally.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334229.jpg",
|
||||
},
|
||||
title: "Drain Cleaning", description: "Clearing blockages professionally.", media: { imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334229.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Unblocking",
|
||||
},
|
||||
{
|
||||
icon: Search,
|
||||
text: "Inspection",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Protection",
|
||||
},
|
||||
{ icon: Zap, text: "Unblocking" },
|
||||
{ icon: Search, text: "Inspection" },
|
||||
{ icon: Shield, text: "Protection" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176722.jpg",
|
||||
imageAlt: "pipe repair service professional",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -215,42 +112,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Adnan DS",
|
||||
role: "Client",
|
||||
testimonial: "Excellent service and very professional. Solved my leaking pipes perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bijoy P",
|
||||
role: "Local Guide",
|
||||
testimonial: "Reliable and quality work. Would highly recommend to anyone in the area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Manu M",
|
||||
role: "Client",
|
||||
testimonial: "Quality service at a reasonable rate. Very happy with the results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah J",
|
||||
role: "Client",
|
||||
testimonial: "Fast response time during an emergency. The plumber was efficient and friendly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David K",
|
||||
role: "Client",
|
||||
testimonial: "Professional approach to a complex bathroom issue. Great job!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-jacket-white-shirt-happily-showing-ok-gesture-while-looking-camera-orange-background_574295-5835.jpg",
|
||||
},
|
||||
{ id: "1", name: "Adnan DS", role: "Client", testimonial: "Excellent service and very professional. Solved my leaking pipes perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg" },
|
||||
{ id: "2", name: "Bijoy P", role: "Local Guide", testimonial: "Reliable and quality work. Would highly recommend to anyone in the area.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-positive-young-european-female-blue-shirt-dress-relaxing-home-looking-front-with-easy-carefree-smile_343059-3894.jpg" },
|
||||
{ id: "3", name: "Manu M", role: "Client", testimonial: "Quality service at a reasonable rate. Very happy with the results.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg" },
|
||||
{ id: "4", name: "Sarah J", role: "Client", testimonial: "Fast response time during an emergency. The plumber was efficient and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-home-with-book_23-2147611420.jpg" },
|
||||
{ id: "5", name: "David K", role: "Client", testimonial: "Professional approach to a complex bathroom issue. Great job!", imageSrc: "http://img.b2bpic.net/free-photo/young-cheerful-man-classic-black-jacket-white-shirt-happily-showing-ok-gesture-while-looking-camera-orange-background_574295-5835.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of homeowners in Kochi."
|
||||
@@ -259,6 +127,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSix
|
||||
title="Why JMJ Plumbing"
|
||||
description="Expert care for your home's infrastructure."
|
||||
features={[
|
||||
{ title: "Reliability", description: "Consistent results every time." },
|
||||
{ title: "Professionalism", description: "Certified and polite team." }
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -267,15 +141,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to solve your plumbing problem? We are available 24/7. Get your online estimate today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+91",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+91" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -284,37 +153,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Pipe Repairs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Drain Cleaning",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Leak Detection",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Pipe Repairs", href: "#" },
|
||||
{ label: "Drain Cleaning", href: "#" },
|
||||
{ label: "Leak Detection", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Reviews", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user