bender/654f9311-43de-4c2a-994a-69a23f95cb3b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 17:30:48 +00:00
parent 4a0022bcb3
commit ef0f146dad
1 changed files with 41 additions and 141 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
src/pages/HomePage.tsx
View File

@@ -17,34 +17,24 @@ export default function HomePage() {
title="Exquisite Lumber & Bespoke Creations"
description="Discover premium hardwoods, softwoods, and custom woodworking services. We bring your visions to life with unparalleled quality and sustainable sourcing."
primaryButton={{
text: "Explore Our Woods",
href: "#products",
}}
text: "Explore Our Woods", href: "#products"}}
secondaryButton={{
text: "Request a Custom Quote",
href: "#contact",
}}
text: "Request a Custom Quote", href: "#contact"}}
leftItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773771.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773771.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16331.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-geometric-wavy-folds-background_1048-16331.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773758.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773758.jpg"},
]}
rightItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695893.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695893.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695797.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695797.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970747.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/pottery-workplace-with-different-creations-table_23-2148970747.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -70,55 +60,28 @@ export default function HomePage() {
description="From selecting the finest timber to creating bespoke wooden elements, our services are designed to meet every need of the modern craftsman and discerning homeowner."
items={[
{
label: "Premium Selection",
title: "Sustainable & High-Quality Woods",
bullets: [
"Ethically sourced hardwoods and softwoods",
"Exotic and domestic varieties",
"Expert guidance on wood properties and uses",
],
label: "Premium Selection", title: "Sustainable & High-Quality Woods", bullets: [
"Ethically sourced hardwoods and softwoods", "Exotic and domestic varieties", "Expert guidance on wood properties and uses"],
primaryButton: {
text: "View Inventory",
href: "#products",
},
text: "View Inventory", href: "#products"},
secondaryButton: {
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
},
{
label: "Custom Woodworking",
title: "Bespoke Furniture & Elements",
bullets: [
"Tailored designs for unique spaces",
"Hand-finished quality and attention to detail",
"Collaborative process from concept to creation",
],
label: "Custom Woodworking", title: "Bespoke Furniture & Elements", bullets: [
"Tailored designs for unique spaces", "Hand-finished quality and attention to detail", "Collaborative process from concept to creation"],
primaryButton: {
text: "Start Your Project",
href: "#contact",
},
text: "Start Your Project", href: "#contact"},
secondaryButton: {
text: "Our Portfolio",
href: "#",
},
text: "Our Portfolio", href: "#"},
},
{
label: "Expert Consultation",
title: "Guidance from Master Woodworkers",
bullets: [
"Personalized advice for your projects",
"Material recommendations and design tips",
"Support for DIY enthusiasts and professionals",
],
label: "Expert Consultation", title: "Guidance from Master Woodworkers", bullets: [
"Personalized advice for your projects", "Material recommendations and design tips", "Support for DIY enthusiasts and professionals"],
primaryButton: {
text: "Book Consultation",
href: "#contact",
},
text: "Book Consultation", href: "#contact"},
secondaryButton: {
text: "Read Our Blog",
href: "#",
},
text: "Read Our Blog", href: "#"},
},
]}
/>
@@ -133,40 +96,22 @@ export default function HomePage() {
description="Browse our curated collection of premium lumber and ready-to-inspire wooden products. Each piece reflects our commitment to quality and natural beauty."
products={[
{
name: "Oak Hardwood Planks",
price: "$12.99 / sq ft",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13245.jpg",
onAddToCart: (quantity) => console.log('Added Oak', quantity),
name: "Oak Hardwood Planks", price: "$12.99 / sq ft", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13245.jpg", onAddToCart: (quantity) => console.log('Added Oak', quantity),
},
{
name: "Maple Butcher Block",
price: "$189.00 / piece",
imageSrc: "http://img.b2bpic.net/free-photo/leaf-texture-background_53876-88827.jpg",
onAddToCart: (quantity) => console.log('Added Maple', quantity),
name: "Maple Butcher Block", price: "$189.00 / piece", imageSrc: "http://img.b2bpic.net/free-photo/leaf-texture-background_53876-88827.jpg", onAddToCart: (quantity) => console.log('Added Maple', quantity),
},
{
name: "Walnut Live Edge Slab",
price: "$350.00 / piece",
imageSrc: "http://img.b2bpic.net/free-photo/contrast-wood-stone-modern-furniture-premium-textures_169016-71185.jpg",
onAddToCart: (quantity) => console.log('Added Walnut', quantity),
name: "Walnut Live Edge Slab", price: "$350.00 / piece", imageSrc: "http://img.b2bpic.net/free-photo/contrast-wood-stone-modern-furniture-premium-textures_169016-71185.jpg", onAddToCart: (quantity) => console.log('Added Walnut', quantity),
},
{
name: "Pine Structural Beams",
price: "$8.50 / linear ft",
imageSrc: "http://img.b2bpic.net/free-photo/branches-leaves-norfolk-island-pine-araukariakuki-closeup-blurred-blue-sky-background-idea-postcard-article-about-plant-diversity_166373-3242.jpg",
onAddToCart: (quantity) => console.log('Added Pine', quantity),
name: "Pine Structural Beams", price: "$8.50 / linear ft", imageSrc: "http://img.b2bpic.net/free-photo/branches-leaves-norfolk-island-pine-araukariakuki-closeup-blurred-blue-sky-background-idea-postcard-article-about-plant-diversity_166373-3242.jpg", onAddToCart: (quantity) => console.log('Added Pine', quantity),
},
{
name: "Cherry Turning Blanks",
price: "$45.00 / each",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-door_23-2147625993.jpg",
onAddToCart: (quantity) => console.log('Added Cherry', quantity),
name: "Cherry Turning Blanks", price: "$45.00 / each", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-door_23-2147625993.jpg", onAddToCart: (quantity) => console.log('Added Cherry', quantity),
},
{
name: "Cedar Aromatic Boards",
price: "$10.25 / sq ft",
imageSrc: "http://img.b2bpic.net/free-photo/bowl-hips-anise-pine-cones-white-surface_114579-55129.jpg",
onAddToCart: (quantity) => console.log('Added Cedar', quantity),
name: "Cedar Aromatic Boards", price: "$10.25 / sq ft", imageSrc: "http://img.b2bpic.net/free-photo/bowl-hips-anise-pine-cones-white-surface_114579-55129.jpg", onAddToCart: (quantity) => console.log('Added Cedar', quantity),
},
]}
/>
@@ -181,41 +126,17 @@ export default function HomePage() {
description="Our passion is building dreams. Hear directly from those who have transformed their spaces and projects with Timber & Grain."
testimonials={[
{
name: "Sarah P.",
role: "Homeowner",
quote: "The custom oak mantelpiece from Timber & Grain is the centerpiece of my living room. The quality is exceptional, and their team was a pleasure to work with from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-home_329181-1168.jpg",
},
name: "Sarah P.", role: "Homeowner", quote: "The custom oak mantelpiece from Timber & Grain is the centerpiece of my living room. The quality is exceptional, and their team was a pleasure to work with from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-home_329181-1168.jpg"},
{
name: "Michael L.",
role: "Furniture Maker",
quote: "I rely on Timber & Grain for all my exotic hardwood needs. Their selection is unparalleled, and the consistency in quality allows me to create truly unique pieces.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384827.jpg",
},
name: "Michael L.", role: "Furniture Maker", quote: "I rely on Timber & Grain for all my exotic hardwood needs. Their selection is unparalleled, and the consistency in quality allows me to create truly unique pieces.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-cutting-mdf-board_23-2149384827.jpg"},
{
name: "Jessica R.",
role: "Interior Designer",
quote: "Their custom milling service saved my latest project. The precision and finish on the maple panels were exactly what my client envisioned. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37349.jpg",
},
name: "Jessica R.", role: "Interior Designer", quote: "Their custom milling service saved my latest project. The precision and finish on the maple panels were exactly what my client envisioned. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stands-house-design-sketch-ready-renovation_273609-37349.jpg"},
{
name: "David K.",
role: "DIY Enthusiast",
quote: "I purchased walnut slabs for a dining table project, and I couldn't be happier. The staff provided excellent advice, and the wood itself is stunning. My table is a conversation starter!",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-pillows-decorating-new-home_23-2149086785.jpg",
},
name: "David K.", role: "DIY Enthusiast", quote: "I purchased walnut slabs for a dining table project, and I couldn't be happier. The staff provided excellent advice, and the wood itself is stunning. My table is a conversation starter!", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-pillows-decorating-new-home_23-2149086785.jpg"},
{
name: "Emily S.",
role: "Boutique Owner",
quote: "Timber & Grain created bespoke display shelves for my shop. They perfectly capture the rustic elegance I was aiming for and have significantly elevated my store's aesthetic.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg",
},
name: "Emily S.", role: "Boutique Owner", quote: "Timber & Grain created bespoke display shelves for my shop. They perfectly capture the rustic elegance I was aiming for and have significantly elevated my store's aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg"},
{
name: "Robert B.",
role: "Contractor",
quote: "For reliable, high-grade lumber, Timber & Grain is my go-to. Their delivery is prompt, and the quality of their pine and cedar makes my construction projects smoother and more durable.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg",
},
name: "Robert B.", role: "Contractor", quote: "For reliable, high-grade lumber, Timber & Grain is my go-to. Their delivery is prompt, and the quality of their pine and cedar makes my construction projects smoother and more durable.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -229,25 +150,15 @@ export default function HomePage() {
description="Find answers to common inquiries about our lumber products, custom services, ordering process, and more."
items={[
{
question: "What types of wood do you offer?",
answer: "We offer a wide range of hardwoods and softwoods, including popular options like Oak, Maple, Walnut, Pine, Cherry, and Cedar, as well as exotic and reclaimed varieties. Please visit our 'Products' section or contact us for specific availability.",
},
question: "What types of wood do you offer?", answer: "We offer a wide range of hardwoods and softwoods, including popular options like Oak, Maple, Walnut, Pine, Cherry, and Cedar, as well as exotic and reclaimed varieties. Please visit our 'Products' section or contact us for specific availability."},
{
question: "Do you offer custom woodworking services?",
answer: "Yes, we specialize in bespoke woodworking. From custom furniture to unique architectural elements, our master woodworkers can bring your specific designs to life. Reach out via our 'Contact' form to discuss your project.",
},
question: "Do you offer custom woodworking services?", answer: "Yes, we specialize in bespoke woodworking. From custom furniture to unique architectural elements, our master woodworkers can bring your specific designs to life. Reach out via our 'Contact' form to discuss your project."},
{
question: "What is your sourcing policy for lumber?",
answer: "We are committed to sustainable and ethical sourcing. We work with certified suppliers who adhere to responsible forestry practices, ensuring our lumber is both high-quality and environmentally conscious.",
},
question: "What is your sourcing policy for lumber?", answer: "We are committed to sustainable and ethical sourcing. We work with certified suppliers who adhere to responsible forestry practices, ensuring our lumber is both high-quality and environmentally conscious."},
{
question: "Can I get a sample of your wood before purchasing?",
answer: "Absolutely! We understand the importance of seeing and feeling the wood. Please contact us to arrange for samples or visit our boutique to view our full range in person.",
},
question: "Can I get a sample of your wood before purchasing?", answer: "Absolutely! We understand the importance of seeing and feeling the wood. Please contact us to arrange for samples or visit our boutique to view our full range in person."},
{
question: "Do you offer delivery services?",
answer: "Yes, we offer local and regional delivery services for your convenience. Delivery fees may vary based on location and order size. Please inquire about delivery options when placing your order.",
},
question: "Do you offer delivery services?", answer: "Yes, we offer local and regional delivery services for your convenience. Delivery fees may vary based on location and order size. Please inquire about delivery options when placing your order."},
]}
/>
</SectionErrorBoundary>
@@ -261,27 +172,16 @@ export default function HomePage() {
description="Whether you need premium lumber, a custom furniture piece, or expert advice, our team is ready to assist. Fill out the form below or visit us at our boutique."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project or inquiry...",
rows: 5,
name: "message", placeholder: "Tell us about your project or inquiry...", rows: 5,
required: true,
}}
buttonText="Send Message"