From 2e30b717d1a9745de4874cb69d8105b347aa93f2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 4 Jun 2026 01:18:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 319 ++++++++++-------------------------------------
 1 file changed, 68 insertions(+), 251 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2340280..b4d2b10 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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: "#"},
           ],
         },
       ]}