Merge version_1 into main #1
291
src/app/page.tsx
291
src/app/page.tsx
@@ -32,131 +32,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "expertise",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "story",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Expertise", id: "expertise" },
|
||||
{ name: "Story", id: "story" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Reading Foundry & Supply"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Built Different Since Day One."
|
||||
description="Plumbing. HVAC. Hard-to-find parts. Real expertise—when it matters most."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Dave Miller",
|
||||
handle: "@dave-plumbing",
|
||||
testimonial: "The only place I could get my part.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-surprised-girl-holding-pencil-clipboard-excited-guy-pointing-with-hands-clipboard-both-looking-clipboard_141793-112162.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah-remod",
|
||||
testimonial: "Customer service was awesome.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@mike-hvac",
|
||||
testimonial: "Always a pleasure walking in.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-worker-greeting-with-quality-control-inspector-industrial-building_637285-4102.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jen K.",
|
||||
handle: "@jen-contractor",
|
||||
testimonial: "Old-fashioned service, great staff.",
|
||||
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",
|
||||
},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@tom-homeowner",
|
||||
testimonial: "They helped me when I needed it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-boy_23-2148436118.jpg",
|
||||
},
|
||||
{ name: "Dave Miller", handle: "@dave-plumbing", testimonial: "The only place I could get my part.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-construction-worker-uniform-cap-surprised-girl-holding-pencil-clipboard-excited-guy-pointing-with-hands-clipboard-both-looking-clipboard_141793-112162.jpg" },
|
||||
{ name: "Sarah J.", handle: "@sarah-remod", testimonial: "Customer service was awesome.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg" },
|
||||
{ name: "Mike R.", handle: "@mike-hvac", testimonial: "Always a pleasure walking in.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-worker-greeting-with-quality-control-inspector-industrial-building_637285-4102.jpg" },
|
||||
{ name: "Jen K.", handle: "@jen-contractor", testimonial: "Old-fashioned service, great staff.", 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" },
|
||||
{ name: "Tom B.", handle: "@tom-homeowner", testimonial: "They helped me when I needed it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-boy_23-2148436118.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Your Part",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "Visit a Location",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Find Your Part", href: "#services" },
|
||||
{ text: "Visit a Location", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/amazing-view-modern-swimming-pool_23-2148326876.jpg"
|
||||
imageAlt="Industrial supply warehouse warehouse scene"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/furious-young-couple-construction-worker-uniform-cap-girl-raising-pipe-wrench-with-closed-eyes-guy-holding-hoe-rake-both-screaming_141793-112044.jpg",
|
||||
alt: "Contractor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-couple-construction-worker-uniform-cap-girl-holding-pencil-clipboard-looking-guy-pointing-up-with-pencil-guy-biting-lip-looking-clipboard-touching-his-uniform_141793-78866.jpg",
|
||||
alt: "Contractor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-confident-guy-joyful-girl-construction-worker-uniform-cap-doing-call-gesture-girl-holding-pencil-clipboard-winking_141793-111946.jpg",
|
||||
alt: "Contractor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg",
|
||||
alt: "Contractor portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg",
|
||||
alt: "Contractor portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/furious-young-couple-construction-worker-uniform-cap-girl-raising-pipe-wrench-with-closed-eyes-guy-holding-hoe-rake-both-screaming_141793-112044.jpg", alt: "Contractor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/impressed-young-couple-construction-worker-uniform-cap-girl-holding-pencil-clipboard-looking-guy-pointing-up-with-pencil-guy-biting-lip-looking-clipboard-touching-his-uniform_141793-78866.jpg", alt: "Contractor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-couple-confident-guy-joyful-girl-construction-worker-uniform-cap-doing-call-gesture-girl-holding-pencil-clipboard-winking_141793-111946.jpg", alt: "Contractor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-manual-worker-warehouse_329181-12798.jpg", alt: "Contractor portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-architect-looking-camera_23-2148242888.jpg", alt: "Contractor portrait" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Industrial Quality",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Climate Control",
|
||||
icon: Snowflake,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Heritage Brass",
|
||||
icon: Droplet,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Support",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Sourcing",
|
||||
icon: Search,
|
||||
},
|
||||
{ type: "text-icon", text: "Industrial Quality", icon: Wrench },
|
||||
{ type: "text-icon", text: "Climate Control", icon: Snowflake },
|
||||
{ type: "text-icon", text: "Heritage Brass", icon: Droplet },
|
||||
{ type: "text-icon", text: "Expert Support", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Fast Sourcing", icon: Search }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,14 +82,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Contractors",
|
||||
"Homeowners",
|
||||
"Technicians",
|
||||
"Local Builders",
|
||||
"Property Managers",
|
||||
"Restoration Experts",
|
||||
"Architects",
|
||||
]}
|
||||
"Contractors", "Homeowners", "Technicians", "Local Builders", "Property Managers", "Restoration Experts", "Architects"]}
|
||||
title="The Place People Go When Nobody Else Has It"
|
||||
description="Not just a supply house—a trusted partner."
|
||||
/>
|
||||
@@ -181,24 +90,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Plumbing Supplies",
|
||||
description: "From everyday fixes to rare components.",
|
||||
},
|
||||
{
|
||||
icon: Snowflake,
|
||||
title: "HVAC & Boiler Parts",
|
||||
description: "Trusted by technicians who can't afford guesswork.",
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Fixtures & Specialty Items",
|
||||
description: "From functional to high-end and unique designs.",
|
||||
},
|
||||
{ icon: Wrench, title: "Plumbing Supplies", description: "From everyday fixes to rare components." },
|
||||
{ icon: Snowflake, title: "HVAC & Boiler Parts", description: "Trusted by technicians who can't afford guesswork." },
|
||||
{ icon: Droplet, title: "Fixtures & Specialty Items", description: "From functional to high-end and unique designs." }
|
||||
]}
|
||||
title="Everything You Need. And What Others Don’t Have."
|
||||
description="If we don’t have it, we’ll get it. Fast."
|
||||
@@ -211,30 +109,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Real Expertise",
|
||||
value: "Staff Know Parts",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Search,
|
||||
title: "Hard-to-Find Inventory",
|
||||
value: "Scarcity Advantage",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: ShieldCheck,
|
||||
title: "Old-School Service",
|
||||
value: "Human Support",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
icon: Briefcase,
|
||||
title: "Built on Relationships",
|
||||
value: "Generations Trust",
|
||||
},
|
||||
{ id: "1", icon: Users, title: "Real Expertise", value: "Staff Know Parts" },
|
||||
{ id: "2", icon: Search, title: "Hard-to-Find Inventory", value: "Scarcity Advantage" },
|
||||
{ id: "3", icon: ShieldCheck, title: "Old-School Service", value: "Human Support" },
|
||||
{ id: "4", icon: Briefcase, title: "Built on Relationships", value: "Generations Trust" }
|
||||
]}
|
||||
title="Why Reading Foundry & Supply"
|
||||
description="A legacy of precision and service."
|
||||
@@ -259,21 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Call or Stop In",
|
||||
content: "Tell us what you’re working on.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Talk to an Expert",
|
||||
content: "Bring your part or describe the issue—we’ll figure it out.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Get the Right Solution",
|
||||
content: "Walk out with exactly what you need (or we’ll source it).",
|
||||
},
|
||||
{ id: "1", title: "Call or Stop In", content: "Tell us what you’re working on." },
|
||||
{ id: "2", title: "Talk to an Expert", content: "Bring your part or describe the issue—we’ll figure it out." },
|
||||
{ id: "3", title: "Get the Right Solution", content: "Walk out with exactly what you need (or we’ll source it)." }
|
||||
]}
|
||||
title="Get What You Need—Fast"
|
||||
description="Walk in with a problem. Walk out with a solution."
|
||||
@@ -288,26 +154,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Local Contractor"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-worker-uniform-looking-hesitant-front-view_176474-34535.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-construction-engineer-looking-camera_23-2148233714.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg", alt: "Sarah Johnson" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg", alt: "Michael Chen" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Emily Rodriguez" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-standing-with-crossed-arms-worker-uniform-looking-hesitant-front-view_176474-34535.jpg", alt: "David Kim" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-construction-engineer-looking-camera_23-2148233714.jpg", alt: "Customer profile" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -316,10 +167,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Visit Us Today"
|
||||
description="Stop searching, start solving. Our doors are open."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg"
|
||||
@@ -332,52 +182,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#story",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#story" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Locations", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Expertise",
|
||||
href: "#expertise",
|
||||
},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
title: "Resources", items: [
|
||||
{ label: "Expertise", href: "#expertise" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
{ label: "Testimonials", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Reading Foundry & Supply"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user