Merge version_1 into main #2
248
src/app/page.tsx
248
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mike Youngblood Excavating"
|
||||
/>
|
||||
@@ -62,74 +47,31 @@ export default function LandingPage() {
|
||||
description="Mike Youngblood Excavating Co provides industry-leading excavation services for residential and commercial developments. Trust the experts to prepare your ground with unparalleled precision."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Exceptional precision and punctuality on every job.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317354.jpg?_wi=1",
|
||||
imageAlt: "heavy duty excavator worksite mud",
|
||||
},
|
||||
name: "John Doe", handle: "@johndoe", testimonial: "Exceptional precision and punctuality on every job.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317354.jpg", imageAlt: "heavy duty excavator worksite mud"},
|
||||
{
|
||||
name: "Sarah Smith",
|
||||
handle: "@ssmith",
|
||||
testimonial: "Mike and his team handled our site prep perfectly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
|
||||
imageAlt: "heavy duty excavator worksite mud",
|
||||
},
|
||||
name: "Sarah Smith", handle: "@ssmith", testimonial: "Mike and his team handled our site prep perfectly.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg", imageAlt: "heavy duty excavator worksite mud"},
|
||||
{
|
||||
name: "David Clark",
|
||||
handle: "@dclark",
|
||||
testimonial: "Professional, reliable, and top-tier machinery usage.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194805.jpg?_wi=1",
|
||||
imageAlt: "heavy duty excavator worksite mud",
|
||||
},
|
||||
name: "David Clark", handle: "@dclark", testimonial: "Professional, reliable, and top-tier machinery usage.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194805.jpg", imageAlt: "heavy duty excavator worksite mud"},
|
||||
{
|
||||
name: "Emily White",
|
||||
handle: "@ewhite",
|
||||
testimonial: "Best excavating company we've ever worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-holding-house-plans_23-2148895456.jpg?_wi=1",
|
||||
imageAlt: "heavy duty excavator worksite mud",
|
||||
},
|
||||
name: "Emily White", handle: "@ewhite", testimonial: "Best excavating company we've ever worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-holding-house-plans_23-2148895456.jpg", imageAlt: "heavy duty excavator worksite mud"},
|
||||
{
|
||||
name: "Tom Baker",
|
||||
handle: "@tbaker",
|
||||
testimonial: "Site ready on schedule, every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg?_wi=1",
|
||||
imageAlt: "heavy duty excavator worksite mud",
|
||||
},
|
||||
name: "Tom Baker", handle: "@tbaker", testimonial: "Site ready on schedule, every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg", imageAlt: "heavy duty excavator worksite mud"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317354.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317354.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg",
|
||||
alt: "happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg",
|
||||
alt: "satisfied customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-looking-floor-plan_1098-2114.jpg",
|
||||
alt: "homeowner partner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-smiling-architects-sit-table-discuss-new-project-modern-office-blue-print_482257-31149.jpg",
|
||||
alt: "project professional",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-architect-wearing-his-safety-equipment_23-2148242918.jpg",
|
||||
alt: "site partner",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg", alt: "happy client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-young-happy-women-using-smartphone-by-table_171337-14879.jpg", alt: "satisfied customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-looking-floor-plan_1098-2114.jpg", alt: "homeowner partner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-smiling-architects-sit-table-discuss-new-project-modern-office-blue-print_482257-31149.jpg", alt: "project professional" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-architect-wearing-his-safety-equipment_23-2148242918.jpg", alt: "site partner" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients"
|
||||
/>
|
||||
@@ -140,9 +82,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Expertise"
|
||||
description={[
|
||||
"Mike Youngblood Excavating Co has been serving the region with commitment and technical expertise. We pride ourselves on the quality of our work and the longevity of our partnerships.",
|
||||
"Our fleet is modern, our crew is certified, and our focus is on efficiency and safety. No project is too big or too technical for our dedicated team of professionals.",
|
||||
]}
|
||||
"Mike Youngblood Excavating Co has been serving the region with commitment and technical expertise. We pride ourselves on the quality of our work and the longevity of our partnerships.", "Our fleet is modern, our crew is certified, and our focus is on efficiency and safety. No project is too big or too technical for our dedicated team of professionals."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,21 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Site Excavation",
|
||||
description: "Full-scale site prep and digging for foundations.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Drainage Solutions",
|
||||
description: "Expert grading to ensure water management.",
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Land Grading",
|
||||
description: "Leveling and preparing terrain for any build.",
|
||||
},
|
||||
{ icon: Star, title: "Site Excavation", description: "Full-scale site prep and digging for foundations." },
|
||||
{ icon: Droplets, title: "Drainage Solutions", description: "Expert grading to ensure water management." },
|
||||
{ icon: Building2, title: "Land Grading", description: "Leveling and preparing terrain for any build." },
|
||||
]}
|
||||
title="Comprehensive Earthworks"
|
||||
description="Specialized services tailored for site preparation, drainage, and infrastructure projects."
|
||||
@@ -180,27 +108,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Delivering quality results daily.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Successfully finished on schedule.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Safety Record",
|
||||
description: "Committed to hazard-free operations.",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", value: "15+", title: "Years Experience", description: "Delivering quality results daily.", icon: Award },
|
||||
{ id: "m2", value: "500+", title: "Projects Completed", description: "Successfully finished on schedule.", icon: CheckCircle },
|
||||
{ id: "m3", value: "100%", title: "Safety Record", description: "Committed to hazard-free operations.", icon: Shield },
|
||||
]}
|
||||
title="Driven by Excellence"
|
||||
description="Numbers speak to our reliability and scale."
|
||||
@@ -210,43 +120,14 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split-description"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Highly recommended for any commercial development.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-holding-house-plans_23-2148895456.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Mike's crew is simply the best in the business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Reliable and incredibly precise site clearing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-builder-uniform-holding-older-looking-building-plan_1157-50926.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "The gold standard for local excavation work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-executives-working-sunny-day_23-2147562043.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "Incredible work on our foundation prep.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-working-laptop-his-project_23-2148242919.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Highly recommended for any commercial development.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-holding-house-plans_23-2148895456.jpg" },
|
||||
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Mike's crew is simply the best in the business.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-male-engineer_23-2148480396.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Reliable and incredibly precise site clearing.", imageSrc: "http://img.b2bpic.net/free-photo/man-builder-uniform-holding-older-looking-building-plan_1157-50926.jpg" },
|
||||
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "The gold standard for local excavation work.", imageSrc: "http://img.b2bpic.net/free-photo/satisfied-executives-working-sunny-day_23-2147562043.jpg" },
|
||||
{ id: "5", name: "Jessica Lee", handle: "@jlee", testimonial: "Incredible work on our foundation prep.", imageSrc: "http://img.b2bpic.net/free-photo/architect-working-laptop-his-project_23-2148242919.jpg" },
|
||||
]}
|
||||
title="Proven Quality"
|
||||
description="Hear from our partners and clients."
|
||||
@@ -258,23 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How quickly can you start?",
|
||||
content: "Depending on workload, we can mobilize within 48-72 hours.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, we provide competitive, transparent estimates upon site inspection.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the company fully licensed?",
|
||||
content: "Absolutely. We are fully insured and bonded.",
|
||||
},
|
||||
{ id: "q1", title: "How quickly can you start?", content: "Depending on workload, we can mobilize within 48-72 hours." },
|
||||
{ id: "q2", title: "Do you offer quotes?", content: "Yes, we provide competitive, transparent estimates upon site inspection." },
|
||||
{ id: "q3", title: "Is the company fully licensed?", content: "Absolutely. We are fully insured and bonded." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194805.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light-outdoors_23-2149194805.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your project concerns."
|
||||
@@ -284,19 +153,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready to Start?"
|
||||
description="Reach out to Mike Youngblood Excavating Co today for your next project consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@mikeyoungbloodexcavating.com",
|
||||
},
|
||||
{ text: "Email Us", href: "mailto:info@mikeyoungbloodexcavating.com" }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -305,29 +169,15 @@ export default function LandingPage() {
|
||||
logoText="Mike Youngblood Excavating"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -336,4 +186,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user