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