259 lines
15 KiB
TypeScript
259 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
|
import { Award, CheckCircle, Handshake, Sparkles, Star, TrendingUp, Trees, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Young Logging Ltd"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" }
|
|
]}
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Built on Hard Work. Rooted in the Forest."
|
|
description="Professional timber logging, firewood delivery, and land clearing services by Young Logging Ltd. Three decades of heritage, family values, and uncompromising quality."
|
|
background={{ variant: "downward-rays-static-grid" }}
|
|
tag="Heritage Logging Operation"
|
|
tagIcon={Trees}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Request a Quote", href: "#contact" },
|
|
{ text: "Learn More", href: "#about" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-tall-tree-field-with-amazing-sunset_181624-1782.jpg"
|
|
imageAlt="Young Logging operation - professional timber harvesting"
|
|
ariaLabel="Hero section - Young Logging Ltd premium logging services"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Meet Young Logging Ltd"
|
|
description="Founded by Ken Raymond and built on decades of expertise, Young Logging Ltd represents the pinnacle of professional logging operations. We're a family-run business dedicated to sustainable timber harvesting, premium firewood supply, and comprehensive land clearing services."
|
|
tag="Family Heritage Since 1995"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Decades of Excellence", description: "Three generations of logging expertise and commitment to quality craftsmanship in timber operations.", icon: CheckCircle
|
|
},
|
|
{
|
|
title: "Professional Team", description: "Experienced, certified operators led by Ken Raymond and his trusted crew dedicated to safety and precision.", icon: Users
|
|
},
|
|
{
|
|
title: "Premium Quality", description: "Every log, every cord of firewood, and every clearing operation meets our exacting standards.", icon: Sparkles
|
|
},
|
|
{
|
|
title: "Local Trust", description: "25 years of satisfied customers in the region—trusted by homeowners, contractors, and commercial clients alike.", icon: Handshake
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22880.jpg"
|
|
imageAlt="Ken Raymond, owner of Young Logging Ltd"
|
|
mediaAnimation="blur-reveal"
|
|
imagePosition="left"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="About Young Logging Ltd - family heritage and professional logging"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
title="Our Services"
|
|
description="Comprehensive logging and timber solutions tailored to your needs. From professional timber harvesting to bulk firewood delivery, we handle projects of any scale with precision and care."
|
|
tag="Professional Logging Solutions"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "timber-logging", title: "Professional Timber Logging", description: "Expert timber harvesting using modern equipment and sustainable practices. We handle selective cutting, clear cutting, and selective thinning operations with precision.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22891.jpg", imageAlt: "Professional timber logging operation"
|
|
},
|
|
{
|
|
id: "firewood-delivery", title: "Premium Firewood Supply", description: "Seasoned, split, and ready-to-burn firewood delivered to your doorstep. We guarantee quality, consistency, and reliable delivery every time.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-match-making-bonfire_23-2148506902.jpg", imageAlt: "Premium firewood delivery and stacking"
|
|
},
|
|
{
|
|
id: "bulk-orders", title: "Bulk Wood Orders", description: "Large-scale timber and lumber supply for contractors, builders, and commercial operations. Custom orders fulfilled with precision scheduling.", imageSrc: "http://img.b2bpic.net/free-photo/small-pile-wood-background_53876-74976.jpg", imageAlt: "Bulk timber supply and lumber yard"
|
|
},
|
|
{
|
|
id: "land-clearing", title: "Professional Land Clearing", description: "Complete land clearing services for development projects, property maintenance, and site preparation. We handle all debris removal and site restoration.", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020328.jpg", imageAlt: "Professional land clearing and site preparation"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Young Logging services - timber, firewood, bulk orders, land clearing"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Trusted by Hundreds of Satisfied Customers"
|
|
description="Real feedback from homeowners, contractors, and businesses who've experienced Young Logging Ltd's exceptional service and quality."
|
|
tag="Customer Reviews & Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Ken Raymond - Verified Customer", handle: "@verified_customer", testimonial: "Top notch outfit. Dorothy is more than a pleasure to deal with, she is just plain nice! Justin delivered the logs and he was also a pleasant young lad. Best load of logs I have received in 25 years of buying wood. They are honestly a great family to deal with.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=1", imageAlt: "Verified Customer Review"
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Michael Thompson", handle: "@contractor_pro", testimonial: "Young Logging delivered 10 cords for our construction project on time and in perfect condition. Ken's team is professional, reliable, and the quality is unmatched. Will definitely use them again.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=2", imageAlt: "Contractor testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Sarah Mitchell", handle: "@homeowner_satisfied", testimonial: "We hired Young Logging for land clearing and they transformed our property. From initial consultation to final cleanup, their team was courteous, efficient, and detail-oriented. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=3", imageAlt: "Homeowner testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "David Chen", handle: "@contractor_solutions", testimonial: "Been working with Young Logging for 5 years. Consistent quality, fair pricing, and they always go the extra mile. Best logging company I've worked with. Absolutely professional.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=4", imageAlt: "Long-term contractor testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Patricia Rodriguez", handle: "@estate_owner", testimonial: "Their timber harvesting service was exceptional. They respected our property, cleared everything efficiently, and the firewood delivered was premium quality. Worth every penny.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=5", imageAlt: "Estate owner testimonial"
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "James Wilson", handle: "@builder_local", testimonial: "Partnered with Young Logging on multiple large projects. Their reliability, professionalism, and commitment to quality set them apart. Highly respected in the industry.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=6", imageAlt: "Builder testimonial"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Customer testimonials and reviews for Young Logging Ltd"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTen
|
|
title="By the Numbers"
|
|
description="Three decades of excellence, measured in satisfied customers, completed projects, and premium timber delivered across the region."
|
|
tag="Industry Leadership"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "metric-years", title: "Years of Experience", subtitle: "Heritage & Expertise", category: "Since 1995", value: "30+", buttons: []
|
|
},
|
|
{
|
|
id: "metric-loads", title: "Loads Delivered", subtitle: "Satisfied Customers", category: "Professional Operations", value: "5,000+"
|
|
},
|
|
{
|
|
id: "metric-satisfaction", title: "Customer Rating", subtitle: "Verified Reviews", category: "Industry Standard", value: "4.9★"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Young Logging Ltd metrics and statistics"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Ready to Work With Us?"
|
|
description="Get in touch with Young Logging Ltd today. Whether you need timber harvesting, firewood delivery, bulk orders, or land clearing, we're ready to help. Fill out the form or call Ken directly."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone Number", required: true
|
|
},
|
|
{
|
|
name: "service", type: "text", placeholder: "Service of Interest (e.g., Firewood, Logging, Land Clearing)", required: true
|
|
}
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your project or needs...", rows: 5,
|
|
required: false
|
|
}}
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="left"
|
|
buttonText="Request a Quote"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact Young Logging Ltd - request a quote"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Young Logging Ltd"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{ label: "Home", href: "#home" },
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Timber Logging", href: "#services" },
|
|
{ label: "Firewood Delivery", href: "#services" },
|
|
{ label: "Bulk Orders", href: "#services" },
|
|
{ label: "Land Clearing", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Get a Quote", href: "#contact" },
|
|
{ label: "Call Us", href: "#" },
|
|
{ label: "Email", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Young Logging Ltd. All rights reserved. Built on heritage, rooted in the forest."
|
|
ariaLabel="Site footer - Young Logging Ltd"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|