Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-08 20:22:31 +00:00

View File

@@ -28,358 +28,145 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Arbro Excavating"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Arbro Excavating"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars",
}}
title="Excellence in Excavating Since 2001"
description="Honesty, transparency, and superior bulk yard supplies. Chris goes above and beyond to ensure your site is ready for the future."
buttons={[
{
text: "Get Your Free Quote",
href: "#contact",
},
{
text: "See Our Work",
href: "#services",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=1",
imageAlt: "Arbro Excavating on site",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=2",
imageAlt: "Excavator machinery",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=3",
imageAlt: "Site preparation work",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=4",
imageAlt: "Bulk delivery service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=5",
imageAlt: "Land clearing service",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "gradient-bars" }}
title="Excellence in Excavating Since 2001"
description="Honesty, transparency, and superior bulk yard supplies. Chris goes above and beyond to ensure your site is ready for the future."
buttons={[
{ text: "Get Your Free Quote", href: "#contact" },
{ text: "See Our Work", href: "#services" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Arbro Excavating on site" },
{ imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Excavator machinery" },
{ imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Site preparation work" },
{ imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Bulk delivery service" },
{ imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg", imageAlt: "Land clearing service" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Arbro"
title="Built on Honesty Since 2001"
description="Chris founded Arbro Excavating with a simple premise: do exactly what you say you will do. Every project is handled with transparency, zero hidden fees, and an unwavering commitment to going above and beyond."
subdescription="Since 2001, we have built our name on one thing: doing exactly what we say we will do."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="About Arbro"
title="Built on Honesty Since 2001"
description="Chris founded Arbro Excavating with a simple premise: do exactly what you say you will do. Every project is handled with transparency, zero hidden fees, and an unwavering commitment to going above and beyond."
subdescription="Since 2001, we have built our name on one thing: doing exactly what we say we will do."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="services" data-section="services">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Excavating",
description: "Precision excavation work for projects of all sizes.",
bentoComponent: "reveal-icon",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-working-metal-factory-using-special-machine-tool_613910-5193.jpg?_wi=6",
imageAlt: "cinematic construction site excavator sunset",
},
{
title: "Bulk Supply",
description: "Quality topsoil, gravel, and stone delivered promptly.",
bentoComponent: "reveal-icon",
icon: Truck,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg?_wi=2",
imageAlt: "professional contractor portrait honest",
},
{
title: "Site Prep",
description: "Expert site preparation to set the stage for success.",
bentoComponent: "reveal-icon",
icon: MapPin,
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=1",
imageAlt: "premium organic topsoil pile",
},
{
title: "Land Clearing",
description: "Thorough land clearing services with careful site management.",
bentoComponent: "reveal-icon",
icon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg?_wi=1",
imageAlt: "landscape stone gravel texture",
},
{
title: "Consulting",
description: "Personal product consulting to get the quantity right.",
bentoComponent: "reveal-icon",
icon: MessageSquare,
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756558.jpg?_wi=1",
imageAlt: "dark wood mulch landscape",
},
]}
title="Premium Excavating & Supply"
description="Professional services designed to streamline your project."
/>
</div>
<div id="services" data-section="services">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Excavating", description: "Precision excavation work for projects of all sizes.", bentoComponent: "reveal-icon", icon: Star },
{ title: "Bulk Supply", description: "Quality topsoil, gravel, and stone delivered promptly.", bentoComponent: "reveal-icon", icon: Truck },
{ title: "Site Prep", description: "Expert site preparation to set the stage for success.", bentoComponent: "reveal-icon", icon: MapPin },
{ title: "Land Clearing", description: "Thorough land clearing services with careful site management.", bentoComponent: "reveal-icon", icon: Star },
{ title: "Consulting", description: "Personal product consulting to get the quantity right.", bentoComponent: "reveal-icon", icon: MessageSquare },
]}
title="Premium Excavating & Supply"
description="Professional services designed to streamline your project."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Topsoil",
price: "Contact for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=2",
},
{
id: "p2",
name: "Gravel",
price: "Contact for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg?_wi=2",
},
{
id: "p3",
name: "Mulch",
price: "Contact for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756558.jpg?_wi=2",
},
{
id: "p4",
name: "Fill Dirt",
price: "Contact for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=3",
},
{
id: "p5",
name: "Landscape Stone",
price: "Contact for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg?_wi=3",
},
{
id: "p6",
name: "Sand",
price: "Contact for Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg?_wi=4",
},
]}
title="Bulk Material Selection"
description="Premium supplies for every landscaping need."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="slide-up"
products={[
{ id: "p1", name: "Topsoil", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg" },
{ id: "p2", name: "Gravel", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg" },
{ id: "p3", name: "Mulch", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-texture-design_23-2149756558.jpg" },
{ id: "p4", name: "Fill Dirt", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg" },
{ id: "p5", name: "Landscape Stone", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060673.jpg" },
{ id: "p6", name: "Sand", price: "Contact for Pricing", imageSrc: "http://img.b2bpic.net/free-photo/photo-concrete-texture-pattern_58702-13264.jpg" },
]}
title="Bulk Material Selection"
description="Premium supplies for every landscaping need."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "20+",
title: "Years in Business",
items: [
"Founded in 2001",
"Serving the region",
],
},
{
id: "m2",
value: "100%",
title: "Transparency",
items: [
"Zero hidden fees",
"Honest quotes",
],
},
{
id: "m3",
value: "5-Star",
title: "Rated",
items: [
"Highly recommended",
"Proven track record",
],
},
{
id: "m4",
value: "100s",
title: "Satisfied Customers",
items: [
"Prompt delivery",
"Quality service",
],
},
]}
title="Industry Leaders"
description="Proven results for over two decades."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "20+", title: "Years in Business", items: ["Founded in 2001", "Serving the region"] },
{ id: "m2", value: "100%", title: "Transparency", items: ["Zero hidden fees", "Honest quotes"] },
{ id: "m3", value: "5-Star", title: "Rated", items: ["Highly recommended", "Proven track record"] },
{ id: "m4", value: "100s", title: "Satisfied Customers", items: ["Prompt delivery", "Quality service"] },
]}
title="Industry Leaders"
description="Proven results for over two decades."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Kate M",
date: "Verified Client",
title: "Honest & Personable",
quote: "Chris is very personable and honest. His product is exactly how he describes it with no hidden fees.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg",
imageAlt: "professional client headshot dark background",
},
{
id: "t2",
name: "Sandy Denman",
date: "Verified Client",
title: "Reasonable & Helpful",
quote: "Chris helped me figure out how much product I needed, let me know exactly when it was ready.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg",
imageAlt: "professional client headshot dark background",
},
{
id: "t3",
name: "Jarrett Dunn",
date: "Verified Client",
title: "Super Nice Guy",
quote: "Super reasonable prices, the owner is a super nice guy. Would highly recommend.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg",
imageAlt: "professional client headshot dark background",
},
{
id: "t4",
name: "Lori Seth",
date: "Verified Client",
title: "Quick Service",
quote: "Quick friendly service. Chris was so helpful.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg",
imageAlt: "professional client headshot dark background",
},
{
id: "t5",
name: "Client Five",
date: "Verified Client",
title: "Goes Above & Beyond",
quote: "Prompt delivery service and goes above and beyond every single time.",
tag: "5 Stars",
avatarSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg",
imageAlt: "professional client headshot dark background",
},
]}
title="What Our Clients Say"
description="Undeniable trust signals from the clients who know our quality best."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Kate M", date: "Verified Client", title: "Honest & Personable", quote: "Chris is very personable and honest. His product is exactly how he describes it with no hidden fees.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12675.jpg" },
{ id: "t2", name: "Sandy Denman", date: "Verified Client", title: "Reasonable & Helpful", quote: "Chris helped me figure out how much product I needed, let me know exactly when it was ready.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-male-with-curly-hair-dressed-jacket-eyeglasses_613910-567.jpg" },
{ id: "t3", name: "Jarrett Dunn", date: "Verified Client", title: "Super Nice Guy", quote: "Super reasonable prices, the owner is a super nice guy. Would highly recommend.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg" },
{ id: "t4", name: "Lori Seth", date: "Verified Client", title: "Quick Service", quote: "Quick friendly service. Chris was so helpful.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-girl-standing-summer-city_1157-23108.jpg" },
{ id: "t5", name: "Client Five", date: "Verified Client", title: "Goes Above & Beyond", quote: "Prompt delivery service and goes above and beyond every single time.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg", imageSrc: "http://img.b2bpic.net/free-photo/is-it-really-me-excited-smiling-birthday-male-can-t-believe-his-eyes-recieves-unexpected-gift_273609-8671.jpg" },
]}
title="What Our Clients Say"
description="Undeniable trust signals from the clients who know our quality best."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Ready to Get Started?"
description="Let's talk about your project. Request your free quote today with no obligations."
tag="Let's Connect"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Ready to Get Started?"
description="Let's talk about your project. Request your free quote today with no obligations."
tag="Let's Connect"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Services",
href: "#services",
},
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Social",
items: [
{
label: "Google Reviews",
href: "#",
},
{
label: "Facebook",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
logoText="ARBRO EXCAVATING"
copyrightText="© 2025 Arbro Excavating 2001 Limited"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation", items: [
{ label: "Services", href: "#services" },
{ label: "About", href: "#about" },
{ label: "Contact", href: "#contact" },
],
},
{ title: "Social", items: [{ label: "Google Reviews", href: "#" }, { label: "Facebook", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
]}
logoText="ARBRO EXCAVATING"
copyrightText="© 2025 Arbro Excavating 2001 Limited"
/>
</div>
</ReactLenis>
</ThemeProvider>
);