Merge version_2 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -31,73 +31,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="S.T. Paving"
|
||||
brandName="S.T. Precision Paving"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="S.T. Paving – Reliable Paving Services"
|
||||
description="Driveways, asphalt, repairs — done right the first time. We serve local homeowners and businesses with quality, durability, and professional service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="S.T. Precision Paving"
|
||||
description="Reliable paving, asphalt, and sealcoating services. Trustworthy infrastructure built to last, serving your local community with professional precision."
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Call Now", href: "tel:5550123" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080272.jpg",
|
||||
imageAlt: "Professional paving crew",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-placing-new-coating-asphalt-road_342744-601.jpg",
|
||||
imageAlt: "Finished asphalt driveway",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-city-asphalt-road-with-palm-trees-along-road-sunset_169016-10714.jpg",
|
||||
imageAlt: "Asphalt road repair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-night-streets-city_23-2149001252.jpg",
|
||||
imageAlt: "Residential sealcoating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asphalt-with-yellow-line_23-2147625885.jpg",
|
||||
imageAlt: "Commercial parking lot paving",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/legs-skater-boy_23-2147670716.jpg",
|
||||
imageAlt: "Paving machinery in action",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/outdoors-abstract-shadow-daylight_23-2149080272.jpg", imageAlt: "Paving project" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workers-placing-new-coating-asphalt-road_342744-601.jpg", imageAlt: "Asphalt application" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,29 +57,15 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose S.T. Paving"
|
||||
description="We understand the importance of quality infrastructure. With a professional online presence and a commitment to customer satisfaction, we deliver results that last."
|
||||
title="Why Choose S.T. Precision Paving"
|
||||
description="We combine years of asphalt expertise with modern project management. Our commitment is simple: high-quality workmanship, transparent pricing, and complete customer satisfaction for every driveway and commercial project."
|
||||
metrics={[
|
||||
{
|
||||
value: "81%",
|
||||
title: "of customers research online first",
|
||||
},
|
||||
{
|
||||
value: "75%",
|
||||
title: "judge credibility by design",
|
||||
},
|
||||
{
|
||||
value: "30%+",
|
||||
title: "higher conversion for professionals",
|
||||
},
|
||||
{
|
||||
value: "46%",
|
||||
title: "of searches are for local service",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "100%", title: "Satisfaction Guarantee" },
|
||||
{ value: "24/7", title: "Reliable Support" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,106 +75,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Services"
|
||||
description="Expert solutions for all your paving and asphalt requirements."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Service",
|
||||
name: "Driveway Paving",
|
||||
price: "Get Quote",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-road-marking-road-surface_1252-1139.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Service",
|
||||
name: "Parking Lot Installation",
|
||||
price: "Get Quote",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-helmet_23-2149908152.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Service",
|
||||
name: "Asphalt Repair & Seal",
|
||||
price: "Get Quote",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Paving", name: "Driveway Paving", price: "Contact Us", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/yellow-road-marking-road-surface_1252-1139.jpg" },
|
||||
{ id: "p2", brand: "Commercial", name: "Parking Lot Installation", price: "Contact Us", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-helmet_23-2149908152.jpg" },
|
||||
{ id: "p3", brand: "Maintenance", name: "Asphalt Repair & Seal", price: "Contact Us", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg" },
|
||||
]}
|
||||
title="Our Professional Paving Services"
|
||||
description="Comprehensive solutions for residential and commercial paving needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Commitment",
|
||||
title: "On-Time Projects",
|
||||
subtitle: "We respect your schedule.",
|
||||
description: "Our team ensures every job is started and finished on time as promised.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/forest-road_1112-1840.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Excellence",
|
||||
title: "Quality Workmanship",
|
||||
subtitle: "Built to last.",
|
||||
description: "We utilize industry-best materials to ensure your pavement stands the test of time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95722.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Customer Focus",
|
||||
title: "Free Estimates",
|
||||
subtitle: "No hidden costs.",
|
||||
description: "Transparent, upfront pricing with no pressure, ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358958.jpg",
|
||||
},
|
||||
]}
|
||||
title="Built for Reliability"
|
||||
description="What sets S.T. Precision Paving apart from the competition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sam Thompson",
|
||||
role: "Owner/Lead Contractor",
|
||||
description: "15+ years of asphalt expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tractor-operator-workplace_1398-1882.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
role: "Site Supervisor",
|
||||
description: "Ensuring precision on every site.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-waitress-bar_23-2147874466.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena P.",
|
||||
role: "Customer Relations",
|
||||
description: "Ensuring a seamless quote process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-two-architect-working-together-construction-site_23-2148203939.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Skilled Team"
|
||||
description="Meet the experts behind your driveways."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -245,129 +90,46 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Testimonials"
|
||||
description="See why homeowners and businesses choose S.T. Precision Paving."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "Homeowner",
|
||||
testimonial: "S.T. Paving did an amazing job on our driveway. Professional and quick!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders_58466-16223.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Davis",
|
||||
handle: "Local Resident",
|
||||
testimonial: "Highly recommended for any asphalt work. Solid communication and work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-manager-examining-business-progress-while-reading-charts-drinking-coffee-office_637285-14.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Wilson",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Fantastic results, our driveway looks brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-lovely-couple-pose-urban-setting_273609-20538.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Clark",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Handled our parking lot repair efficiently. Great local business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-construction-worker-with-folded-arms-standing-near-truck-sunlight_181624-55805.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mike J.",
|
||||
handle: "Property Manager",
|
||||
testimonial: "Top tier efficiency, we use them for all our commercial properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-construction-worker-with-folded-arms-standing-near-truck-sunlight_181624-55805.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah M.", handle: "Homeowner", testimonial: "Professional work and an incredible finish. My driveway looks brand new!" },
|
||||
{ id: "2", name: "John D.", handle: "Business Owner", testimonial: "Efficient team, fair pricing. They handled our parking lot project without any hassle." },
|
||||
{ id: "3", name: "Emma W.", handle: "Homeowner", testimonial: "Highly recommended for reliable asphalt service." }
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Trusted by hundreds of homeowners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a driveway take?",
|
||||
content: "Most residential driveways take 1-2 days to complete, depending on size and weather.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide free estimates?",
|
||||
content: "Yes! We offer free, no-obligation quotes for all paving services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is asphalt better than concrete?",
|
||||
content: "Asphalt is generally more flexible, cost-effective for large areas, and easier to repair.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a project take?", content: "Most projects take 1-2 days depending on complexity and weather conditions." },
|
||||
{ id: "f2", title: "Do you offer free estimates?", content: "Yes, we provide completely free and no-obligation estimates." },
|
||||
{ id: "f3", title: "What areas do you serve?", content: "We proudly serve the entire local metropolitan area." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our paving process."
|
||||
faqsAnimation="slide-up"
|
||||
description="Common questions about our paving services."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
tag="Get In Touch"
|
||||
title="Request Your Free Estimate"
|
||||
description="Ready to get started? Call us or fill out the form for a fast quote."
|
||||
description="Let's discuss your next project. Our team is ready to provide you with professional guidance and a competitive quote."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Driveway Paving",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Sealcoating",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "Why Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Driveways", href: "#services" }, { label: "Parking Lots", href: "#services" }, { label: "Repairs", href: "#services" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user