bender/044a4194-df11-4efd-8a69-41fa51e6c969
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-26 16:12:35 +00:00
parent c97c0e0c99
commit da33d766f1
1 changed files with 46 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
src/app/page.tsx
View File

@@ -33,58 +33,37 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="HandyHub Hardware"
button={{
text: "Visit Us",
href: "#contact",
}}
text: "Visit Us", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
logoText="HandyHub"
description="Your Trusted Partner for Quality Tools & Home Improvement Supplies"
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Find a Store",
href: "#contact",
},
text: "Find a Store", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/group-warehouse-workers-wearing-hardhats-reflective-jackets-waking-aisle-tall-racks-with-packages-goods_342744-1472.jpg"
imageAlt="Hardware store interior with tools and shelves"
@@ -99,9 +78,7 @@ export default function LandingPage() {
title="Your Community's Go-To for Hardware Excellence"
buttons={[
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
/>
</div>
@@ -114,23 +91,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Quality Tools for Every Job",
description: "From essential hand tools to advanced power equipment, we stock only the most durable and reliable brands for professionals and DIY enthusiasts.",
imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg",
imageAlt: "Collection of quality hand and power tools",
},
title: "Quality Tools for Every Job", description: "From essential hand tools to advanced power equipment, we stock only the most durable and reliable brands for professionals and DIY enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg", imageAlt: "Collection of quality hand and power tools"},
{
title: "Expert Advice When You Need It",
description: "Our knowledgeable staff are always on hand to provide personalized recommendations, project guidance, and practical tips to ensure your success.",
imageSrc: "http://img.b2bpic.net/free-photo/group-colleagues-playing-foosball-table-after-work-drinking-beer-eating-pizza-office-people-enjoying-fun-activity-after-hours-with-football-alcoholic-beverages_482257-28459.jpg",
imageAlt: "Hardware store employee helping a customer",
},
title: "Expert Advice When You Need It", description: "Our knowledgeable staff are always on hand to provide personalized recommendations, project guidance, and practical tips to ensure your success.", imageSrc: "http://img.b2bpic.net/free-photo/group-colleagues-playing-foosball-table-after-work-drinking-beer-eating-pizza-office-people-enjoying-fun-activity-after-hours-with-football-alcoholic-beverages_482257-28459.jpg", imageAlt: "Hardware store employee helping a customer"},
{
title: "Wide Selection of Supplies",
description: "Explore our extensive inventory of building materials, fasteners, plumbing, electrical, and gardening supplies, all under one roof.",
imageSrc: "http://img.b2bpic.net/free-photo/terminal-blocks-distribution-blocks-close-up_169016-24831.jpg",
imageAlt: "Aisle with various hardware supplies",
},
title: "Wide Selection of Supplies", description: "Explore our extensive inventory of building materials, fasteners, plumbing, electrical, and gardening supplies, all under one roof.", imageSrc: "http://img.b2bpic.net/free-photo/terminal-blocks-distribution-blocks-close-up_169016-24831.jpg", imageAlt: "Aisle with various hardware supplies"},
]}
title="Your Project, Our Priority"
description="Discover why HandyHub Hardware is the trusted choice for all your building and repair needs. We provide not just products, but solutions."
@@ -145,47 +110,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p-1",
name: "Cordless Power Drill",
price: "$129.99",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-builder-protective-helmet-work-facility-works-with-cutting-tool_169016-11228.jpg",
imageAlt: "Cordless power drill",
},
id: "p-1", name: "Cordless Power Drill", price: "$129.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-builder-protective-helmet-work-facility-works-with-cutting-tool_169016-11228.jpg", imageAlt: "Cordless power drill"},
{
id: "p-2",
name: "Heavy Duty Claw Hammer",
price: "$24.50",
imageSrc: "http://img.b2bpic.net/free-photo/making-bracelet-hard-working-jeweler-concept_23-2148643202.jpg",
imageAlt: "Heavy duty claw hammer",
},
id: "p-2", name: "Heavy Duty Claw Hammer", price: "$24.50", imageSrc: "http://img.b2bpic.net/free-photo/making-bracelet-hard-working-jeweler-concept_23-2148643202.jpg", imageAlt: "Heavy duty claw hammer"},
{
id: "p-3",
name: "Professional Tool Box",
price: "$79.00",
imageSrc: "http://img.b2bpic.net/free-photo/creative-woodworker-carpentry-shop-uses-angle-grinder-create-wood-art_482257-89308.jpg",
imageAlt: "Professional tool box",
},
id: "p-3", name: "Professional Tool Box", price: "$79.00", imageSrc: "http://img.b2bpic.net/free-photo/creative-woodworker-carpentry-shop-uses-angle-grinder-create-wood-art_482257-89308.jpg", imageAlt: "Professional tool box"},
{
id: "p-4",
name: "Adjustable Wrench Set",
price: "$39.99",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wrench-dark-background_1212-887.jpg",
imageAlt: "Adjustable wrench set",
},
id: "p-4", name: "Adjustable Wrench Set", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-wrench-dark-background_1212-887.jpg", imageAlt: "Adjustable wrench set"},
{
id: "p-5",
name: "Premium Interior Paint (Gallon)",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/paint-can-with-paint-brush-repairs-isolated_1303-20927.jpg",
imageAlt: "Premium interior paint gallon can",
},
id: "p-5", name: "Premium Interior Paint (Gallon)", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/paint-can-with-paint-brush-repairs-isolated_1303-20927.jpg", imageAlt: "Premium interior paint gallon can"},
{
id: "p-6",
name: "Assorted Wood Screws Kit",
price: "$18.75",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-golden-cross-screws-golden-table_181624-18746.jpg",
imageAlt: "Assorted wood screws kit",
},
id: "p-6", name: "Assorted Wood Screws Kit", price: "$18.75", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-golden-cross-screws-golden-table_181624-18746.jpg", imageAlt: "Assorted wood screws kit"},
]}
title="Featured Products"
description="Explore our most popular and essential hardware items, curated for quality and durability."
@@ -200,32 +135,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m-1",
value: "30+",
title: "Years in Business",
description: "Decades of trusted service to our community.",
icon: Award,
id: "m-1", value: "30+", title: "Years in Business", description: "Decades of trusted service to our community.", icon: Award,
},
{
id: "m-2",
value: "10,000+",
title: "Happy Customers",
description: "Thousands of satisfied DIYers and professionals.",
icon: Users,
id: "m-2", value: "10,000+", title: "Happy Customers", description: "Thousands of satisfied DIYers and professionals.", icon: Users,
},
{
id: "m-3",
value: "50,000+",
title: "Products in Stock",
description: "A vast inventory to meet all your project needs.",
icon: Package,
id: "m-3", value: "50,000+", title: "Products in Stock", description: "A vast inventory to meet all your project needs.", icon: Package,
},
{
id: "m-4",
value: "15+",
title: "Expert Staff",
description: "Dedicated professionals ready to assist you.",
icon: Building,
id: "m-4", value: "15+", title: "Expert Staff", description: "Dedicated professionals ready to assist you.", icon: Building,
},
]}
title="Our Impact in Numbers"
@@ -235,55 +154,26 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "t-1",
name: "Sarah J.",
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-frustrated-repairman-has-puzzled-face-expression-hammer-hand-raises-arm-with-indignation-dressed-workwear-cannot-understand-what-repair_273609-31245.jpg",
imageAlt: "Sarah J.",
},
id: "t-1", name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-frustrated-repairman-has-puzzled-face-expression-hammer-hand-raises-arm-with-indignation-dressed-workwear-cannot-understand-what-repair_273609-31245.jpg", imageAlt: "Sarah J."},
{
id: "t-2",
name: "Mark C.",
role: "Contractor",
company: "BuildRight Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg",
imageAlt: "Mark C.",
},
id: "t-2", name: "Mark C.", role: "Contractor", company: "BuildRight Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg", imageAlt: "Mark C."},
{
id: "t-3",
name: "Emily R.",
role: "DIY Enthusiast",
company: "The Crafty Corner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451026.jpg",
imageAlt: "Emily R.",
},
id: "t-3", name: "Emily R.", role: "DIY Enthusiast", company: "The Crafty Corner", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451026.jpg", imageAlt: "Emily R."},
{
id: "t-4",
name: "David K.",
role: "Plumber",
company: "AquaFlow Services",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-man-artisan-carves-from-wooden-spoon-istanbul-turkey_628469-71.jpg",
imageAlt: "David K.",
},
id: "t-4", name: "David K.", role: "Plumber", company: "AquaFlow Services", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/old-man-artisan-carves-from-wooden-spoon-istanbul-turkey_628469-71.jpg", imageAlt: "David K."},
{
id: "t-5",
name: "Jessica L.",
role: "Gardener",
company: "GreenThumb Gardens",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg",
imageAlt: "Jessica L.",
},
id: "t-5", name: "Jessica L.", role: "Gardener", company: "GreenThumb Gardens", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-architect-shaking-hands_23-2148233782.jpg", imageAlt: "Jessica L."},
]}
title="What Our Customers Say"
description="Hear from satisfied customers who trust HandyHub Hardware for their projects and everyday needs."
@@ -295,25 +185,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What are your store hours?",
content: "Our store is open Monday to Saturday from 7 AM to 7 PM, and Sunday from 9 AM to 5 PM. Holiday hours may vary, please check our contact page for updates.",
},
id: "faq-1", title: "What are your store hours?", content: "Our store is open Monday to Saturday from 7 AM to 7 PM, and Sunday from 9 AM to 5 PM. Holiday hours may vary, please check our contact page for updates."},
{
id: "faq-2",
title: "Do you offer delivery services?",
content: "Yes, we offer local delivery for large items and bulk orders within a 20-mile radius. Please inquire at the counter for delivery options and fees.",
},
id: "faq-2", title: "Do you offer delivery services?", content: "Yes, we offer local delivery for large items and bulk orders within a 20-mile radius. Please inquire at the counter for delivery options and fees."},
{
id: "faq-3",
title: "What is your return policy?",
content: "Unused and unopened items can be returned within 30 days of purchase with a valid receipt for a full refund. Some exclusions apply, please see in-store signage for details.",
},
id: "faq-3", title: "What is your return policy?", content: "Unused and unopened items can be returned within 30 days of purchase with a valid receipt for a full refund. Some exclusions apply, please see in-store signage for details."},
{
id: "faq-4",
title: "Can I get expert advice for my project?",
content: "Absolutely! Our team of experienced professionals is always ready to provide guidance, product recommendations, and helpful tips for your home improvement projects. Just ask!",
},
id: "faq-4", title: "Can I get expert advice for my project?", content: "Absolutely! Our team of experienced professionals is always ready to provide guidance, product recommendations, and helpful tips for your home improvement projects. Just ask!"},
]}
sideTitle="Common Questions"
sideDescription="Find quick answers to your most pressing questions about our store, products, and services."
@@ -326,18 +204,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to Start Your Next Project? Visit HandyHub Hardware Today!"
buttons={[
{
text: "Get Directions",
href: "https://www.google.com/maps/search/hardware+store",
},
text: "Get Directions", href: "https://www.google.com/maps/search/hardware+store"},
{
text: "Call Us",
href: "tel:+1-555-HANDYHUB",
},
text: "Call Us", href: "tel:+1-555-HANDYHUB"},
]}
/>
</div>
@@ -349,19 +222,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
]}
/>
</div>