338 lines
11 KiB
TypeScript
338 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="EXODUS DIRT WORKS"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Built on Strength, Grounded in Quality"
|
|
description="Your premier partner for professional land clearing, excavation, landscaping, and junk removal services. We transform landscapes with precision."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194805.jpg?_wi=1",
|
|
imageAlt: "Excavation site",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194768.jpg",
|
|
imageAlt: "Land clearing",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-man-s-hand-digging-soil-with-hoe_23-2148165180.jpg",
|
|
imageAlt: "Landscaping project",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194776.jpg",
|
|
imageAlt: "Junk removal",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-planting-tree-countryside_23-2149401180.jpg",
|
|
imageAlt: "Dirt work team",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/excavator-action_1112-1599.jpg",
|
|
imageAlt: "Final landscaping",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Excellence in Earthwork"
|
|
description="With years of expertise, Exodus Dirt Works delivers top-tier site prep and property maintenance. We value integrity in every scoop."
|
|
metrics={[
|
|
{
|
|
value: "10+",
|
|
title: "Years Experience",
|
|
},
|
|
{
|
|
value: "500+",
|
|
title: "Projects Completed",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De1MtZw3dDfXXsIfjueI4xZMKJ/uploaded-1778627691911-6t7itgdr.png?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "s1",
|
|
title: "Land Clearing",
|
|
tags: [
|
|
"Residential",
|
|
"Commercial",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/big-rusty-truck-field_23-2148573811.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "s2",
|
|
title: "Excavation",
|
|
tags: [
|
|
"Foundation",
|
|
"Grading",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-site-excavator_1112-1212.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "s3",
|
|
title: "Junk Removal",
|
|
tags: [
|
|
"Cleanout",
|
|
"Hauling",
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stacks-timber-planks-building-construction-generated-by-ai_188544-26233.jpg?_wi=1",
|
|
},
|
|
]}
|
|
title="Our Professional Services"
|
|
description="Comprehensive solutions tailored to your land needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "99%",
|
|
title: "Client Satisfaction",
|
|
items: [
|
|
"Professionalism",
|
|
"Punctuality",
|
|
"Cleanliness",
|
|
],
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "24h",
|
|
title: "Quote Turnaround",
|
|
items: [
|
|
"Quick Response",
|
|
"Transparent Pricing",
|
|
"Site Assessment",
|
|
],
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "0",
|
|
title: "Safety Incidents",
|
|
items: [
|
|
"Industry Standard",
|
|
"Certified Safety",
|
|
"Risk Managed",
|
|
],
|
|
},
|
|
]}
|
|
title="Service Quality Metrics"
|
|
description="Delivering measurable results on every project."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "John D.",
|
|
date: "Jan 2024",
|
|
title: "Homeowner",
|
|
quote: "Exodus cleared our property perfectly and on time.",
|
|
tag: "Excellent",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-laptop-bush_1098-1757.jpg",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De1MtZw3dDfXXsIfjueI4xZMKJ/uploaded-1778627691911-6t7itgdr.png?_wi=2",
|
|
imageAlt: "happy home owner residential garden",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Sarah W.",
|
|
date: "Feb 2024",
|
|
title: "Builder",
|
|
quote: "Reliable excavation work. Highly recommended.",
|
|
tag: "Pro",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/worker-sand-pit_1398-1883.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194805.jpg?_wi=2",
|
|
imageAlt: "happy home owner residential garden",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Mike R.",
|
|
date: "Mar 2024",
|
|
title: "Manager",
|
|
quote: "Fast, honest junk removal. No mess left behind.",
|
|
tag: "Satisfied",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/gardeners-having-fun-with-wheelbarrow_23-2147768524.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/big-rusty-truck-field_23-2148573811.jpg?_wi=2",
|
|
imageAlt: "happy home owner residential garden",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Emily B.",
|
|
date: "Apr 2024",
|
|
title: "Property Owner",
|
|
quote: "The landscaping turned out exactly as we wanted.",
|
|
tag: "Great",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124277.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-site-excavator_1112-1212.jpg?_wi=2",
|
|
imageAlt: "happy home owner residential garden",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "David L.",
|
|
date: "May 2024",
|
|
title: "Contractor",
|
|
quote: "Hardworking crew that knows exactly what they're doing.",
|
|
tag: "TopTier",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920606.jpg",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stacks-timber-planks-building-construction-generated-by-ai_188544-26233.jpg?_wi=2",
|
|
imageAlt: "happy home owner residential garden",
|
|
},
|
|
]}
|
|
title="Client Feedback"
|
|
description="Hear what our clients say about our commitment to strength and quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "Do you provide free quotes?",
|
|
content: "Yes, all estimates are free and site-assessed.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "Are you licensed and insured?",
|
|
content: "Yes, fully licensed, bonded, and insured.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "How quickly can you start?",
|
|
content: "We aim to schedule within 1-2 weeks depending on scope.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/engineers-helmets-standing-by-factory_1157-35492.jpg"
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our services? We've got answers."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contact Us"
|
|
title="Ready to Start Your Project?"
|
|
description="Reach out today and let's get building."
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-nature-daylight_23-2148291444.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="EXODUS DIRT WORKS"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|