Merge version_1 into main #1
247
src/app/page.tsx
247
src/app/page.tsx
@@ -32,51 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="J&L Concrete"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sacramento’s Trusted Concrete Pumping & Construction Experts"
|
||||
description="With over 15 years of experience serving the Sacramento valley, we deliver durable concrete solutions for residential and commercial projects."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
{ text: "Request a Quote", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+15551234567" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-bulldozer-chisinau-downtown-moldova_1268-21810.jpg"
|
||||
imageAlt="concrete pumping truck construction site"
|
||||
@@ -88,10 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Built on Reliability and Quality Workmanship"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Learn More", href: "#services" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,42 +74,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Concrete Pumping",
|
||||
subtitle: "High-pressure, precise pumping equipment for hard-to-reach job sites.",
|
||||
category: "Specialized",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Residential Concrete",
|
||||
subtitle: "Driveways, patios, and sidewalks crafted with durable materials.",
|
||||
category: "Residential",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Commercial Solutions",
|
||||
subtitle: "Large-scale slabs and structural concrete for business development.",
|
||||
category: "Commercial",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Foundations & Slabs",
|
||||
subtitle: "Solid groundwork for your new builds using reinforced methods.",
|
||||
category: "Foundations",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Decorative Finishes",
|
||||
subtitle: "Stamped, colored, and textured concrete to enhance your curb appeal.",
|
||||
category: "Design",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Repair & Replacement",
|
||||
subtitle: "Restoring old or damaged concrete structures to like-new condition.",
|
||||
category: "Repair",
|
||||
},
|
||||
{ id: "f1", title: "Concrete Pumping", subtitle: "High-pressure, precise pumping equipment for hard-to-reach job sites.", category: "Specialized", value: "100%" },
|
||||
{ id: "f2", title: "Residential Concrete", subtitle: "Driveways, patios, and sidewalks crafted with durable materials.", category: "Residential", value: "100%" },
|
||||
{ id: "f3", title: "Commercial Solutions", subtitle: "Large-scale slabs and structural concrete for business development.", category: "Commercial", value: "100%" },
|
||||
{ id: "f4", title: "Foundations & Slabs", subtitle: "Solid groundwork for your new builds using reinforced methods.", category: "Foundations", value: "100%" },
|
||||
{ id: "f5", title: "Decorative Finishes", subtitle: "Stamped, colored, and textured concrete to enhance your curb appeal.", category: "Design", value: "100%" },
|
||||
{ id: "f6", title: "Repair & Replacement", subtitle: "Restoring old or damaged concrete structures to like-new condition.", category: "Repair", value: "100%" },
|
||||
]}
|
||||
title="Comprehensive Concrete Services"
|
||||
description="From small residential driveways to large commercial foundations, we handle it all with precision."
|
||||
@@ -151,26 +93,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Local Expertise",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2000+",
|
||||
description: "Completed Projects",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Licensed & Insured Team",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "5/5",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of Local Expertise" },
|
||||
{ id: "m2", value: "2000+", description: "Completed Projects" },
|
||||
{ id: "m3", value: "100%", description: "Licensed & Insured Team" },
|
||||
{ id: "m4", value: "5/5", description: "Customer Satisfaction" },
|
||||
]}
|
||||
title="Why Sacramento Trusts J&L"
|
||||
description="We are the local concrete experts committed to transparency, on-time delivery, and competitive pricing."
|
||||
@@ -184,42 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Residential Driveway",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Commercial Foundation",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pumping Operations",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431541.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Decorative Patio",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-cubes-row_181624-853.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Structural Slab",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-3036.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Polished Concrete",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-marble-textured-background_53876-34026.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Residential Driveway", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg" },
|
||||
{ id: "p2", name: "Commercial Foundation", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg" },
|
||||
{ id: "p3", name: "Pumping Operations", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431541.jpg" },
|
||||
{ id: "p4", name: "Decorative Patio", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-cubes-row_181624-853.jpg" },
|
||||
{ id: "p5", name: "Structural Slab", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-3036.jpg" },
|
||||
{ id: "p6", name: "Polished Concrete", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/closeup-marble-textured-background_53876-34026.jpg" },
|
||||
]}
|
||||
title="Our Project Gallery"
|
||||
description="Explore our recent pumping and pouring projects around the Sacramento region."
|
||||
@@ -231,14 +127,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Construction Guild",
|
||||
"Sacramento Chamber",
|
||||
"Safety Alliance",
|
||||
"Contractors Association",
|
||||
"Home Builders Partner",
|
||||
"Excellence Badge",
|
||||
"License Verified",
|
||||
]}
|
||||
"Construction Guild", "Sacramento Chamber", "Safety Alliance", "Contractors Association", "Home Builders Partner", "Excellence Badge", "License Verified"]}
|
||||
title="Recognized & Trusted"
|
||||
description="Proudly certified and affiliated with the leading industry organizations."
|
||||
/>
|
||||
@@ -250,46 +139,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Excellent service and very punctual. My new driveway looks incredible!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
handle: "Property Manager",
|
||||
testimonial: "Highly professional commercial work. They completed the foundation on schedule.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-lawyer-with-crossed-arms_23-2148230781.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
handle: "Small Business Owner",
|
||||
testimonial: "J&L was recommended to me and they truly delivered. Great quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-discussing-plans-street_23-2147785487.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily K.",
|
||||
handle: "Residential Client",
|
||||
testimonial: "Their pumping services are top notch. Very clean process.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-chatting-picnic-by-lake_23-2148179883.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom H.",
|
||||
handle: "Contractor",
|
||||
testimonial: "Solid team and very fair pricing. Will definitely call them again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-with-young-couple-embracing-background_23-2148895450.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "Homeowner", testimonial: "Excellent service and very punctual. My new driveway looks incredible!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-man-with-orange-life-jacket_23-2147562089.jpg" },
|
||||
{ id: "t2", name: "Mike R.", handle: "Property Manager", testimonial: "Highly professional commercial work. They completed the foundation on schedule.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-lawyer-with-crossed-arms_23-2148230781.jpg" },
|
||||
{ id: "t3", name: "David W.", handle: "Small Business Owner", testimonial: "J&L was recommended to me and they truly delivered. Great quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/engineers-discussing-plans-street_23-2147785487.jpg" },
|
||||
{ id: "t4", name: "Emily K.", handle: "Residential Client", testimonial: "Their pumping services are top notch. Very clean process.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-chatting-picnic-by-lake_23-2148179883.jpg" },
|
||||
{ id: "t5", name: "Tom H.", handle: "Contractor", testimonial: "Solid team and very fair pricing. Will definitely call them again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-female-realtor-with-young-couple-embracing-background_23-2148895450.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -302,21 +156,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What areas do you serve?",
|
||||
content: "We primarily serve the entire Greater Sacramento area and surrounding cities.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, our team is fully licensed, insured, and dedicated to safety and quality standards.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I request a quote?",
|
||||
content: "You can fill out the contact form below or call us directly to schedule a free estimate.",
|
||||
},
|
||||
{ id: "q1", title: "What areas do you serve?", content: "We primarily serve the entire Greater Sacramento area and surrounding cities." },
|
||||
{ id: "q2", title: "Are you licensed and insured?", content: "Yes, our team is fully licensed, insured, and dedicated to safety and quality standards." },
|
||||
{ id: "q3", title: "How do I request a quote?", content: "You can fill out the contact form below or call us directly to schedule a free estimate." },
|
||||
]}
|
||||
title="Common Concrete Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -327,15 +169,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready for your concrete project? Call us at (555) 123-4567 or request a free quote below to get started."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:info@jlconcrete.com",
|
||||
},
|
||||
{ text: "Email Us", href: "mailto:info@jlconcrete.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -343,14 +180,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="J&L Concrete"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 J&L Concrete Services",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 J&L Concrete Services", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user