Merge version_1 into main #2
@@ -1,12 +1,11 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -15,104 +14,44 @@ export default function LandingPage() {
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmanship"
|
||||
description="Built on years of professional experience."
|
||||
features={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Meet the Team",
|
||||
descriptions: [
|
||||
"Fully certified.",
|
||||
"Extremely professional.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-with-adjustable-wrench-hand-isolated-orange-wall_141793-16007.jpg",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Quality Promise",
|
||||
descriptions: [
|
||||
"Unmatched quality control.",
|
||||
"Guaranteed work.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmanship"
|
||||
description="Built on years of professional experience."
|
||||
features={[
|
||||
{ id: "a1", title: "Meet the Team", descriptions: ["Fully certified.", "Extremely professional."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-with-adjustable-wrench-hand-isolated-orange-wall_141793-16007.jpg" },
|
||||
{ id: "a2", title: "Quality Promise", descriptions: ["Unmatched quality control.", "Guaranteed work."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Rocky's Plumbing"
|
||||
columns={[
|
||||
{ title: "Company", items: [ { label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" } ] },
|
||||
{ title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
187
src/app/page.tsx
187
src/app/page.tsx
@@ -19,109 +19,106 @@ export default function LandingPage() {
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Plumbing Done Right — The First Time."
|
||||
description="Trusted, 24/7 plumbing service with unmatched reliability, craftsmanship, and care."
|
||||
buttons={[
|
||||
{ text: "Call Now (918) 808-6313", href: "tel:9188086313" },
|
||||
{ text: "Request Service", href: "/contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Plumbing Done Right — The First Time."
|
||||
description="Trusted, 24/7 plumbing service with unmatched reliability, craftsmanship, and care."
|
||||
buttons={[{ text: "Call Now (918) 808-6313", href: "tel:9188086313" }, { text: "Request Service", href: "/contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sanitary-technician-gesturing-thumb-up_23-2147772204.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Unmatched Reliability", descriptions: ["Shows up on time.", "Gets it done right.", "No wasted time."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg" },
|
||||
{ id: "2", title: "Expert Craftsmanship", descriptions: ["Years of hands-on experience.", "Precision tools.", "Attention to detail."], imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-tools-as-brick-hammer-pipe-wrench-safety-helmet-wooden-background_141793-14293.jpg" },
|
||||
{ id: "3", title: "Clear Communication", descriptions: ["No surprises.", "No confusion.", "Transparent pricing."], imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg" }
|
||||
]}
|
||||
title="The Last Plumber You’ll Ever Need"
|
||||
description="Experience superior service built on reliability, expertise, and transparency."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Last Plumber You’ll Ever Need"
|
||||
description="Experience superior service built on reliability, expertise, and transparency."
|
||||
features={[
|
||||
{ id: "1", title: "Unmatched Reliability", descriptions: ["Shows up on time.", "Gets it done right.", "No wasted time."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-pipe-wrench-safety-helmet-paint-brush-open-end-wrench-wooden-background_141793-15175.jpg" },
|
||||
{ id: "2", title: "Expert Craftsmanship", descriptions: ["Years of hands-on experience.", "Precision tools.", "Attention to detail."], imageSrc: "http://img.b2bpic.net/free-photo/side-view-construction-tools-as-brick-hammer-pipe-wrench-safety-helmet-wooden-background_141793-14293.jpg" },
|
||||
{ id: "3", title: "Clear Communication", descriptions: ["No surprises.", "No confusion.", "Transparent pricing."], imageSrc: "http://img.b2bpic.net/free-photo/set-repair-tools_23-2147831892.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", brand: "Service", name: "Emergency Plumbing (24/7)", price: "Available", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg" },
|
||||
{ id: "p2", brand: "Service", name: "Leak Detection & Repair", price: "Standard", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-smiling-cheerfully-sticking-out-tongue_141793-28640.jpg" },
|
||||
{ id: "p3", brand: "Service", name: "Water Heater Services", price: "Standard", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/blank-frame-different-tools-father-s-day_23-2147625635.jpg" },
|
||||
{ id: "p4", brand: "Service", name: "Drain Cleaning", price: "Standard", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-bathroom-with-shower-against-wall-with-beautiful-tiles_169016-3846.jpg" },
|
||||
{ id: "p5", brand: "Service", name: "Fixture Installation", price: "Standard", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg" },
|
||||
{ id: "p6", brand: "Service", name: "General Repairs", price: "Standard", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/tools-carpenter-wooden-desk_23-2148180570.jpg" }
|
||||
]}
|
||||
title="Full-Service Plumbing Solutions"
|
||||
description="Comprehensive care for every corner of your home's plumbing."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
title="Full-Service Plumbing Solutions"
|
||||
description="Comprehensive care for every corner of your home's plumbing."
|
||||
products={[
|
||||
{ id: "p1", brand: "Service", name: "Emergency Plumbing (24/7)", price: "Available", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg" },
|
||||
{ id: "p2", brand: "Service", name: "Leak Detection & Repair", price: "Standard", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-smiling-cheerfully-sticking-out-tongue_141793-28640.jpg" },
|
||||
{ id: "p3", brand: "Service", name: "Water Heater Services", price: "Standard", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/blank-frame-different-tools-father-s-day_23-2147625635.jpg" },
|
||||
{ id: "p4", brand: "Service", name: "Drain Cleaning", price: "Standard", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-bathroom-with-shower-against-wall-with-beautiful-tiles_169016-3846.jpg" },
|
||||
{ id: "p5", brand: "Service", name: "Fixture Installation", price: "Standard", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg" },
|
||||
{ id: "p6", brand: "Service", name: "General Repairs", price: "Standard", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/tools-carpenter-wooden-desk_23-2148180570.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Kristin Anderson", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-sharing-their-ideas_329181-17656.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4455.jpg" },
|
||||
{ id: "3", name: "Sarah Miller", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-friends-traveling-together_23-2150598887.jpg" },
|
||||
{ id: "4", name: "David Wilson", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-relaxing-lunch-modern-cafe-sitting-front-open-laptop-smiling-happily-while-watching-funny-videos-online-earphones_273609-1958.jpg" },
|
||||
{ id: "5", name: "Emily Clark", role: "Homeowner", company: "Local", rating: 5, 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" }
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our neighbors say about Rocky's plumbing services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Homeowners"
|
||||
description="Hear what our neighbors say about Rocky's plumbing services."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Kristin Anderson", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-people-sharing-their-ideas_329181-17656.jpg" },
|
||||
{ id: "2", name: "John Smith", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4455.jpg" },
|
||||
{ id: "3", name: "Sarah Miller", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-friends-traveling-together_23-2150598887.jpg" },
|
||||
{ id: "4", name: "David Wilson", role: "Homeowner", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-man-relaxing-lunch-modern-cafe-sitting-front-open-laptop-smiling-happily-while-watching-funny-videos-online-earphones_273609-1958.jpg" },
|
||||
{ id: "5", name: "Emily Clark", role: "Homeowner", company: "Local", rating: 5, 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="urgency" data-section="urgency">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Urgent Service"
|
||||
title="Plumbing Problems Don’t Wait — Neither Do We"
|
||||
description="Available 24 hours a day for urgent repairs and emergencies. Call now for immediate help."
|
||||
mediaAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721575.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="urgency" data-section="urgency">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Urgent Service"
|
||||
title="Plumbing Problems Don’t Wait — Neither Do We"
|
||||
description="Available 24 hours a day for urgent repairs and emergencies. Call now for immediate help."
|
||||
mediaAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721575.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [ { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" } ] },
|
||||
{ title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] }
|
||||
]}
|
||||
logoText="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Rocky's Plumbing"
|
||||
columns={[
|
||||
{ title: "Company", items: [ { label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" } ] },
|
||||
{ title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -1,12 +1,11 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -15,104 +14,44 @@ export default function LandingPage() {
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Service"
|
||||
description="We blend technical mastery with modern plumbing standards."
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Modern Fixtures",
|
||||
descriptions: [
|
||||
"Custom installation.",
|
||||
"Leak proof seals.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-porcelain-sink-with-towels_1203-1316.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Luxury Bathrooms",
|
||||
descriptions: [
|
||||
"High-end remodels.",
|
||||
"Water pressure optimization.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-bathtub_74190-7302.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Rocky's Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Our Service"
|
||||
description="We blend technical mastery with modern plumbing standards."
|
||||
features={[
|
||||
{ id: "s1", title: "Modern Fixtures", descriptions: ["Custom installation.", "Leak proof seals."], imageSrc: "http://img.b2bpic.net/free-photo/white-porcelain-sink-with-towels_1203-1316.jpg" },
|
||||
{ id: "s2", title: "Luxury Bathrooms", descriptions: ["High-end remodels.", "Water pressure optimization."], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-bathtub_74190-7302.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Rocky's Plumbing"
|
||||
columns={[
|
||||
{ title: "Company", items: [ { label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" } ] },
|
||||
{ title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user