Update src/app/projects/page.tsx
This commit is contained in:
@@ -14,192 +14,61 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "/projects",
|
||||
},
|
||||
{
|
||||
name: "Contact Us",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Residential Renovations",
|
||||
price: "Installed",
|
||||
variant: "Residential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial Systems",
|
||||
price: "Maintained",
|
||||
variant: "Commercial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Heater Upgrades",
|
||||
price: "Installed",
|
||||
variant: "Heating",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741189.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Backflow Systems",
|
||||
price: "Tested",
|
||||
variant: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-apron-holding-mobile-phone-hand-looking-away_23-2148096491.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Drain Inspections",
|
||||
price: "Cleaned",
|
||||
variant: "Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fixture Modernization",
|
||||
price: "Installed",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg",
|
||||
},
|
||||
]}
|
||||
title="Project Gallery"
|
||||
description="A showcase of our recent residential and commercial installations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Installations"
|
||||
description="Modern setups in local homes."
|
||||
products={[
|
||||
{
|
||||
id: "proj-1",
|
||||
name: "Luxury Bath Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technical-service-employee-search-tool-with-toolbox-holding-tool-looking-busy_176474-11402.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Project Logs"
|
||||
description="Insights from the field."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Success",
|
||||
title: "Kitchen Reno",
|
||||
excerpt: "Full pipe replacement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-handyman-arriving-house-call_1098-17816.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176741.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "/projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Emergency Line",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 709-726-2552",
|
||||
href: "tel:709-726-2552",
|
||||
},
|
||||
{
|
||||
label: "Email: hubleysplumbing@nl.rogers.com",
|
||||
href: "mailto:hubleysplumbing@nl.rogers.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "BBB Affiliated",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "NLCSA Member",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Projects", id: "/projects" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Hubley's Plumbing & Heating"
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[{ id: "p1", name: "Residential Renovations", price: "Installed", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/solution-top-view-man-plumber-overalls-fixing-breakdown-sink_259150-58267.jpg" }, { id: "p2", name: "Commercial Systems", price: "Maintained", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741196.jpg" }, { id: "p3", name: "Heater Upgrades", price: "Installed", variant: "Heating", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-tasks-scenery_23-2151741189.jpg" }, { id: "p4", name: "Backflow Systems", price: "Tested", variant: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-apron-holding-mobile-phone-hand-looking-away_23-2148096491.jpg" }, { id: "p5", name: "Drain Inspections", price: "Cleaned", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721527.jpg" }, { id: "p6", name: "Fixture Modernization", price: "Installed", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg" }]}
|
||||
title="Project Gallery"
|
||||
description="A showcase of our recent residential and commercial installations."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Installations"
|
||||
description="Modern setups in local homes."
|
||||
products={[{ id: "proj-1", name: "Luxury Bath Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/technical-service-employee-search-tool-with-toolbox-holding-tool-looking-busy_176474-11402.jpg" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Project Logs"
|
||||
description="Insights from the field."
|
||||
blogs={[{ id: "b1", category: "Success", title: "Kitchen Reno", excerpt: "Full pipe replacement.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-handyman-arriving-house-call_1098-17816.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176741.jpg", date: "Jan 2024" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Hubley's Plumbing & Heating"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Projects", href: "/projects" }, { label: "Contact", href: "/contact" }] }, { title: "Emergency Line", items: [{ label: "Call: 709-726-2552", href: "tel:709-726-2552" }, { label: "Email: hubleysplumbing@nl.rogers.com", href: "mailto:hubleysplumbing@nl.rogers.com" }] }, { title: "Legal", items: [{ label: "BBB Affiliated", href: "#" }, { label: "NLCSA Member", href: "#" }, { label: "Privacy Policy", href: "#" }] }]}
|
||||
copyrightText="© 2024 Hubley's Plumbing & Heating. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user