Merge version_1 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,74 +31,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RoadMaster Paving"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Asphalt Paving for Your Property"
|
||||
description="Transform your driveways and parking lots with our premium, long-lasting asphalt paving services. We combine experience with modern technology."
|
||||
tag="Expert Paving Team"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317305.jpg",
|
||||
imageAlt: "Asphalt Paving Construction",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509510.jpg",
|
||||
imageAlt: "Residential Asphalt",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-ground-day-light_23-2149194773.jpg",
|
||||
imageAlt: "Excavator digging in the ground on day light",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg",
|
||||
imageAlt: "Indian man working. Male in a yellow vest. Man near the tractor.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-construction_342744-602.jpg",
|
||||
imageAlt: "Road construction",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scene-construction-site-with-equipment_23-2151317305.jpg", imageAlt: "Asphalt Paving Construction" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509510.jpg", imageAlt: "Residential Asphalt" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Top-Rated Service Provider"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "Our Services", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,21 +66,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Driveways",
|
||||
description: "Custom driveways built for durability and aesthetic appeal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-using-power-trowel-machine-construction-site_651396-3214.jpg",
|
||||
},
|
||||
{
|
||||
title: "Commercial Lots",
|
||||
description: "High-traffic parking lot paving and striping services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stairway-city_53876-23371.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sealcoating",
|
||||
description: "Extend the life of your surface with premium sealcoating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-high-angle_23-2149714275.jpg",
|
||||
},
|
||||
{ title: "Residential Driveways", description: "Custom driveways built for durability and aesthetic appeal.", imageSrc: "http://img.b2bpic.net/free-photo/worker-using-power-trowel-machine-construction-site_651396-3214.jpg" },
|
||||
{ title: "Commercial Lots", description: "High-traffic parking lot paving and striping services.", imageSrc: "http://img.b2bpic.net/free-photo/stairway-city_53876-23371.jpg" },
|
||||
{ title: "Sealcoating", description: "Extend the life of your surface with premium sealcoating.", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-protective-equipment-high-angle_23-2149714275.jpg" },
|
||||
]}
|
||||
title="Our Paving Services"
|
||||
description="Comprehensive asphalt solutions for residential and commercial needs."
|
||||
@@ -135,36 +80,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
tag="Professional Excellence"
|
||||
title="Why Choose Our Paving Services?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#process",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#process" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Site Inspection",
|
||||
description: "Detailed assessment of your project site.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184975.jpg",
|
||||
},
|
||||
{
|
||||
title: "Surface Prep",
|
||||
description: "Expert excavation and foundation preparation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-pallet-truck_627829-11411.jpg",
|
||||
},
|
||||
{
|
||||
title: "Finishing",
|
||||
description: "Precision application of high-quality asphalt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg",
|
||||
},
|
||||
{ title: "Site Inspection", description: "Detailed assessment of your project site.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184975.jpg" },
|
||||
{ title: "Surface Prep", description: "Expert excavation and foundation preparation.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-with-pallet-truck_627829-11411.jpg" },
|
||||
{ title: "Finishing", description: "Precision application of high-quality asphalt.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-out-together_23-2150405456.jpg" },
|
||||
]}
|
||||
title="The Paving Process"
|
||||
description="How we guarantee superior quality in every project."
|
||||
@@ -178,46 +107,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-motorbiker-holding-helmet-posing-countryside-road_176420-2496.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Manager",
|
||||
company: "Retail Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Brown",
|
||||
role: "Director",
|
||||
company: "Office Center",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-runner-position-running_23-2147839328.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Wilson",
|
||||
role: "Property Manager",
|
||||
company: "Real Estate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-paper-coffee-cup-standing-with-bicycle-park_23-2148042614.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark Evans",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-taking-walk-outdoors-city_23-2150579713.jpg",
|
||||
},
|
||||
{ id: "1", name: "John Doe", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-motorbiker-holding-helmet-posing-countryside-road_176420-2496.jpg" },
|
||||
{ id: "2", name: "Jane Smith", role: "Manager", company: "Retail Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg" },
|
||||
{ id: "3", name: "Robert Brown", role: "Director", company: "Office Center", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-runner-position-running_23-2147839328.jpg" },
|
||||
{ id: "4", name: "Alice Wilson", role: "Property Manager", company: "Real Estate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-paper-coffee-cup-standing-with-bicycle-park_23-2148042614.jpg" },
|
||||
{ id: "5", name: "Mark Evans", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-man-taking-walk-outdoors-city_23-2150579713.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from our satisfied property owners."
|
||||
@@ -231,27 +125,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
description: "Satisfied clients across the city.",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Industry knowledge and expertise.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Quality Guaranteed",
|
||||
description: "Premium workmanship on every job.",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", value: "500+", title: "Projects Completed", description: "Satisfied clients across the city.", icon: CheckCircle },
|
||||
{ id: "m2", value: "15+", title: "Years Experience", description: "Industry knowledge and expertise.", icon: Award },
|
||||
{ id: "m3", value: "100%", title: "Quality Guaranteed", description: "Premium workmanship on every job.", icon: Shield },
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Driven by results and excellence."
|
||||
@@ -263,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does asphalt last?",
|
||||
content: "With proper maintenance, asphalt lasts up to 20 years.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide free site estimates for all projects.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long before I can drive on it?",
|
||||
content: "Usually 24-48 hours depending on conditions.",
|
||||
},
|
||||
{ id: "f1", title: "How long does asphalt last?", content: "With proper maintenance, asphalt lasts up to 20 years." },
|
||||
{ id: "f2", title: "Do you provide estimates?", content: "Yes, we provide free site estimates for all projects." },
|
||||
{ id: "f3", title: "How long before I can drive on it?", content: "Usually 24-48 hours depending on conditions." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -288,16 +152,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Ready to transform your property? Contact us today for your free, no-obligation asphalt paving quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us Now", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -305,37 +162,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Driveways",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Parking Lots",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Sealcoating",
|
||||
href: "#services",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Driveways", href: "#services" },
|
||||
{ label: "Parking Lots", href: "#services" },
|
||||
{ label: "Sealcoating", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -346,4 +183,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user