170 lines
11 KiB
TypeScript
170 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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ADS Dumpster Service"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Dependable Dumpster Rentals in Texas"
|
|
description="Fast, affordable, and reliable waste removal for residential, commercial, and construction projects. We make cleanup simple."
|
|
testimonials={[
|
|
{ name: "John Doe", handle: "@john", testimonial: "Excellent service and on-time delivery. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-door-front-view_23-2149714291.jpg?_wi=1", imageAlt: "residential dumpster rental home driveway" },
|
|
{ name: "Jane Smith", handle: "@jane", testimonial: "Very professional and careful with the driveway placement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ruins-russian-s-war-ukraine_23-2149437948.jpg?_wi=1", imageAlt: "residential dumpster rental home driveway" },
|
|
{ name: "Robert B.", handle: "@bob", testimonial: "Great rates and easy booking process. Thank you!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/drawer-workshop_23-2147773382.jpg?_wi=1", imageAlt: "residential dumpster rental home driveway" },
|
|
{ name: "Alice T.", handle: "@alice", testimonial: "The best dumpster service I have used in Conroe.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-ramadan-side-view_23-2150154482.jpg?_wi=1", imageAlt: "residential dumpster rental home driveway" },
|
|
{ name: "Mike R.", handle: "@mike", testimonial: "Reliable and responsive team. Will use again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-supervisor-inspecting-shipping-cargo-container-freight-train-station_342744-779.jpg?_wi=1", imageAlt: "residential dumpster rental home driveway" },
|
|
]}
|
|
buttons={[{ text: "Book Now", href: "tel:8328552778" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-painting-car-door-front-view_23-2149714291.jpg?_wi=2"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/beard-worker-man-suit-construction-worker-safety-orange-helmet-near-red-barrel-makes-selfie-phone_627829-11407.jpg", alt: "Satisfied customer one" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-man-engraving-wood_23-2149061683.jpg", alt: "Satisfied customer two" },
|
|
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-painting-car-door_23-2149714295.jpg", alt: "Satisfied customer three" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating_169016-15375.jpg", alt: "Satisfied customer four" },
|
|
{ src: "http://img.b2bpic.net/free-photo/full-shot-man-walking-outdoors_23-2148902565.jpg", alt: "Satisfied customer five" },
|
|
]}
|
|
avatarText="Trusted by hundreds of happy homeowners and contractors"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Locally Owned, Community Focused"
|
|
description="ADS Dumpster Service is a family-operated business dedicated to providing hassle-free waste solutions to our neighbors. We believe in transparency, punctuality, and treating every job site with the utmost care."
|
|
bulletPoints={[
|
|
{ title: "Fast Delivery", description: "We ensure your dumpster arrives when you need it." },
|
|
{ title: "Flexible Sizing", description: "A range of sizes for any project scale." },
|
|
{ title: "Safe Placement", description: "We take extra care of your property." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/ruins-russian-s-war-ukraine_23-2149437948.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Versatile Sizing", description: "From small home remodels to large construction sites, we have the right bin.", imageSrc: "http://img.b2bpic.net/free-photo/drawer-workshop_23-2147773382.jpg?_wi=2" },
|
|
{ title: "Reliable Schedule", description: "We pride ourselves on meeting deadlines with timely pickup and drop-off.", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-ramadan-side-view_23-2150154482.jpg?_wi=2" },
|
|
{ title: "Property Care", description: "We prioritize careful container placement to protect your driveway.", imageSrc: "http://img.b2bpic.net/free-photo/railroad-worker-supervisor-inspecting-shipping-cargo-container-freight-train-station_342744-779.jpg?_wi=2" },
|
|
]}
|
|
title="Simple Waste Removal"
|
|
description="Everything we do is designed to keep your project clean and organized."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={true}
|
|
title="Our Commitment"
|
|
tag="Reliability"
|
|
metrics={[
|
|
{ id: "m1", value: "24/7", description: "Available for your convenience" },
|
|
{ id: "m2", value: "100%", description: "Customer Satisfaction Goal" },
|
|
{ id: "m3", value: "6+", description: "Service Areas Covered" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sarah J.", role: "Homeowner", company: "Conroe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-collects-garbage-garbage-bags-park_1157-27374.jpg" },
|
|
{ id: "t2", name: "David W.", role: "Contractor", company: "Willis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-engineer-safety-uniform-pointing-documents_114579-78712.jpg" },
|
|
{ id: "t3", name: "Linda M.", role: "Property Owner", company: "Houston", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/diverse-people-loading-luggage-trunk-automobile-travelling-summer-holiday-mother-with-child-diverse-friends-putting-suitcase-bags-vehicle-travelling-vacation-road-trip_482257-47786.jpg" },
|
|
{ id: "t4", name: "Tom K.", role: "Homeowner", company: "Huntsville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/working-day-two-indian-men-discussing-something-looking-involved_259150-59414.jpg" },
|
|
{ id: "t5", name: "Rachel B.", role: "Business Owner", company: "Madisonville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sorting-garbage-concept-recycling-zero-waste_1153-5481.jpg" },
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Trusted by home owners and contractors across Texas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "f1", title: "How do I schedule a pickup?", content: "Just call us at (832) 855-2778 and we'll handle the rest." },
|
|
{ id: "f2", title: "Do you serve my area?", content: "We cover Conroe, Willis, Houston, Huntsville, New Waverly, and Madisonville." },
|
|
{ id: "f3", title: "What sizes are available?", content: "Contact us for current availability and sizing recommendations for your project." },
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our dumpster rental process."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contact"
|
|
useInvertedBackground={false}
|
|
background={{ variant: "animated-grid" }}
|
|
title="Ready to Start Your Cleanup?"
|
|
description="Give us a call today for a quote or to schedule your dumpster drop-off."
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-working-laptop-from-garden-counting-financial-data-bank-banking-bill_1391-315.jpg"
|
|
mediaAnimation="opacity"
|
|
buttonText="Call Us Now"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
|
{ title: "Service Areas", items: [{ label: "Conroe, TX", href: "#" }, { label: "Houston, TX", href: "#" }, { label: "Huntsville, TX", href: "#" }] },
|
|
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
|
|
]}
|
|
logoText="ADS Dumpster Service"
|
|
copyrightText="© 2025 ADS Dumpster Service. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |