Update src/app/page.tsx
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user