427 lines
14 KiB
TypeScript
427 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Del Monte Lumber Inc"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Quality Lumber Reliable Supply Built for Builders"
|
|
description="Trusted by contractors and builders across the region. Sameday quotes, competitive pricing, and expert guidance for every project."
|
|
testimonials={[
|
|
{
|
|
name: "John Doe",
|
|
handle: "@johndoe",
|
|
testimonial: "Del Monte consistently delivers the best lumber in the region.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-safety-vest_23-2148751963.jpg",
|
|
},
|
|
{
|
|
name: "Jane Smith",
|
|
handle: "@janesmith",
|
|
testimonial: "My builds are always on time thanks to their quick delivery.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-with-helmet_23-2147702522.jpg",
|
|
},
|
|
{
|
|
name: "Bob Builder",
|
|
handle: "@bobbuilds",
|
|
testimonial: "Reliable, professional, and excellent quality.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architects-placing-blueprints-plan-table-work-urban-project-with-building-model-team-women-using-layout-print-design-construction-structure-development_482257-38868.jpg",
|
|
},
|
|
{
|
|
name: "Alice Green",
|
|
handle: "@alicegreen",
|
|
testimonial: "Great pricing and very knowledgeable staff.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-109882.jpg",
|
|
},
|
|
{
|
|
name: "Sam Wood",
|
|
handle: "@samwood",
|
|
testimonial: "My go-to lumber supplier for every commercial project.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get Your Quote Today",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AFDRpptPx4buwNV34xBpWy9jNG/uploaded-1778603968696-7hpks3ft.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
|
|
alt: "Front view smiley young man with helmet",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1730.jpg",
|
|
alt: "Happy builder in hardhat",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-builder-works_1398-1739.jpg",
|
|
alt: "Portrait of builder works",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-looking-camera_23-2148269287.jpg",
|
|
alt: "Medium shot smiley man looking at camera",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/architect-giving-hand-shake_23-2148242932.jpg",
|
|
alt: "Architect giving a hand shake",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/pile-wood-planks-front-view_23-2148748804.jpg",
|
|
alt: "Pile of wood planks front view",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773759.jpg",
|
|
alt: "Carpentry concept",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/log-pine-trunks-sanitary-felling-forests-idea-logging-wood-heating-houses_166373-5240.jpg",
|
|
alt: "Log pine trunks or sanitary felling of forests",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/3d-rendering-wood-logs_23-2151340175.jpg",
|
|
alt: "3d rendering of wood logs",
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Premium Timber",
|
|
icon: ShieldCheck,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Your Trusted Lumber Partner"
|
|
description="With years of experience, Del Monte Lumber serves commercial and retail builders with premium products and expert logistical support. We prioritize consistency to keep your construction schedules moving efficiently."
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Knowledge",
|
|
description: "Guidance on material selection to optimize your build.",
|
|
},
|
|
{
|
|
title: "Regional Reliability",
|
|
description: "Consistent supply chain managed by our dedicated team.",
|
|
},
|
|
{
|
|
title: "Competitive Pricing",
|
|
description: "Bulk rates designed to help your bottom line grow.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-carpenter-with-safety-glasses-ear-defender-around-his-neck-standing-front-wooden-workbench_23-2147944941.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Material Quality",
|
|
description: "Hand-selected inventory to ensure structural integrity and compliance.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-production-line-worker-checking-wood-material-furniture-production-factory-hall_342744-207.jpg",
|
|
},
|
|
{
|
|
title: "Rapid Delivery",
|
|
description: "Fast turnarounds to keep your construction site stocked and ready.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shipping-container-being-unloaded-by-crane-sunset_23-2152021811.jpg",
|
|
},
|
|
{
|
|
title: "Diverse Inventory",
|
|
description: "Full-service availability from framing studs to finish grade timbers.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/farm-honeycomb-pile_23-2148173058.jpg",
|
|
},
|
|
]}
|
|
title="Why Choose Del Monte?"
|
|
description="Everything we do is designed to minimize your downtime and maximize structural performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
brand: "Structural",
|
|
name: "Premium Framing Studs",
|
|
price: "Contact for Quote",
|
|
rating: 5,
|
|
reviewCount: "12",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cut-wood-logs-bunch_181624-18576.jpg",
|
|
},
|
|
{
|
|
id: "p2",
|
|
brand: "Structural",
|
|
name: "Commercial Plywood",
|
|
price: "Contact for Quote",
|
|
rating: 5,
|
|
reviewCount: "8",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plywood-sheets-stacked-pallet-finished-goods-warehouse-closeup-finished-products-wood-processing-wood-product-manufacturing-plant_166373-9099.jpg",
|
|
},
|
|
{
|
|
id: "p3",
|
|
brand: "Treated",
|
|
name: "Pressure-Treated Timber",
|
|
price: "Contact for Quote",
|
|
rating: 5,
|
|
reviewCount: "15",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/layers-wood-plank-background-high-view_23-2148748807.jpg",
|
|
},
|
|
{
|
|
id: "p4",
|
|
brand: "Finish",
|
|
name: "Cedar Siding",
|
|
price: "Contact for Quote",
|
|
rating: 5,
|
|
reviewCount: "6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-background-with-folded-strips-wood-close-up_169016-4852.jpg",
|
|
},
|
|
{
|
|
id: "p5",
|
|
brand: "Finish",
|
|
name: "Hardwood Flooring",
|
|
price: "Contact for Quote",
|
|
rating: 5,
|
|
reviewCount: "20",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-textured-background_53876-32225.jpg",
|
|
},
|
|
{
|
|
id: "p6",
|
|
brand: "Structural",
|
|
name: "Heavy Timber Beams",
|
|
price: "Contact for Quote",
|
|
rating: 5,
|
|
reviewCount: "9",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg",
|
|
},
|
|
]}
|
|
title="Professional Grade Inventory"
|
|
description="A comprehensive range of wood products for commercial and residential applications."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Alpha Builds",
|
|
"BuildRight Pro",
|
|
"StructureCore",
|
|
"Modern Home Construction",
|
|
"Regional Timber Group",
|
|
"Summit Construction",
|
|
"Peak Framing",
|
|
]}
|
|
title="Serving Leading Regional Contractors"
|
|
description="We are proud partners to construction firms committed to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "John Doe",
|
|
handle: "@johndoe",
|
|
testimonial: "Consistently reliable.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-construction-engineer-looking-away_23-2148233712.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Jane Smith",
|
|
handle: "@janesmith",
|
|
testimonial: "Best lumber supply.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-house_329181-9435.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Bob Builder",
|
|
handle: "@bobbuilds",
|
|
testimonial: "Excellent service.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/architect-checking-new-project_23-2148242920.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Alice Green",
|
|
handle: "@alicegreen",
|
|
testimonial: "Great pricing.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384823.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Sam Wood",
|
|
handle: "@samwood",
|
|
testimonial: "Trusted partner.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124312.jpg",
|
|
},
|
|
]}
|
|
title="Builders Speak for Us"
|
|
description="Hear what our long-term construction partners have to say."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "Do you deliver?",
|
|
content: "Yes, we offer region-wide delivery services for all bulk orders.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "How do I get a quote?",
|
|
content: "Simply fill out our contact form or call our sales line for same-day quotes.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Do you work with DIY?",
|
|
content: "Absolutely, we welcome retail DIY projects of any size.",
|
|
},
|
|
]}
|
|
title="Common Questions"
|
|
description="Answers to help you plan your next lumber procurement project."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contact Us"
|
|
title="Ready to Start Your Project?"
|
|
description="Request your lumber quote today and work with the regional standard in construction supplies."
|
|
buttons={[
|
|
{
|
|
text: "Request A Quote",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Del Monte Lumber"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Products",
|
|
items: [
|
|
{
|
|
label: "Lumber",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "Supplies",
|
|
href: "#products",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|