Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -32,24 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="K & N Supply"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,17 +46,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="K & N Supply"
|
||||
description="Your trusted local source for professional-grade plumbing and heating supplies. We specialize in hard-to-find parts for plumbers and DIYers alike."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Browse Parts",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg?_wi=1"
|
||||
buttons={[{ text: "Visit Us Today", href: "#contact" }, { text: "Browse Parts", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg"
|
||||
imageAlt="plumbing tools on shelf"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,68 +59,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Specialty Parts",
|
||||
description: "We specialize in hard-to-find components and vintage parts nobody else carries.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-pvc_23-2149062996.jpg",
|
||||
imageAlt: "brass plumbing pipe fitting",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Expert sourcing",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Vintage inventory",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg?_wi=2",
|
||||
imageAlt: "brass plumbing pipe fitting",
|
||||
title: "Specialty Parts", description: "We specialize in hard-to-find components and vintage parts nobody else carries.", media: { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-arrangement-pvc_23-2149062996.jpg", imageAlt: "brass plumbing pipe fitting" },
|
||||
items: [{ icon: Shield, text: "Expert sourcing" }, { icon: Zap, text: "Vintage inventory" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Expert Knowledge",
|
||||
description: "Our friendly, experienced staff knows every part in the house and how to install it.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-holding-tablet-notebook-office_176420-937.jpg",
|
||||
imageAlt: "knowledgeable staff in hardware store",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Professional advice",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Proven technical knowledge",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281312.jpg?_wi=1",
|
||||
imageAlt: "brass plumbing pipe fitting",
|
||||
title: "Expert Knowledge", description: "Our friendly, experienced staff knows every part in the house and how to install it.", media: { imageSrc: "http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-holding-tablet-notebook-office_176420-937.jpg", imageAlt: "knowledgeable staff in hardware store" },
|
||||
items: [{ icon: Award, text: "Professional advice" }, { icon: CheckCircle, text: "Proven technical knowledge" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Next-Day Service",
|
||||
description: "Need it fast? We prioritize local professionals and homeowners to keep your project on track.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207753.jpg",
|
||||
imageAlt: "hardware store interior front",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast order turnaround",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Reliable supply chain",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-43468.jpg?_wi=1",
|
||||
imageAlt: "brass plumbing pipe fitting",
|
||||
},
|
||||
title: "Next-Day Service", description: "Need it fast? We prioritize local professionals and homeowners to keep your project on track.", media: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207753.jpg", imageAlt: "hardware store interior front" },
|
||||
items: [{ icon: Zap, text: "Fast order turnaround" }, { icon: CheckCircle, text: "Reliable supply chain" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Why Choose K & N Supply"
|
||||
description="We are not a big chain—we are your partners in getting the job done right."
|
||||
@@ -154,18 +86,9 @@ export default function LandingPage() {
|
||||
title="Locally Owned, Community Focused"
|
||||
description="K & N Supply has been serving the local community for years, acting as a true treasure trove for professional plumbers and dedicated DIYers. We pride ourselves on offering service that huge chains simply can't match, backed by a deep inventory of essential plumbing and heating components."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Family Operated",
|
||||
description: "A truly local business serving our neighbors.",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Inventory",
|
||||
description: "We stock everything from common parts to specialty fixes.",
|
||||
},
|
||||
{
|
||||
title: "Community Expert",
|
||||
description: "Trusted by the best local plumbing professionals.",
|
||||
},
|
||||
{ title: "Family Operated", description: "A truly local business serving our neighbors." },
|
||||
{ title: "Comprehensive Inventory", description: "We stock everything from common parts to specialty fixes." },
|
||||
{ title: "Community Expert", description: "Trusted by the best local plumbing professionals." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384829.jpg"
|
||||
imageAlt="knowledgeable staff in hardware store"
|
||||
@@ -180,48 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brass Fitting",
|
||||
price: "In-Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6625.jpg",
|
||||
imageAlt: "brass plumbing pipe fitting",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Boiler Component",
|
||||
price: "In-Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281312.jpg?_wi=2",
|
||||
imageAlt: "heating water boiler part",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Specialty Valve",
|
||||
price: "In-Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-43468.jpg?_wi=2",
|
||||
imageAlt: "faucet valve replacement hardware",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Steel Coupling",
|
||||
price: "In-Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132185.jpg",
|
||||
imageAlt: "steel plumbing connector",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Smart Thermostat",
|
||||
price: "In-Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-crab-sticks-marble-table_114579-39601.jpg",
|
||||
imageAlt: "heating thermostat modern",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pressure Gauge",
|
||||
price: "In-Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-gas-cylinder_23-2149290467.jpg",
|
||||
imageAlt: "pressure gauge plumbing supply",
|
||||
},
|
||||
{ id: "p1", name: "Brass Fitting", price: "In-Store", imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6625.jpg", imageAlt: "brass plumbing pipe fitting" },
|
||||
{ id: "p2", name: "Boiler Component", price: "In-Store", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-ventilation-system_23-2149281312.jpg", imageAlt: "heating water boiler part" },
|
||||
{ id: "p3", name: "Specialty Valve", price: "In-Store", imageSrc: "http://img.b2bpic.net/free-photo/containers-liquid-soap-shampoo-with-dispenser-is-sold-supermarket_169016-43468.jpg", imageAlt: "faucet valve replacement hardware" },
|
||||
{ id: "p4", name: "Steel Coupling", price: "In-Store", imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132185.jpg", imageAlt: "steel plumbing connector" },
|
||||
{ id: "p5", name: "Smart Thermostat", price: "In-Store", imageSrc: "http://img.b2bpic.net/free-photo/tasty-crab-sticks-marble-table_114579-39601.jpg", imageAlt: "heating thermostat modern" },
|
||||
{ id: "p6", name: "Pressure Gauge", price: "In-Store", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-gas-cylinder_23-2149290467.jpg", imageAlt: "pressure gauge plumbing supply" },
|
||||
]}
|
||||
title="Essential Plumbing & Heating Parts"
|
||||
description="Explore our curated inventory of high-quality components designed for durability and performance."
|
||||
@@ -235,26 +122,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Krissy R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
|
||||
alt: "portrait happy customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg",
|
||||
alt: "confident home owner portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg",
|
||||
alt: "portrait helpful tradesperson",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-surprised-shocked-electricians-realizes-that-they-made-mistake-work_273609-8776.jpg",
|
||||
alt: "cheerful customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
|
||||
alt: "smiling customer contractor",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg", alt: "portrait happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-posing-kitchen_23-2148563431.jpg", alt: "confident home owner portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2588.jpg", alt: "portrait helpful tradesperson" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-surprised-shocked-electricians-realizes-that-they-made-mistake-work_273609-8776.jpg", alt: "cheerful customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg", alt: "smiling customer contractor" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -265,21 +137,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you serve homeowners?",
|
||||
content: "Absolutely! While we are a go-to supply for local pros, we are always happy to help homeowners with their plumbing and heating needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you source hard-to-find parts?",
|
||||
content: "Yes, finding rare and specialty plumbing parts is one of our specialties. Bring in your part or call ahead and we'll do our best to help.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "We operate during standard business hours throughout the week. Give us a call at our shop phone number to verify current opening times.",
|
||||
},
|
||||
{ id: "f1", title: "Do you serve homeowners?", content: "Absolutely! While we are a go-to supply for local pros, we are always happy to help homeowners with their plumbing and heating needs." },
|
||||
{ id: "f2", title: "Can you source hard-to-find parts?", content: "Yes, finding rare and specialty plumbing parts is one of our specialties. Bring in your part or call ahead and we'll do our best to help." },
|
||||
{ id: "f3", title: "What are your hours?", content: "We operate during standard business hours throughout the week. Give us a call at our shop phone number to verify current opening times." },
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -291,13 +151,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"PlumbExpert Inc.",
|
||||
"Reliable Heating Pros",
|
||||
"Community Plumbing",
|
||||
"Local Flow Systems",
|
||||
"QuickFix Heating",
|
||||
"Reliable Tech Co.",
|
||||
"Top Tier Plumbing",
|
||||
"PlumbExpert Inc.", "Reliable Heating Pros", "Community Plumbing", "Local Flow Systems", "QuickFix Heating", "Reliable Tech Co.", "Top Tier Plumbing"
|
||||
]}
|
||||
title="Trusted by Local Professionals"
|
||||
description="We serve a wide network of local plumbing and heating service experts who rely on us for consistent quality."
|
||||
@@ -310,21 +164,10 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Have a plumbing emergency or looking for a specific part? Visit our shop or reach out to us today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What part do you need?",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "What part do you need?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-desk-with-copy-space_23-2148256978.jpg"
|
||||
imageAlt="hardware store interior front"
|
||||
/>
|
||||
@@ -334,32 +177,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="K & N Supply"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
|
||||
]}
|
||||
copyrightText="© 2024 K & N Supply Plumbing & Heating."
|
||||
/>
|
||||
@@ -367,4 +186,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user