173 lines
8.6 KiB
TypeScript
173 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Clock, Star, UserCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Queens ClearSpace"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "gradient-bars" }}
|
|
logoText="Queens ClearSpace"
|
|
description="Reclaim your home or office without the stress. We provide fast, hassle-free junk removal in Queens, handling everything from start to finish so you can enjoy a clutter-free space today."
|
|
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Call Now", href: "tel:5551234567" }]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rlnqzi"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Professional Cleanout Services"
|
|
description="Queens ClearSpace provides comprehensive junk removal services throughout Queens and surrounding boroughs. We focus on reliability and speed."
|
|
bulletPoints={[
|
|
{ title: "Full House Cleanouts", description: "Complete removal of unwanted items from your entire home." },
|
|
{ title: "Apartment Cleanouts", description: "Quick, discreet, and reliable removal for NYC apartments." },
|
|
{ title: "Garage & Basement", description: "Reclaim your storage space today with our expert crew." },
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hti8ur"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Furniture Removal", description: "Expert handling of heavy furniture and bulky items.", bentoComponent: "reveal-icon", icon: Star
|
|
},
|
|
{
|
|
title: "Same-Day Service", description: "Get rid of junk fast with our prompt scheduling.", bentoComponent: "reveal-icon", icon: Clock
|
|
},
|
|
{
|
|
title: "Professional Crew", description: "Reliable and courteous staff at your service.", bentoComponent: "reveal-icon", icon: UserCheck
|
|
},
|
|
]}
|
|
title="Why Choose Queens ClearSpace"
|
|
description="We stand for reliability, transparency, and a clean workspace for all our customers in Queens."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{ id: "small", badge: "Min Load", price: "$99", subtitle: "Single item or small load", features: ["Quick pickup", "Transparent flat rate"] },
|
|
{ id: "medium", badge: "Half Truck", price: "$299", subtitle: "Perfect for garages", features: ["Up to 1/2 truck capacity", "Full haul away"] },
|
|
{ id: "full", badge: "Full Truck", price: "$499", subtitle: "For large cleanouts", features: ["Full truck capacity", "Priority scheduling"] },
|
|
]}
|
|
title="Simple Volume-Based Pricing"
|
|
description="Fair and transparent pricing based on the space your junk takes up in our truck."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Astoria Community", "Forest Hills Residents", "Long Island City Businesses", "Flushing Households", "Bayside Homeowners", "Ridgewood Neighbors", "Woodside Families"]}
|
|
title="Proudly Serving Queens & NYC"
|
|
description="We are trusted across Queens, Brooklyn, and the Bronx for professional junk removal."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "John Doe", date: "2024-05-12", title: "Homeowner", quote: "Incredible service! Cleared my whole garage in hours.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ml234j" },
|
|
{ id: "2", name: "Sarah Smith", date: "2024-06-01", title: "Apartment Resident", quote: "Fast and friendly. Highly recommend Queens ClearSpace.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ef5r0z" },
|
|
{ id: "3", name: "Mike Ross", date: "2024-06-15", title: "Business Owner", quote: "Reliable crew, took care of everything without a fuss.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9f9haz" },
|
|
{ id: "4", name: "Elena King", date: "2024-07-02", title: "Homeowner", quote: "Great pricing and very professional handling.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ggbbi" },
|
|
{ id: "5", name: "Tom Baker", date: "2024-07-20", title: "Garage Cleanout", quote: "The best junk removal company in Queens. Period.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ftossu" },
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Reliability and a hassle-free experience are what we pride ourselves on."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "q1", title: "Do you provide same-day service?", content: "Yes, we strive to offer same-day or next-day service in most of Queens." },
|
|
{ id: "q2", title: "How is the pricing calculated?", content: "Our pricing is volume-based, meaning you only pay for the space your items occupy in our truck." },
|
|
{ id: "q3", title: "What items do you not take?", content: "We don't handle hazardous materials like chemicals, paint, or toxic waste." },
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Everything you need to know about our services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Get in touch"
|
|
title="Request Your Free Quote"
|
|
description="Ready to clear your space? Fill out the form or call us directly at (555) 123-4567."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pgdwf2"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Send Request"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Queens ClearSpace"
|
|
columns={[
|
|
{ title: "Services", items: [{ label: "House Cleanouts", href: "#" }, { label: "Furniture Removal", href: "#" }, { label: "Same-Day Hauling", href: "#" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }, { label: "Pricing", href: "#pricing" }] },
|
|
]}
|
|
copyrightText="© 2025 Queens ClearSpace. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |