Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3bf97af495 |
165
src/app/page.tsx
165
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Get Quote",
|
name: "Get Quote", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="O&R Removal"
|
brandName="O&R Removal"
|
||||||
/>
|
/>
|
||||||
@@ -55,77 +47,48 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
title="Fast, Reliable Junk Removal You Can Trust"
|
title="Fast, Reliable Junk Removal You Can Trust"
|
||||||
description="Same-day service, transparent pricing, and a team that treats your home with respect. We handle the heavy lifting so you don't have to."
|
description="Same-day service, transparent pricing, and a team that treats your home with respect. We handle the heavy lifting so you don't have to."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "919+",
|
value: "919+", label: "Area Code Served"},
|
||||||
label: "Area Code Served",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "24/7",
|
value: "24/7", label: "Scheduling"},
|
||||||
label: "Scheduling",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Respectful"},
|
||||||
label: "Respectful",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Your Free Quote",
|
text: "Get Your Free Quote", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-gardening-concept_23-2148127871.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-gardening-concept_23-2148127871.jpg"
|
||||||
imageAlt="O&R Removal and Hauling truck"
|
imageAlt="O&R Removal and Hauling truck"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216825.jpg",
|
src: "http://img.b2bpic.net/free-photo/scene-with-miscellaneous-items-being-sold-yard-sale-bargains_23-2151216825.jpg", alt: "Happy homeowner"},
|
||||||
alt: "Happy homeowner",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-climbing-train_23-2147770304.jpg",
|
src: "http://img.b2bpic.net/free-photo/woman-climbing-train_23-2147770304.jpg", alt: "Professional mover"},
|
||||||
alt: "Professional mover",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-painting-car-door_23-2149714295.jpg",
|
src: "http://img.b2bpic.net/free-photo/full-shot-man-painting-car-door_23-2149714295.jpg", alt: "Satisfied customer"},
|
||||||
alt: "Satisfied customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/white-pickup-truck-loaded-with-atv-near-gas-station_93675-133932.jpg",
|
src: "http://img.b2bpic.net/free-photo/white-pickup-truck-loaded-with-atv-near-gas-station_93675-133932.jpg", alt: "Construction contractor"},
|
||||||
alt: "Construction contractor",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", alt: "Happy homeowner portrait"},
|
||||||
alt: "Happy homeowner portrait",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Same-Day Service"},
|
||||||
text: "Same-Day Service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Fully Licensed & Insured"},
|
||||||
text: "Fully Licensed & Insured",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Eco-Friendly Disposal"},
|
||||||
text: "Eco-Friendly Disposal",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Transparent Pricing"},
|
||||||
text: "Transparent Pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Professional Crew"},
|
||||||
text: "Professional Crew",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -152,19 +115,13 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Zap,
|
icon: Zap,
|
||||||
title: "Same-Day Service",
|
title: "Same-Day Service", description: "Need it gone now? Our flexible schedule ensures we get to you fast."},
|
||||||
description: "Need it gone now? Our flexible schedule ensures we get to you fast.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: DollarSign,
|
icon: DollarSign,
|
||||||
title: "Transparent Pricing",
|
title: "Transparent Pricing", description: "No hidden costs, no surprises. You pay exactly what we quote."},
|
||||||
description: "No hidden costs, no surprises. You pay exactly what we quote.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Recycle,
|
icon: Recycle,
|
||||||
title: "Responsible Disposal",
|
title: "Responsible Disposal", description: "We donate and recycle whenever possible to keep NC clean."},
|
||||||
description: "We donate and recycle whenever possible to keep NC clean.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose O&R?"
|
title="Why Choose O&R?"
|
||||||
description="Simple, efficient, and cost-effective solutions for all your hauling needs."
|
description="Simple, efficient, and cost-effective solutions for all your hauling needs."
|
||||||
@@ -178,34 +135,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "500+", title: "Happy Homeowners", items: [
|
||||||
value: "500+",
|
"Residential Cleanouts", "Garage Clearing", "Estate Sales"],
|
||||||
title: "Happy Homeowners",
|
|
||||||
items: [
|
|
||||||
"Residential Cleanouts",
|
|
||||||
"Garage Clearing",
|
|
||||||
"Estate Sales",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "150+", title: "Construction Projects", items: [
|
||||||
value: "150+",
|
"Debris Removal", "Site Prep", "Contractor Support"],
|
||||||
title: "Construction Projects",
|
|
||||||
items: [
|
|
||||||
"Debris Removal",
|
|
||||||
"Site Prep",
|
|
||||||
"Contractor Support",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "99%", title: "Customer Satisfaction", items: [
|
||||||
value: "99%",
|
"Reliability", "On-time arrival", "Respectful Service"],
|
||||||
title: "Customer Satisfaction",
|
|
||||||
items: [
|
|
||||||
"Reliability",
|
|
||||||
"On-time arrival",
|
|
||||||
"Respectful Service",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Trusted by NC Community"
|
title="Trusted by NC Community"
|
||||||
@@ -221,25 +160,15 @@ export default function LandingPage() {
|
|||||||
author="Sarah M., Raleigh NC"
|
author="Sarah M., Raleigh NC"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", alt: "Sarah M."},
|
||||||
alt: "Sarah M.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", alt: "Happy Client 2"},
|
||||||
alt: "Happy Client 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/optimistic-confident-carefree-chill-african-american-female_176420-31297.jpg",
|
src: "http://img.b2bpic.net/free-photo/optimistic-confident-carefree-chill-african-american-female_176420-31297.jpg", alt: "Happy Client 3"},
|
||||||
alt: "Happy Client 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",
|
src: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg", alt: "Happy Client 4"},
|
||||||
alt: "Happy Client 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", alt: "Happy Client 5"},
|
||||||
alt: "Happy Client 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -251,20 +180,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Do you offer same-day service?", content: "Yes, we strive to offer same-day or next-day service based on our current schedule availability."},
|
||||||
title: "Do you offer same-day service?",
|
|
||||||
content: "Yes, we strive to offer same-day or next-day service based on our current schedule availability.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "How is pricing calculated?", content: "Pricing is based on volume, weight, and type of materials. We provide a transparent quote upfront, and all our estimates are free and no-obligation, so you can inquire with total peace of mind."},
|
||||||
title: "How is pricing calculated?",
|
|
||||||
content: "Pricing is based on volume, weight, and type of materials. We provide a transparent quote upfront.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "What areas do you serve?", content: "We primarily serve the North Carolina 919 area code and surrounding regions."},
|
||||||
title: "What areas do you serve?",
|
|
||||||
content: "We primarily serve the North Carolina 919 area code and surrounding regions.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Frequently Asked Questions"
|
sideTitle="Frequently Asked Questions"
|
||||||
sideDescription="Have questions? We're here to help."
|
sideDescription="Have questions? We're here to help."
|
||||||
@@ -276,8 +196,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Ready to Start?"
|
tag="Ready to Start?"
|
||||||
title="Get Your Free Quote Today"
|
title="Get Your Free Quote Today"
|
||||||
description="Tell us what needs moving and we'll handle the rest. Contact us now for an estimate."
|
description="Tell us what needs moving and we'll handle the rest. Contact us now for an estimate."
|
||||||
@@ -289,16 +208,12 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="O&R Removal and Hauling"
|
logoText="O&R Removal and Hauling"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "Privacy Policy",
|
text: "Privacy Policy", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "Terms of Service",
|
text: "Terms of Service", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user