Merge version_1 into main #2
448
src/app/page.tsx
448
src/app/page.tsx
@@ -27,332 +27,144 @@ export default function LandingPage() {
|
||||
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="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="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", 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", 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", 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", 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", 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"
|
||||
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="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"
|
||||
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="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" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
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="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="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="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
|
||||
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="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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user