Merge version_2 into main #2
347
src/app/page.tsx
347
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
||||
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
@@ -32,33 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
|
||||
{
|
||||
name: "Why Choose Us",
|
||||
id: "why-choose-us",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Van Hook Excavation"
|
||||
bottomLeftText="Locally Owned & Operated"
|
||||
@@ -72,19 +57,13 @@ export default function LandingPage() {
|
||||
description="Precision Excavation. Honest Work. Done Right The First Time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get A Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get A Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1-555-VANHOOK",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1-555-VANHOOK"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307711.jpg",
|
||||
imageAlt: "Excavator at sunset with black overlay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-heavy-machinery-used-construction-industry_23-2151307711.jpg", imageAlt: "Excavator at sunset with black overlay"},
|
||||
]}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -97,98 +76,62 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "septic",
|
||||
title: "Septic System Excavation",
|
||||
description: "Installation, repair digging, and system prep, ensuring robust and compliant wastewater solutions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg",
|
||||
imageAlt: "Septic system excavation site",
|
||||
},
|
||||
id: "septic", title: "Septic System Excavation", description: "Installation, repair digging, and system prep, ensuring robust and compliant wastewater solutions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-servicing-fuselage-industrial-switchboard-professional-overalls-with-electrician-s-tool_169016-8634.jpg", imageAlt: "Septic system excavation site"},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Professional Installation",
|
||||
},
|
||||
text: "Professional Installation"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "land-clearing",
|
||||
title: "Land Clearing",
|
||||
description: "Efficient removal of brush, trees, and debris, preparing your land for any project.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-logs-green-forest_181624-42990.jpg",
|
||||
imageAlt: "Land clearing site with excavator",
|
||||
},
|
||||
id: "land-clearing", title: "Land Clearing", description: "Efficient removal of brush, trees, and debris, preparing your land for any project.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-logs-green-forest_181624-42990.jpg", imageAlt: "Land clearing site with excavator"},
|
||||
items: [
|
||||
{
|
||||
icon: TreeDeciduous,
|
||||
text: "Site Ready",
|
||||
},
|
||||
text: "Site Ready"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "site-prep",
|
||||
title: "Site Preparation",
|
||||
description: "Precise grading and compaction for house pads, shop pads, and all building foundations.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-reinforce-concrete-stair-structure-modification-using-hand-drill_1150-6131.jpg",
|
||||
imageAlt: "Site preparation for a house pad",
|
||||
},
|
||||
id: "site-prep", title: "Site Preparation", description: "Precise grading and compaction for house pads, shop pads, and all building foundations.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-reinforce-concrete-stair-structure-modification-using-hand-drill_1150-6131.jpg", imageAlt: "Site preparation for a house pad"},
|
||||
items: [
|
||||
{
|
||||
icon: SquareStack,
|
||||
text: "Solid Foundations",
|
||||
},
|
||||
text: "Solid Foundations"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "driveways",
|
||||
title: "Driveways & Gravel Work",
|
||||
description: "Expert driveway grading, gravel spreading, and culvert installation for lasting quality.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",
|
||||
imageAlt: "Gravel driveway under construction",
|
||||
},
|
||||
id: "driveways", title: "Driveways & Gravel Work", description: "Expert driveway grading, gravel spreading, and culvert installation for lasting quality.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg", imageAlt: "Gravel driveway under construction"},
|
||||
items: [
|
||||
{
|
||||
icon: Car,
|
||||
text: "Durable Surfaces",
|
||||
},
|
||||
text: "Durable Surfaces"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "demolition",
|
||||
title: "Demolition & Removal",
|
||||
description: "Safe and efficient tear-outs, structure removal, and thorough site cleanup services.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loader-transporting-soil-waste-materials-waste-treatment-plant_181624-47747.jpg",
|
||||
imageAlt: "Building demolition with heavy machinery",
|
||||
},
|
||||
id: "demolition", title: "Demolition & Removal", description: "Safe and efficient tear-outs, structure removal, and thorough site cleanup services.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loader-transporting-soil-waste-materials-waste-treatment-plant_181624-47747.jpg", imageAlt: "Building demolition with heavy machinery"},
|
||||
items: [
|
||||
{
|
||||
icon: Hammer,
|
||||
text: "Clean Slate",
|
||||
},
|
||||
text: "Clean Slate"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "emergency",
|
||||
title: "Emergency Excavation",
|
||||
description: "Fast response for urgent digging needs, problem solving, and last-minute job requirements.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-putting-rubber-boots_23-2147770356.jpg",
|
||||
imageAlt: "Emergency excavation site",
|
||||
},
|
||||
id: "emergency", title: "Emergency Excavation", description: "Fast response for urgent digging needs, problem solving, and last-minute job requirements.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-putting-rubber-boots_23-2147770356.jpg", imageAlt: "Emergency excavation site"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Rapid Response",
|
||||
},
|
||||
text: "Rapid Response"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
@@ -203,82 +146,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Van Hook Difference"
|
||||
description={[
|
||||
"Van Hook Excavation was built on a simple idea — do honest work, show up when you say you will, and do the job right the first time.",
|
||||
"Owner Bobby VanHook has built a reputation for reliability, fast response times, and high-quality excavation work. Whether it’s a septic system, land clearing, site preparation, or emergency digging, Van Hook Excavation is the company people call when they want the job done right.",
|
||||
"We treat every property like it’s our own and every customer like a neighbor.",
|
||||
]}
|
||||
"Van Hook Excavation was built on a simple idea — do honest work, show up when you say you will, and do the job right the first time.", "Owner Bobby VanHook has built a reputation for reliability, fast response times, and high-quality excavation work. Whether it’s a septic system, land clearing, site preparation, or emergency digging, Van Hook Excavation is the company people call when they want the job done right.", "We treat every property like it’s our own and every customer like a neighbor."]}
|
||||
buttonAnimation="opacity"
|
||||
showBorder={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<MetricCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "honest",
|
||||
title: "Honest & Reliable",
|
||||
subtitle: "Transparent work, every time.",
|
||||
category: "Trust",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "fast",
|
||||
title: "Fast Scheduling",
|
||||
subtitle: "Quick project turnaround.",
|
||||
category: "Efficiency",
|
||||
value: "Rapid",
|
||||
},
|
||||
{
|
||||
id: "knowledgeable",
|
||||
title: "Extremely Knowledgeable",
|
||||
subtitle: "Years of excavation expertise.",
|
||||
category: "Expertise",
|
||||
value: "Proven",
|
||||
},
|
||||
{
|
||||
id: "emergency",
|
||||
title: "Emergency Jobs Handled Quickly",
|
||||
subtitle: "Urgent needs, immediate action.",
|
||||
category: "Responsiveness",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "right-first-time",
|
||||
title: "Work Done Right The First Time",
|
||||
subtitle: "Precision and quality as standard.",
|
||||
category: "Quality",
|
||||
value: "Flawless",
|
||||
},
|
||||
{
|
||||
id: "exceeds",
|
||||
title: "Exceeds Expectations",
|
||||
subtitle: "Going above and beyond.",
|
||||
category: "Satisfaction",
|
||||
value: "Guaranteed",
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
title: "Clean, Professional Work",
|
||||
subtitle: "Meticulous attention to detail.",
|
||||
category: "Professionalism",
|
||||
value: "Spotless",
|
||||
},
|
||||
{
|
||||
id: "fair-pricing",
|
||||
title: "Fair Pricing",
|
||||
subtitle: "Value-driven, competitive rates.",
|
||||
category: "Value",
|
||||
value: "Great",
|
||||
},
|
||||
]}
|
||||
title="Why Van Hook Excavation"
|
||||
description="We don’t cut corners. We move dirt the right way. Our commitment to excellence means you get unparalleled service and results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
@@ -288,37 +162,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Joe I.",
|
||||
role: "Homeowner",
|
||||
company: "Local Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-blue-suit-posing-white-artistic-wall-from-bricks_613910-3011.jpg",
|
||||
},
|
||||
id: "1", name: "Joe I.", role: "Homeowner", company: "Local Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-blue-suit-posing-white-artistic-wall-from-bricks_613910-3011.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Amber M.",
|
||||
role: "Client",
|
||||
company: "Local Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-front-glass-building_23-2147704431.jpg",
|
||||
},
|
||||
id: "2", name: "Amber M.", role: "Client", company: "Local Business", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-front-glass-building_23-2147704431.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kashea V.",
|
||||
role: "Property Owner",
|
||||
company: "Residential Project",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-couple-meeting_23-2149324566.jpg",
|
||||
},
|
||||
id: "3", name: "Kashea V.", role: "Property Owner", company: "Residential Project", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-couple-meeting_23-2149324566.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah L.",
|
||||
role: "Contractor",
|
||||
company: "Custom Home Builder",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-praising-good-work-showing-thumbs-up-smiling-satisfied-standing_1258-26394.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah L.", role: "Contractor", company: "Custom Home Builder", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-praising-good-work-showing-thumbs-up-smiling-satisfied-standing_1258-26394.jpg"},
|
||||
]}
|
||||
title="What Customers Say"
|
||||
description="Hear directly from our satisfied clients about their experiences with Van Hook Excavation's reliable and high-quality work."
|
||||
@@ -333,47 +187,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "gallery-1",
|
||||
name: "Excavator at Work",
|
||||
price: "",
|
||||
variant: "Precision Digging",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/backhoe-digger_1388-576.jpg",
|
||||
},
|
||||
id: "gallery-1", name: "Excavator at Work", price: "", variant: "Precision Digging", imageSrc: "http://img.b2bpic.net/free-photo/backhoe-digger_1388-576.jpg"},
|
||||
{
|
||||
id: "gallery-2",
|
||||
name: "Land Clearing",
|
||||
price: "",
|
||||
variant: "Transformative Results",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-planting-tree-countryside_23-2149401182.jpg",
|
||||
},
|
||||
id: "gallery-2", name: "Land Clearing", price: "", variant: "Transformative Results", imageSrc: "http://img.b2bpic.net/free-photo/person-planting-tree-countryside_23-2149401182.jpg"},
|
||||
{
|
||||
id: "gallery-3",
|
||||
name: "Septic System Install",
|
||||
price: "",
|
||||
variant: "Reliable Foundations",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg",
|
||||
},
|
||||
id: "gallery-3", name: "Septic System Install", price: "", variant: "Reliable Foundations", imageSrc: "http://img.b2bpic.net/free-photo/workers-standing-checking-beside-working-oil-pumps_1150-19213.jpg"},
|
||||
{
|
||||
id: "gallery-4",
|
||||
name: "Gravel Driveway",
|
||||
price: "",
|
||||
variant: "Durable Surfaces",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batako-wall-texture-street_272375-3178.jpg",
|
||||
},
|
||||
id: "gallery-4", name: "Gravel Driveway", price: "", variant: "Durable Surfaces", imageSrc: "http://img.b2bpic.net/free-photo/batako-wall-texture-street_272375-3178.jpg"},
|
||||
{
|
||||
id: "gallery-5",
|
||||
name: "House Pad Prep",
|
||||
price: "",
|
||||
variant: "Ready For Construction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-ropejumping_1385-3151.jpg",
|
||||
},
|
||||
id: "gallery-5", name: "House Pad Prep", price: "", variant: "Ready For Construction", imageSrc: "http://img.b2bpic.net/free-photo/extreme-sports-ropejumping_1385-3151.jpg"},
|
||||
{
|
||||
id: "gallery-6",
|
||||
name: "Equipment Lineup",
|
||||
price: "",
|
||||
variant: "Our Powerful Fleet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-site-excavator_1112-1223.jpg",
|
||||
},
|
||||
id: "gallery-6", name: "Equipment Lineup", price: "", variant: "Our Powerful Fleet", imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-site-excavator_1112-1223.jpg"},
|
||||
]}
|
||||
title="Quality Work Speaks For Itself."
|
||||
description="Explore our portfolio of completed projects, showcasing precision, power, and reliability in every detail. From intricate septic installations to expansive land clearing, our commitment to excellence is evident."
|
||||
@@ -384,22 +208,15 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
text="Need Excavation Work Done?\nCall Van Hook Excavation Today For A Free Quote"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1-555-VANHOOK",
|
||||
},
|
||||
text: "Call Now", href: "tel:+1-555-VANHOOK"},
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
{
|
||||
text: "Text Us",
|
||||
href: "sms:+1-555-VANHOOK",
|
||||
},
|
||||
text: "Text Us", href: "sms:+1-555-VANHOOK"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -409,74 +226,42 @@ export default function LandingPage() {
|
||||
logoText="Van Hook Excavation"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Septic Systems",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Septic Systems", href: "#services"},
|
||||
{
|
||||
label: "Land Clearing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Land Clearing", href: "#services"},
|
||||
{
|
||||
label: "Site Preparation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Site Preparation", href: "#services"},
|
||||
{
|
||||
label: "Driveways & Gravel",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Driveways & Gravel", href: "#services"},
|
||||
{
|
||||
label: "Demolition",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Demolition", href: "#services"},
|
||||
{
|
||||
label: "Emergency Excavation",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Emergency Excavation", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "#why-choose-us",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Get a Quote", href: "#contact"},
|
||||
{
|
||||
label: "Call Us: +1 (555) VANHOOK",
|
||||
href: "tel:+1-555-VANHOOK",
|
||||
},
|
||||
label: "Call Us: +1 (555) VANHOOK", href: "tel:+1-555-VANHOOK"},
|
||||
{
|
||||
label: "Email: info@vanhookexcavation.com",
|
||||
href: "mailto:info@vanhookexcavation.com",
|
||||
},
|
||||
label: "Email: info@vanhookexcavation.com", href: "mailto:info@vanhookexcavation.com"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/vanhookexcavation",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/vanhookexcavation"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user