Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-05-10 06:44:11 +00:00
2 changed files with 150 additions and 378 deletions

View File

@@ -2,14 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import { Clock, DollarSign, Shield } from "lucide-react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Shield, Clock, DollarSign } from "lucide-react";
export default function LandingPage() {
return (
@@ -26,270 +26,105 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About",
id: "/about",
},
{
name: "Reviews",
id: "/reviews",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Roto-Rooter Reno"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roto-Rooter Reno"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "radial-gradient",
}}
title="Reno's Trusted Plumber — Available 24/7"
description="Don't wait—water damage spreads fast. We offer same-day emergency plumbing service across Reno, Sparks, and the surrounding areas."
buttons={[
{
text: "Call Now",
href: "tel:775-555-0101",
},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-raising-gas-wrench-white_141793-74714.jpg?_wi=1",
imageAlt: "Professional Plumber",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10803.jpg?_wi=1",
imageAlt: "Service Truck",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg?_wi=1",
imageAlt: "Drain Repair",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg",
imageAlt: "Customer Service",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg",
imageAlt: "Heater Service",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367536.jpg",
imageAlt: "24/7 Support",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "radial-gradient" }}
title="Reno's Trusted Plumber — Available 24/7"
description="Don't wait—water damage spreads fast. We offer same-day emergency plumbing service across Reno, Sparks, and the surrounding areas."
buttons={[{ text: "Call Now", href: "tel:775-555-0101" }]}
carouselItems={[
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-raising-gas-wrench-white_141793-74714.jpg", imageAlt: "Professional Plumber" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10803.jpg", imageAlt: "Service Truck" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg", imageAlt: "Drain Repair" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990686.jpg", imageAlt: "Customer Service" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg", imageAlt: "Heater Service" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367536.jpg", imageAlt: "24/7 Support" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Licensed & Insured",
description: "Fully bonded, insured, and licensed technicians for your peace of mind.",
icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340159.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-raising-gas-wrench-white_141793-74714.jpg?_wi=2",
imageAlt: "professional plumber showing tools",
},
{
title: "Same-Day Service",
description: "Prompt scheduling so you aren't stuck waiting for a repair.",
icon: Clock,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741192.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10803.jpg?_wi=2",
imageAlt: "professional plumber showing tools",
},
{
title: "Upfront Pricing",
description: "Transparent, flat-rate pricing with no hidden fees or surprises.",
icon: DollarSign,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176719.jpg?_wi=2",
imageAlt: "professional plumber showing tools",
},
]}
title="Why Choose Roto-Rooter Reno?"
description="We are committed to providing the best service in Northern Nevada."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Why Choose Roto-Rooter Reno?"
description="We are committed to providing the best service in Northern Nevada."
features={[
{ title: "Licensed & Insured", description: "Fully bonded, insured, and licensed technicians for your peace of mind.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-holds-groove-pliers_141793-33720.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340159.jpg" }] },
{ title: "Same-Day Service", description: "Prompt scheduling so you aren't stuck waiting for a repair.", icon: Clock, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741192.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-opening-faucet-looking-jet-water_259150-59268.jpg" }] },
{ title: "Upfront Pricing", description: "Transparent, flat-rate pricing with no hidden fees or surprises.", icon: DollarSign, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg" }] },
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Serving Our Community"
description="We are proud to be the trusted plumbing partner for thousands of homes in Reno and the surrounding area."
names={[
"Reno Chamber",
"Sparks Community",
"Nevada Trade Guild",
"Emergency Response Assoc.",
"Home Builder's Union",
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Serving Our Community"
description="We are proud to be the trusted plumbing partner for thousands of homes in Reno and the surrounding area."
names={["Reno Chamber", "Sparks Community", "Nevada Trade Guild", "Emergency Response Assoc.", "Home Builder's Union"]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Common Plumbing Questions"
description="Have questions about our services or need to troubleshoot a small issue?"
faqsAnimation="slide-up"
faqs={[
{
id: "q1",
title: "Do you provide 24/7 emergency services?",
content: "Yes, we are available 24 hours a day, 7 days a week to handle your plumbing emergencies.",
},
{
id: "q2",
title: "How quickly can you arrive?",
content: "We offer same-day service and typically dispatch technicians within a few hours for urgent requests.",
},
{
id: "q3",
title: "Are your technicians licensed?",
content: "Every member of our team is fully licensed, bonded, and insured for your complete peace of mind.",
},
{
id: "q4",
title: "Do you provide upfront pricing?",
content: "We always provide a transparent quote before starting any work to ensure no surprises.",
},
{
id: "q5",
title: "Do you handle large water damage?",
content: "Yes, our team is equipped to handle comprehensive water damage cleanup and restoration services.",
},
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
title="Common Plumbing Questions"
description="Have questions about our services or need to troubleshoot a small issue?"
faqsAnimation="slide-up"
faqs={[
{ id: "q1", title: "Do you provide 24/7 emergency services?", content: "Yes, we are available 24 hours a day, 7 days a week to handle your plumbing emergencies." },
{ id: "q2", title: "How quickly can you arrive?", content: "We offer same-day service and typically dispatch technicians within a few hours for urgent requests." },
{ id: "q3", title: "Are your technicians licensed?", content: "Every member of our team is fully licensed, bonded, and insured for your complete peace of mind." },
{ id: "q4", title: "Do you provide upfront pricing?", content: "We always provide a transparent quote before starting any work to ensure no surprises." },
{ id: "q5", title: "Do you handle large water damage?", content: "Yes, our team is equipped to handle comprehensive water damage cleanup and restoration services." },
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Expert Team"
description="Meet the professionals dedicated to keeping your pipes flowing."
members={[
{
id: "m1",
name: "Michael",
role: "Lead Technician",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-caucasian-builder-man-uniform-holds-wrench-isolated_141793-43900.jpg",
},
{
id: "m2",
name: "Sean",
role: "Emergency Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-handsome-builder-wearing-construction-uniform-safety-helmet-standing-with-arms-raised-holding-wrench-hammer-smiling-cheerfully-isolated-pink-wall_141793-15760.jpg",
},
{
id: "m3",
name: "John",
role: "Drain Cleaning Expert",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-builder-man-wearing-uniform-with-cap-holding-open-end-wrench-with-wrench_141793-122637.jpg",
},
{
id: "m4",
name: "Aaron",
role: "Water Heater Technician",
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-holds-wrench_141793-33659.jpg",
},
{
id: "m5",
name: "Doug",
role: "General Plumbing Services",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-holding-out-wrench-camera-white_141793-74993.jpg",
},
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Expert Team"
description="Meet the professionals dedicated to keeping your pipes flowing."
members={[
{ id: "m1", name: "Michael", role: "Lead Technician", imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-caucasian-builder-man-uniform-holds-wrench-isolated_141793-43900.jpg" },
{ id: "m2", name: "Sean", role: "Emergency Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-handsome-builder-wearing-construction-uniform-safety-helmet-standing-with-arms-raised-holding-wrench-hammer-smiling-cheerfully-isolated-pink-wall_141793-15760.jpg" },
{ id: "m3", name: "John", role: "Drain Cleaning Expert", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-builder-man-wearing-uniform-with-cap-holding-open-end-wrench-with-wrench_141793-122637.jpg" },
{ id: "m4", name: "Aaron", role: "Water Heater Technician", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-holds-wrench_141793-33659.jpg" },
{ id: "m5", name: "Doug", role: "General Plumbing Services", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-male-builder-wearing-uniform-safety-helmet-holding-out-wrench-camera-white_141793-74993.jpg" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "Services",
href: "/services",
},
{
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Reviews",
href: "/reviews",
},
{
label: "Emergency Contact",
href: "/contact",
},
],
},
]}
logoText="Roto-Rooter Reno"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }] },
{ items: [{ label: "Reviews", href: "/reviews" }, { label: "Emergency Contact", href: "/contact" }] },
]}
logoText="Roto-Rooter Reno"
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
export default function LandingPage() {
export default function ReviewsPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -22,121 +22,58 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About",
id: "/about",
},
{
name: "Reviews",
id: "/reviews",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Roto-Rooter Reno"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Reviews", id: "/reviews" },
{ name: "Contact", id: "/contact" },
]}
brandName="Roto-Rooter Reno"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg",
},
{
id: "2",
name: "Mark D.",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65930.jpg",
},
{
id: "3",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-180756.jpg",
},
{
id: "4",
name: "Thomas P.",
imageSrc: "http://img.b2bpic.net/free-photo/man-customer-center-assisting-clients-needing-help-resetting-password_482257-117894.jpg",
},
{
id: "5",
name: "Jessica W.",
imageSrc: "http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-training-intern-how-use-computer-software_482257-117866.jpg",
},
]}
cardTitle="Customer Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
cardTitle="Customer Reviews"
cardTag="Verified Reviews"
cardAnimation="slide-up"
testimonials={[
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-white-shirt-looking-happy_176474-17469.jpg" },
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-65930.jpg" },
{ id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-180756.jpg" },
{ id: "4", name: "Thomas P.", imageSrc: "http://img.b2bpic.net/free-photo/man-customer-center-assisting-clients-needing-help-resetting-password_482257-117894.jpg" },
{ id: "5", name: "Jessica W.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-onboarding-specialist-training-intern-how-use-computer-software_482257-117866.jpg" },
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="The Roto-Rooter team saved my basement during a major flood. Their professionalism and speed are unmatched in the region."
rating={5}
author="Marcus W."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
alt: "Customer Photo",
},
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="The Roto-Rooter team saved my basement during a major flood. Their professionalism and speed are unmatched in the region."
rating={5}
author="Marcus W."
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", alt: "Customer Photo" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "/",
},
{
label: "Services",
href: "/services",
},
{
label: "About",
href: "/about",
},
],
},
{
items: [
{
label: "Reviews",
href: "/reviews",
},
{
label: "Emergency Contact",
href: "/contact",
},
],
},
]}
logoText="Roto-Rooter Reno"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }] },
{ items: [{ label: "Reviews", href: "/reviews" }, { label: "Emergency Contact", href: "/contact" }] },
]}
logoText="Roto-Rooter Reno"
/>
</div>
</ReactLenis>
</ThemeProvider>
);