Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -5,10 +5,9 @@ import ReactLenis from "lenis/react";
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import { Calendar, CheckCircle, Clock, ShieldCheck, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Reliance Plumbing"
|
||||
/>
|
||||
@@ -59,74 +43,20 @@ export default function LandingPage() {
|
||||
logoText="Reliance Plumbing"
|
||||
description="Fast, Reliable Plumbing Done Right the First Time. Trusted by Central Florida homeowners for years."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5551234567" },
|
||||
{ text: "Book Service", href: "/contact" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg?_wi=1",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-overall-cap-smiling_23-2148073095.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721526.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-fixing-kitchen-sink_53876-139620.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-overall-cap-smiling_23-2148073095.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumber-assembling-pipe_1098-17772.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer emergency service?",
|
||||
content: "Yes, we provide 24/7 emergency support for urgent plumbing needs.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How quickly can you arrive?",
|
||||
content: "We prioritize fast response times and often provide same-day service.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your technicians licensed?",
|
||||
content: "All our technicians are fully licensed, professional, and knowledgeable.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-young-builder-woman-uniform-pulling-down-eye-lid-with-finger-isolated-olive-green-wall_141793-119528.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to keep your home running smoothly."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="plumbing repair question mark"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
animationType="slide-up"
|
||||
@@ -135,40 +65,33 @@ export default function LandingPage() {
|
||||
title="Meet Our Certified Experts"
|
||||
description="Highly trained and dedicated plumbing professionals serving your community."
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark D.",
|
||||
role: "Lead Plumber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
role: "Service Technician",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James R.",
|
||||
role: "Drain Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda M.",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-11121.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
role: "Master Plumber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg?_wi=1",
|
||||
},
|
||||
{ id: "1", name: "Mark D.", role: "Lead Plumber", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg" },
|
||||
{ id: "2", name: "Sarah P.", role: "Service Technician", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-plumber_23-2150746394.jpg" },
|
||||
{ id: "3", name: "James R.", role: "Drain Specialist", imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg" },
|
||||
{ id: "4", name: "Linda M.", role: "Operations Manager", imageSrc: "http://img.b2bpic.net/free-photo/female-worker-wearing-work-clothes_273609-11121.jpg" },
|
||||
{ id: "5", name: "David W.", role: "Master Plumber", imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer emergency service?", content: "Yes, we provide 24/7 emergency support for urgent plumbing needs." },
|
||||
{ id: "2", title: "How quickly can you arrive?", content: "We prioritize fast response times and often provide same-day service." },
|
||||
{ id: "3", title: "Are your technicians licensed?", content: "All our technicians are fully licensed, professional, and knowledgeable." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/joyful-young-builder-woman-uniform-pulling-down-eye-lid-with-finger-isolated-olive-green-wall_141793-119528.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to keep your home running smoothly."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="plumbing repair question mark"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
@@ -178,80 +101,20 @@ export default function LandingPage() {
|
||||
title="Why Choose Reliance?"
|
||||
description="Proven results for Central Florida homeowners."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Serving Florida communities since 2009.",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Successful Jobs",
|
||||
description: "Plumbing solutions delivered reliably.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Always Available",
|
||||
description: "Emergency response when you need it.",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
title: "Licensed & Insured",
|
||||
description: "Professional standards always guaranteed.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "4.9*",
|
||||
title: "Client Satisfaction",
|
||||
description: "Average rating across 500+ reviews.",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Serving Florida communities since 2009.", icon: Calendar },
|
||||
{ id: "m2", value: "10k+", title: "Successful Jobs", description: "Plumbing solutions delivered reliably.", icon: CheckCircle },
|
||||
{ id: "m3", value: "24/7", title: "Always Available", description: "Emergency response when you need it.", icon: Clock },
|
||||
{ id: "m4", value: "100%", title: "Licensed & Insured", description: "Professional standards always guaranteed.", icon: ShieldCheck },
|
||||
{ id: "m5", value: "4.9*", title: "Client Satisfaction", description: "Average rating across 500+ reviews.", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Reliance Plumbing"
|
||||
/>
|
||||
|
||||
@@ -8,7 +8,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -26,26 +26,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Reliance Plumbing"
|
||||
/>
|
||||
@@ -58,46 +43,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Water Heater Repair",
|
||||
description: "Rapid repair and professional installation of all heater models.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-looking-front-happy-excited-with-hands-his-head-standing-orange-wall_141793-64901.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914162.jpg?_wi=2",
|
||||
imageAlt: "professional plumber smiling friendly",
|
||||
title: "Water Heater Repair", description: "Rapid repair and professional installation of all heater models.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721541.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-looking-front-happy-excited-with-hands-his-head-standing-orange-wall_141793-64901.jpg", imageAlt: "Professional plumber smiling friendly" }
|
||||
},
|
||||
{
|
||||
title: "Leak Detection",
|
||||
description: "Cutting-edge equipment to find and fix hidden leaks fast.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74515.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coveralls-digitally-generated-car-cardboard-box-pointing_1134-941.jpg",
|
||||
imageAlt: "professional plumber smiling friendly",
|
||||
title: "Leak Detection", description: "Cutting-edge equipment to find and fix hidden leaks fast.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746312.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-builder-wearing-uniform-safety-helmet-showing-okey-gesture-purple_141793-74515.jpg", imageAlt: "Professional plumber smiling friendly" }
|
||||
},
|
||||
{
|
||||
title: "Emergency Services",
|
||||
description: "24/7 availability for urgent plumbing crises.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-builder-wearing-uniform-safety-helmet-showing-you-gesture_141793-80503.jpg",
|
||||
imageAlt: "Professional plumber smiling friendly",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-builder-woman-uniform-pulling-down-eye-lid-with-finger-isolated-olive-green-wall_141793-119528.jpg?_wi=2",
|
||||
imageAlt: "professional plumber smiling friendly",
|
||||
title: "Emergency Services", description: "24/7 availability for urgent plumbing crises.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721531.jpg", imageAlt: "Professional plumber smiling friendly" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/confident-young-male-builder-wearing-uniform-safety-helmet-showing-you-gesture_141793-80503.jpg", imageAlt: "Professional plumber smiling friendly" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -114,15 +69,9 @@ export default function LandingPage() {
|
||||
description="We handle everything from simple repairs to major system installs."
|
||||
features={[
|
||||
{
|
||||
title: "Drain Cleaning",
|
||||
description: "High-pressure jetting services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg?_wi=2",
|
||||
},
|
||||
title: "Drain Cleaning", description: "High-pressure jetting services.", imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg"},
|
||||
{
|
||||
title: "Pipe Replacement",
|
||||
description: "Modern PEX and copper upgrades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg?_wi=2",
|
||||
},
|
||||
title: "Pipe Replacement", description: "Modern PEX and copper upgrades.", imageSrc: "http://img.b2bpic.net/free-photo/plumber-man-fixing-kitchen-sink_53876-27.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,43 +81,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Approach"
|
||||
description={[
|
||||
"We take pride in our precision.",
|
||||
"Every job is backed by our signature quality warranty.",
|
||||
]}
|
||||
"We take pride in our precision.", "Every job is backed by our signature quality warranty."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="Reliance Plumbing"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user