bender/9f572cb7-0772-46ba-ab9f-d9a69f75525d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 21:53:13 +00:00
parent 1e00749f71
commit 8657f7dba0
1 changed files with 19 additions and 332 deletions
Download Patch File Download Diff File Expand all files Collapse all files

351
src/app/page.tsx
View File

@@ -32,146 +32,24 @@ 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="Iron & Oak Hardware"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Built for Quality, Made to Last."
description="Your trusted local source for professional-grade hardware, tools, and expert advice for every project, big or small."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-preparing-safety-gear-apprentice-before-starting-work_482257-97729.jpg",
imageAlt: "Tools interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/baking-boxes-kept-shelf_1170-2150.jpg",
imageAlt: "Store display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-salesman-pretty-woman-her-20s-are-store-looking-wall-full-frame-samples_662251-250.jpg",
imageAlt: "Tools interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/store-worker-taking-detail-from-warehouse_114579-2801.jpg",
imageAlt: "Store display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-redhead-worker-with-haircut-holding-electric-screwdriver-working-repair-shop_613910-19681.jpg",
imageAlt: "Tools interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-female-architect-taking-photos-building-models-bearded-architects-working-background_482257-27776.jpg",
imageAlt: "Store display",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-router-spindle-moulder-furniture-assembly-shop_482257-98099.jpg",
imageAlt: "Store display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-tools_23-2147790959.jpg",
imageAlt: "Tools interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/large-modern-warehouse-theme-blur-background_1385-1605.jpg",
imageAlt: "Store display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-working-clothes-apron-goggles-repairs-bicycle-wheel-workshop_613910-5836.jpg",
imageAlt: "Tools interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/kegs-beer-regular-rows_1398-2536.jpg",
imageAlt: "Store display",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138643.jpg",
imageAlt: "Tools interior",
},
]}
buttons={[
{
text: "Browse Catalog",
href: "#products",
},
{
text: "Visit Us",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-friends-hostel_23-2150518186.jpg",
alt: "Local resident happy with service",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-african-young-man-with-his-girlfriend_23-2148156369.jpg",
alt: "Professional contractor customer",
},
{
src: "http://img.b2bpic.net/free-photo/two-smiling-builders-work-clothes-happily-looking-camera-spending-time-workshop-with-variety-tools-background_574295-1638.jpg",
alt: "Builder visiting our shop",
},
{
src: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg",
alt: "Renovation specialist client",
},
{
src: "http://img.b2bpic.net/free-photo/happy-caucasian-salesman-making-eye-contact-showing-different-samples-wood-frames-that-they-sell-store_662251-263.jpg",
alt: "Friendly staff member",
},
]}
avatarText="Trusted by over 500+ local professionals"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/set-torx-head-with-blank-slate-cordless-drill-wooden-surface_23-2147865584.jpg",
alt: "Hand tools",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-set-wood-drills-work-table-joiner-workshop_169016-13122.jpg",
alt: "Drills",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg",
alt: "Wrenches",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/ratchets-metallic-nozzles_23-2148180577.jpg",
alt: "Ratchets",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/carpenter-tools_23-2147773343.jpg",
alt: "Carpentry kit",
},
]}
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/manufacturer-preparing-safety-gear-apprentice-before-starting-work_482257-97729.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/baking-boxes-kept-shelf_1170-2150.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/attractive-salesman-pretty-woman-her-20s-are-store-looking-wall-full-frame-samples_662251-250.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/store-worker-taking-detail-from-warehouse_114579-2801.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-redhead-worker-with-haircut-holding-electric-screwdriver-working-repair-shop_613910-19681.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/young-female-architect-taking-photos-building-models-bearded-architects-working-background_482257-27776.jpg" }]}
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-router-spindle-moulder-furniture-assembly-shop_482257-98099.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-tools_23-2147790959.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/large-modern-warehouse-theme-blur-background_1385-1605.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-working-clothes-apron-goggles-repairs-bicycle-wheel-workshop_613910-5836.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/kegs-beer-regular-rows_1398-2536.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138643.jpg" }]}
buttons={[{ text: "Browse Catalog", href: "#products" }, { text: "Visit Us", href: "#contact" }]}
/>
</div>
@@ -179,33 +57,7 @@ export default function LandingPage() {
<AboutMetric
useInvertedBackground={false}
title="Serving Our Community Since 1985"
metrics={[
{
icon: Wrench,
label: "Projects Completed",
value: "25,000+",
},
{
icon: Wrench,
label: "Expert Staff",
value: "15+",
},
{
icon: CheckCircle,
label: "Satisfied Clients",
value: "10,000+",
},
{
icon: Award,
label: "Years in Business",
value: "39+",
},
{
icon: Truck,
label: "Deliveries",
value: "50k+",
},
]}
metrics={[{ icon: Wrench, label: "Projects Completed", value: "25,000+" }, { icon: Wrench, label: "Expert Staff", value: "15+" }, { icon: CheckCircle, label: "Satisfied Clients", value: "10,000+" }, { icon: Award, label: "Years in Business", value: "39+" }, { icon: Truck, label: "Deliveries", value: "50k+" }]}
metricsAnimation="slide-up"
/>
</div>
@@ -216,44 +68,7 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Professional Hammer",
price: "$34.99",
imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138387.jpg",
},
{
id: "p2",
name: "Cordless Drill Set",
price: "$189.00",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-with-drill_23-2149916314.jpg",
},
{
id: "p3",
name: "Plumbing Wrench",
price: "$45.50",
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg",
},
{
id: "p4",
name: "Precision Screwdriver Set",
price: "$28.00",
imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg",
},
{
id: "p5",
name: "Professional Measuring Tape",
price: "$19.99",
imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15365.jpg",
},
{
id: "p6",
name: "Industrial Fastener Set",
price: "$12.50",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woodworking-gear-rack-joinery-power-tool_482257-104738.jpg",
},
]}
products={[{ id: "p1", name: "Professional Hammer", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-photo/bike-repair-shop_23-2148138387.jpg" }, { id: "p2", name: "Cordless Drill Set", price: "$189.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-with-drill_23-2149916314.jpg" }, { id: "p3", name: "Plumbing Wrench", price: "$45.50", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg" }, { id: "p4", name: "Precision Screwdriver Set", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/tools-repairing-shop_23-2148138424.jpg" }, { id: "p5", name: "Professional Measuring Tape", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15365.jpg" }, { id: "p6", name: "Industrial Fastener Set", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woodworking-gear-rack-joinery-power-tool_482257-104738.jpg" }]}
title="Professional Grade Tools"
description="Explore our curated selection of high-performance tools and supplies."
/>
@@ -263,25 +78,10 @@ export default function LandingPage() {
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: ShieldCheck,
title: "Premium Quality",
description: "We only stock tools from trusted professional manufacturers.",
},
{
icon: Users,
title: "Expert Guidance",
description: "Our staff has over 100 years of combined industry experience.",
},
{
icon: Clock,
title: "Fast Local Delivery",
description: "Get what you need quickly with our local priority delivery service.",
},
]}
features={[{ icon: ShieldCheck, title: "Premium Quality", description: "We only stock tools from trusted professional manufacturers." }, { icon: Users, title: "Expert Guidance", description: "Our staff has over 100 years of combined industry experience." }, { icon: Clock, title: "Fast Local Delivery", description: "Get what you need quickly with our local priority delivery service." }]}
title="Why Choose Us?"
description="Expert solutions and quality supplies for every project type."
animationType="slide-up"
/>
</div>
@@ -290,23 +90,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Track Record"
tag="Reliability"
metrics={[
{
id: "m1",
value: "12",
description: "Years of Excellence",
},
{
id: "m2",
value: "5k",
description: "Items in Stock",
},
{
id: "m3",
value: "98%",
description: "Customer Satisfaction",
},
]}
metrics={[{ id: "m1", value: "12", description: "Years of Excellence" }, { id: "m2", value: "5k", description: "Items in Stock" }, { id: "m3", value: "98%", description: "Customer Satisfaction" }]}
metricsAnimation="blur-reveal"
/>
</div>
@@ -314,33 +98,7 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-shaking-hands-with-manager-auto-repair-shop_637285-4229.jpg",
},
{
id: "t2",
name: "Michael R.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg",
},
{
id: "t3",
name: "Emily P.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg",
},
{
id: "t4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880938.jpg",
},
{
id: "t5",
name: "Jessica L.",
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12772.jpg",
},
]}
testimonials={[{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-shaking-hands-with-manager-auto-repair-shop_637285-4229.jpg" }, { id: "t2", name: "Michael R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-carpenter_329181-15682.jpg" }, { id: "t3", name: "Emily P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-experienced-carpenter_329181-15660.jpg" }, { id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880938.jpg" }, { id: "t5", name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12772.jpg" }]}
cardTitle="Client Success Stories"
cardTag="Trusted by Pros"
cardAnimation="slide-up"
@@ -350,23 +108,7 @@ export default function LandingPage() {
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer tool rentals?",
content: "Yes, we offer a wide range of professional power tool rentals.",
},
{
id: "f2",
title: "What are your store hours?",
content: "We are open Monday-Saturday from 8:00 AM to 6:00 PM.",
},
{
id: "f3",
title: "Can you special order parts?",
content: "Absolutely. If we don't stock it, we can usually source it within 48 hours.",
},
]}
faqs={[{ id: "f1", title: "Do you offer tool rentals?", content: "Yes, we offer a wide range of professional power tool rentals." }, { id: "f2", title: "What are your store hours?", content: "We are open Monday-Saturday from 8:00 AM to 6:00 PM." }, { id: "f3", title: "Can you special order parts?", content: "Absolutely. If we don't stock it, we can usually source it within 48 hours." }]}
sideTitle="Common Questions"
sideDescription="Find answers to our most requested information regarding our services."
faqsAnimation="blur-reveal"
@@ -378,70 +120,15 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Get in Touch"
description="Have a project query? Our team is ready to help."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Project details or inquiry...",
rows: 4,
required: true,
}}
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]}
textarea={{ name: "message", placeholder: "Project details or inquiry...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/carpenter-workshop-putting-ears-protection-getting-ready-work_342744-836.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Location",
href: "#contact",
},
],
},
]}
columns={[{ items: [{ label: "About Us", href: "#about" }, { label: "Products", href: "#products" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }, { items: [{ label: "Contact", href: "#contact" }, { label: "Location", href: "#contact" }] }]}
logoText="Iron & Oak Hardware"
/>
</div>