bender/f0d380dd-3d0f-43a7-b8e0-93b0951e30f7
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-06-04 01:18:40 +00:00
parent b70bc9595b
commit 2e30b717d1
1 changed files with 68 additions and 251 deletions
Download Patch File Download Diff File Expand all files Collapse all files

319
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Box, Calendar, Users } from "lucide-react";
import { Box, Calendar, Users, DollarSign, Truck, Layers, LifeBuoy, ShoppingCart, BookOpen } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,34 +34,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Browse Products",
href: "#products",
}}
text: "Browse Products", href: "#products"}}
brandName="Standard Building Supplies"
/>
</div>
@@ -69,15 +55,12 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardScroll
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
title="Quality Building Materials, Local Service, Competitive Prices"
description="Trusted by Canadian contractors and builders. Fast delivery, extensive inventory, expert support."
buttons={[
{
text: "Browse Products",
href: "#products",
},
text: "Browse Products", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-workshop_1170-2527.jpg"
imageAlt="A bustling warehouse filled with various building materials, including lumber, insulation, and concrete bags, with a forklift in the background."
@@ -92,17 +75,11 @@ export default function LandingPage() {
description="Standard Building Supplies is committed to providing top-quality building materials with unmatched local service. We cater to the diverse needs of professional contractors, experienced builders, and dedicated DIY homeowners across Canada, ensuring every project is a success."
bulletPoints={[
{
title: "Reliable Supply Chain",
description: "Consistent product availability and efficient logistics mean your projects stay on schedule, every time.",
},
title: "Reliable Supply Chain", description: "Consistent product availability and efficient logistics mean your projects stay on schedule, every time."},
{
title: "Fast Local Delivery",
description: "Get your materials delivered directly to your site quickly, minimizing downtime and maximizing productivity.",
},
title: "Fast Local Delivery", description: "Get your materials delivered directly to your site quickly, minimizing downtime and maximizing productivity."},
{
title: "Extensive Inventory",
description: "From lumber and drywall to roofing and specialty items, our vast selection covers all your building needs.",
},
title: "Extensive Inventory", description: "From lumber and drywall to roofing and specialty items, our vast selection covers all your building needs."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-mask_23-2148902543.jpg"
imageAlt="A clean, well-organized warehouse with stacks of building materials and a forklift, showcasing efficient operations."
@@ -116,46 +93,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Competitive Pricing",
description: "Benefit from bulk discounts and everyday low prices designed to keep your project costs down.",
imageSrc: "http://img.b2bpic.net/free-photo/blueprints-near-calculator-compasses_23-2147785565.jpg",
imageAlt: "Coins stacked next to a price tag, symbolizing cost savings and competitive pricing.",
buttonIcon: "DollarSign",
title: "Competitive Pricing", description: "Benefit from bulk discounts and everyday low prices designed to keep your project costs down.", imageSrc: "http://img.b2bpic.net/free-photo/blueprints-near-calculator-compasses_23-2147785565.jpg", imageAlt: "Coins stacked next to a price tag, symbolizing cost savings and competitive pricing.", buttonIcon: DollarSign,
},
{
title: "Fast Local Delivery",
description: "Our efficient delivery network ensures your materials arrive promptly, exactly when and where you need them.",
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194794.jpg",
imageAlt: "A delivery truck loaded with building materials driving on a road, emphasizing speed and convenience.",
buttonIcon: "Truck",
title: "Fast Local Delivery", description: "Our efficient delivery network ensures your materials arrive promptly, exactly when and where you need them.", imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194794.jpg", imageAlt: "A delivery truck loaded with building materials driving on a road, emphasizing speed and convenience.", buttonIcon: Truck,
},
{
title: "Extensive Inventory",
description: "Access a wide array of high-quality building products, ensuring you always find what you're looking for.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-caucasian-man-working-small-business-ecommerce-with-laptop-smiling-love-doing-heart-symbol-shape-with-hands-romantic-concept_839833-5525.jpg",
imageAlt: "Shelves fully stocked with various building materials in a large, well-lit warehouse.",
buttonIcon: "Layers",
title: "Extensive Inventory", description: "Access a wide array of high-quality building products, ensuring you always find what you're looking for.", imageSrc: "http://img.b2bpic.net/free-photo/senior-caucasian-man-working-small-business-ecommerce-with-laptop-smiling-love-doing-heart-symbol-shape-with-hands-romantic-concept_839833-5525.jpg", imageAlt: "Shelves fully stocked with various building materials in a large, well-lit warehouse.", buttonIcon: Layers,
},
{
title: "Expert Support",
description: "Our knowledgeable team provides guidance, product education, and problem-solving assistance for every project.",
imageSrc: "http://img.b2bpic.net/free-photo/group-architect-discussing-layout-plan-blueprint-office_23-2147842995.jpg",
imageAlt: "A construction expert discussing blueprints with a client, illustrating professional guidance.",
buttonIcon: "LifeBuoy",
title: "Expert Support", description: "Our knowledgeable team provides guidance, product education, and problem-solving assistance for every project.", imageSrc: "http://img.b2bpic.net/free-photo/group-architect-discussing-layout-plan-blueprint-office_23-2147842995.jpg", imageAlt: "A construction expert discussing blueprints with a client, illustrating professional guidance.", buttonIcon: LifeBuoy,
},
{
title: "Flexible Ordering",
description: "Whether it's a large bulk order or a small DIY purchase, we offer flexible ordering options to suit your needs.",
imageSrc: "http://img.b2bpic.net/free-photo/industry-4-0-engineer-programs-automated-assembly-line-robot-arm-using-cad-software-tablet_482257-135813.jpg",
imageAlt: "A hand holding a tablet displaying an online ordering interface for building materials.",
buttonIcon: "ShoppingCart",
title: "Flexible Ordering", description: "Whether it's a large bulk order or a small DIY purchase, we offer flexible ordering options to suit your needs.", imageSrc: "http://img.b2bpic.net/free-photo/industry-4-0-engineer-programs-automated-assembly-line-robot-arm-using-cad-software-tablet_482257-135813.jpg", imageAlt: "A hand holding a tablet displaying an online ordering interface for building materials.", buttonIcon: ShoppingCart,
},
{
title: "Product Education",
description: "Empowering DIY homeowners and smaller builders with clear product information and usage tips.",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-taking-photo-her-boyfriend-cellphone_23-2148151847.jpg",
imageAlt: "A contractor pointing to a building material, explaining its features to a homeowner.",
buttonIcon: "BookOpen",
title: "Product Education", description: "Empowering DIY homeowners and smaller builders with clear product information and usage tips.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-taking-photo-her-boyfriend-cellphone_23-2148151847.jpg", imageAlt: "A contractor pointing to a building material, explaining its features to a homeowner.", buttonIcon: BookOpen,
},
]}
title="Dedicated to Your Success"
@@ -171,65 +124,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "lumber",
brand: "Canadian Timber Co.",
name: "Premium Grade Lumber (2x4x8)",
price: "$5.99/pc",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/pile-wood-planks_23-2148748803.jpg",
imageAlt: "Stacked timber planks in a lumber yard.",
},
id: "lumber", brand: "Canadian Timber Co.", name: "Premium Grade Lumber (2x4x8)", price: "$5.99/pc", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/pile-wood-planks_23-2148748803.jpg", imageAlt: "Stacked timber planks in a lumber yard."},
{
id: "drywall",
brand: "Wallboard Canada",
name: "Standard Drywall Sheet (4x8x1/2)",
price: "$12.50/sheet",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13159.jpg",
imageAlt: "Stack of drywall sheets in a warehouse.",
},
id: "drywall", brand: "Wallboard Canada", name: "Standard Drywall Sheet (4x8x1/2)", price: "$12.50/sheet", rating: 4,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13159.jpg", imageAlt: "Stack of drywall sheets in a warehouse."},
{
id: "roofing",
brand: "WeatherGuard Roofing",
name: "Asphalt Shingles (Bundle)",
price: "$35.00/bundle",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-temple-roof-thai-temple_1428-127.jpg",
imageAlt: "Bundles of asphalt roofing shingles.",
},
id: "roofing", brand: "WeatherGuard Roofing", name: "Asphalt Shingles (Bundle)", price: "$35.00/bundle", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/vintage-temple-roof-thai-temple_1428-127.jpg", imageAlt: "Bundles of asphalt roofing shingles."},
{
id: "concrete",
brand: "StrongMix Cement",
name: "Portland Cement (40kg bag)",
price: "$8.75/bag",
rating: 4,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/black-sesame-dark-background_1150-45225.jpg",
imageAlt: "Bags of cement mix stacked.",
},
id: "concrete", brand: "StrongMix Cement", name: "Portland Cement (40kg bag)", price: "$8.75/bag", rating: 4,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/black-sesame-dark-background_1150-45225.jpg", imageAlt: "Bags of cement mix stacked."},
{
id: "insulation",
brand: "EcoShield Insulation",
name: "Fiberglass Batt Insulation (R14)",
price: "$0.89/sq ft",
rating: 5,
reviewCount: "70",
imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg",
imageAlt: "Rolls of fiberglass batt insulation.",
},
id: "insulation", brand: "EcoShield Insulation", name: "Fiberglass Batt Insulation (R14)", price: "$0.89/sq ft", rating: 5,
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744264.jpg", imageAlt: "Rolls of fiberglass batt insulation."},
{
id: "tools",
brand: "ProBuild Tools",
name: "Essential Hand Tool Kit (10-pc)",
price: "$89.99/kit",
rating: 4,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-background_23-2147773387.jpg",
imageAlt: "An assortment of professional hand tools for construction.",
},
id: "tools", brand: "ProBuild Tools", name: "Essential Hand Tool Kit (10-pc)", price: "$89.99/kit", rating: 4,
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-background_23-2147773387.jpg", imageAlt: "An assortment of professional hand tools for construction."},
]}
title="Our Diverse Product Range"
description="Explore our comprehensive selection of high-quality building materials for every stage of your project."
@@ -243,23 +154,14 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "years",
icon: Calendar,
title: "Years in Business",
value: "25+",
},
id: "years", icon: Calendar,
title: "Years in Business", value: "25+"},
{
id: "customers",
icon: Users,
title: "Satisfied Customers",
value: "10,000+",
},
id: "customers", icon: Users,
title: "Satisfied Customers", value: "10,000+"},
{
id: "materials",
icon: Box,
title: "Materials Delivered",
value: "1M+ Tonnes",
},
id: "materials", icon: Box,
title: "Materials Delivered", value: "1M+ Tonnes"},
]}
title="Our Impact & Commitment"
description="Building on a foundation of trust and quality, we're proud of the achievements that reflect our dedication to the Canadian construction industry."
@@ -271,14 +173,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Maplewood Construction",
"Northern Builders Inc.",
"CityScape Developments",
"EcoHome Renovations",
"Prairie Projects Group",
"Coastal Contractors",
"Mountain Peak Builds",
]}
"Maplewood Construction", "Northern Builders Inc.", "CityScape Developments", "EcoHome Renovations", "Prairie Projects Group", "Coastal Contractors", "Mountain Peak Builds"]}
title="Trusted by Industry Leaders"
description="Our quality materials and dependable service have earned the trust of top construction firms and local businesses across Canada."
showCard={true}
@@ -290,35 +185,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
imageAlt: "Portrait of John Doe, a professional contractor.",
},
id: "1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg", imageAlt: "Portrait of John Doe, a professional contractor."},
{
id: "2",
name: "Jane Smith",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
imageAlt: "Portrait of Jane Smith, a satisfied homeowner.",
},
id: "2", name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg", imageAlt: "Portrait of Jane Smith, a satisfied homeowner."},
{
id: "3",
name: "Robert Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-tablet-helmet_23-2148269247.jpg",
imageAlt: "Portrait of Robert Johnson, a facility manager.",
},
id: "3", name: "Robert Johnson", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-tablet-helmet_23-2148269247.jpg", imageAlt: "Portrait of Robert Johnson, a facility manager."},
{
id: "4",
name: "Emily White",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3542.jpg",
imageAlt: "Portrait of Emily White, an architect.",
},
id: "4", name: "Emily White", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-happy-expression_1194-3542.jpg", imageAlt: "Portrait of Emily White, an architect."},
{
id: "5",
name: "David Green",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-celebrating-teamwork-with-high-five-storehouse_482257-129603.jpg",
imageAlt: "Portrait of David Green, a DIY enthusiast.",
},
id: "5", name: "David Green", imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-celebrating-teamwork-with-high-five-storehouse_482257-129603.jpg", imageAlt: "Portrait of David Green, a DIY enthusiast."},
]}
cardTitle="Hear From Our Valued Clients"
cardTag="Customer Success"
@@ -332,35 +207,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What delivery options do you offer?",
content: "We offer fast local delivery services directly to your construction site or home. Expedited options are available upon request.",
},
id: "1", title: "What delivery options do you offer?", content: "We offer fast local delivery services directly to your construction site or home. Expedited options are available upon request."},
{
id: "2",
title: "Do you offer bulk pricing for contractors?",
content: "Yes, we have competitive bulk pricing and special account terms for professional contractors and large-scale projects. Please contact our sales team for more details.",
},
id: "2", title: "Do you offer bulk pricing for contractors?", content: "Yes, we have competitive bulk pricing and special account terms for professional contractors and large-scale projects. Please contact our sales team for more details."},
{
id: "3",
title: "Can DIY homeowners purchase from you?",
content: "Absolutely! We welcome DIY homeowners and smaller builders, offering guidance and competitive pricing on all orders, big or small.",
},
id: "3", title: "Can DIY homeowners purchase from you?", content: "Absolutely! We welcome DIY homeowners and smaller builders, offering guidance and competitive pricing on all orders, big or small."},
{
id: "4",
title: "What payment methods do you accept?",
content: "We accept major credit cards, debit cards, and offer account-based invoicing for our regular business clients.",
},
id: "4", title: "What payment methods do you accept?", content: "We accept major credit cards, debit cards, and offer account-based invoicing for our regular business clients."},
{
id: "5",
title: "Do you stock specialty building materials?",
content: "Our extensive inventory includes a wide range of standard and specialty building materials. If you don't see what you need, our team can help source it for you.",
},
id: "5", title: "Do you stock specialty building materials?", content: "Our extensive inventory includes a wide range of standard and specialty building materials. If you don't see what you need, our team can help source it for you."},
{
id: "6",
title: "What is your return policy?",
content: "We strive for customer satisfaction. Please refer to our detailed return policy page or contact customer service for specific inquiries regarding returns and exchanges.",
},
id: "6", title: "What is your return policy?", content: "We strive for customer satisfaction. Please refer to our detailed return policy page or contact customer service for specific inquiries regarding returns and exchanges."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our products, services, and ordering process."
@@ -375,37 +232,20 @@ export default function LandingPage() {
description="Have questions about our products, need a quote, or ready to place an order? Fill out the form below and our team will get back to you promptly."
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)"},
]}
multiSelect={{
name: "inquiryType",
label: "Type of Inquiry",
options: [
"Product Inquiry",
"Order Support",
"Partnership",
"General Question",
],
name: "inquiryType", label: "Type of Inquiry", options: [
"Product Inquiry", "Order Support", "Partnership", "General Question"],
}}
textarea={{
name: "message",
placeholder: "How can we help you?",
rows: 4,
name: "message", placeholder: "How can we help you?", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg"
@@ -421,58 +261,35 @@ export default function LandingPage() {
logoText="Standard Building Supplies"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Our Story",
href: "#",
},
label: "Our Story", href: "#"},
],
},
{
title: "Products",
items: [
title: "Products", items: [
{
label: "Lumber & Wood",
href: "#products",
},
label: "Lumber & Wood", href: "#products"},
{
label: "Drywall",
href: "#products",
},
label: "Drywall", href: "#products"},
{
label: "Roofing",
href: "#products",
},
label: "Roofing", href: "#products"},
{
label: "Concrete",
href: "#products",
},
label: "Concrete", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
],
},
]}