bender/8a5c87a6-53e5-497c-99e6-1071de009e44
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 05:49:27 +00:00
parent 67f40e1755
commit 99972b38d8
1 changed files with 40 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -8,7 +8,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
import FooterCard from '@/components/sections/footer/FooterCard'; import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi'; import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -28,24 +28,12 @@ export default function LandingPage() {
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "home" },
name: "Home", { name: "About", id: "about" },
id: "home", { name: "Services", id: "services" },
}, { name: "Contact", id: "contact" },
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="Quinteros Concrete" brandName="Quinteros Concrete"
/> />
@@ -53,82 +41,35 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{ variant: "plain" }}
variant: "plain",
}}
title="Professional Concrete Services on the Western Slope" title="Professional Concrete Services on the Western Slope"
description="With 20 years of experience, Quinteros Concrete provides reliable, high-quality concrete construction. From foundations to patios, we bring expertise to every phase of your project." description="With 20 years of experience, Quinteros Concrete provides reliable, high-quality concrete construction. From foundations to patios, we bring expertise to every phase of your project."
kpis={[ kpis={[
{ { value: "20+", label: "Years Experience" },
value: "20+", { value: "5.0", label: "Google Rating" },
label: "Years Experience", { value: "100%", label: "Quality Concrete" },
},
{
value: "5.0",
label: "Google Rating",
},
{
value: "100%",
label: "Quality Concrete",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ { text: "Call Now", href: "tel:9706150384" },
text: "Call Now", { text: "Get Quote", href: "#contact" },
href: "tel:9706150384",
},
{
text: "Get Quote",
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-with-orange-vest-pointing_23-2148269877.jpg" imageSrc="http://img.b2bpic.net/free-photo/side-view-man-with-orange-vest-pointing_23-2148269877.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943460.jpg", alt: "Male photographer" },
src: "http://img.b2bpic.net/free-photo/male-photographer-exploring-urban-environment-with-grunge-aesthetic_23-2150943460.jpg", { src: "http://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg", alt: "Man at construction site" },
alt: "Male photographer", { src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431490.jpg", alt: "Monochrome construction" },
}, { src: "http://img.b2bpic.net/free-photo/extreme-sports-ropejumping_1385-3151.jpg", alt: "Ropejumping" },
{ { src: "http://img.b2bpic.net/free-photo/professional-builder-work-clothes-works-with-cutting-tool_169016-11202.jpg", alt: "Builder with tool" },
src: "http://img.b2bpic.net/free-photo/man-with-shovel-picking-up-rubble-construction-site_259150-57621.jpg",
alt: "Man at construction site",
},
{
src: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431490.jpg",
alt: "Monochrome construction",
},
{
src: "http://img.b2bpic.net/free-photo/extreme-sports-ropejumping_1385-3151.jpg",
alt: "Ropejumping",
},
{
src: "http://img.b2bpic.net/free-photo/professional-builder-work-clothes-works-with-cutting-tool_169016-11202.jpg",
alt: "Builder with tool",
},
]} ]}
avatarText="Trusted by 500+ happy clients" avatarText="Trusted by 500+ happy clients"
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Foundations" },
type: "text", { type: "text", text: "Driveways" },
text: "Foundations", { type: "text", text: "Patios" },
}, { type: "text", text: "Retaining Walls" },
{ { type: "text", text: "Slabs" },
type: "text",
text: "Driveways",
},
{
type: "text",
text: "Patios",
},
{
type: "text",
text: "Retaining Walls",
},
{
type: "text",
text: "Slabs",
},
]} ]}
/> />
</div> </div>
@@ -137,19 +78,9 @@ export default function LandingPage() {
<InlineImageSplitTextAbout <InlineImageSplitTextAbout
useInvertedBackground={true} useInvertedBackground={true}
heading={[ heading={[
{ { type: "text", content: "Experienced in All Phases of " },
type: "text", { type: "image", src: "http://img.b2bpic.net/free-photo/photo-cyber-girl-wears-vr-set-leaning-wall-tunnel_114579-92562.jpg", alt: "Concrete Work" },
content: "Experienced in All Phases of ", { type: "text", content: " Concrete Construction" },
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/photo-cyber-girl-wears-vr-set-leaning-wall-tunnel_114579-92562.jpg",
alt: "Concrete Work",
},
{
type: "text",
content: " Concrete Construction",
},
]} ]}
/> />
</div> </div>
@@ -160,21 +91,9 @@ export default function LandingPage() {
title="Our Specialized Concrete Services" title="Our Specialized Concrete Services"
description="We handle projects of all sizes with precision and high-quality materials to ensure durability." description="We handle projects of all sizes with precision and high-quality materials to ensure durability."
accordionItems={[ accordionItems={[
{ { id: "1", title: "Foundations & Footings", content: "Solid structural foundations built to last for your home or business." },
id: "1", { id: "2", title: "Driveways & Patios", content: "Durable, clean, and beautifully finished driveways and patios for your outdoor space." },
title: "Foundations & Footings", { id: "3", title: "Retaining Walls & Slabs", content: "Professional retaining walls and reinforced slabs for stability and functionality." },
content: "Solid structural foundations built to last for your home or business.",
},
{
id: "2",
title: "Driveways & Patios",
content: "Durable, clean, and beautifully finished driveways and patios for your outdoor space.",
},
{
id: "3",
title: "Retaining Walls & Slabs",
content: "Professional retaining walls and reinforced slabs for stability and functionality.",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/industrial-builder-works-with-professional-angle-grinder-cut-bricks-build-interior-walls-electrician_169016-5878.jpg" imageSrc="http://img.b2bpic.net/free-photo/industrial-builder-works-with-professional-angle-grinder-cut-bricks-build-interior-walls-electrician_169016-5878.jpg"
@@ -186,14 +105,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Residential Homeowners", "Residential Homeowners", "Local Businesses", "Property Managers", "General Contractors", "Landscape Designers", "Real Estate Developers", "Community Projects"]}
"Local Businesses",
"Property Managers",
"General Contractors",
"Landscape Designers",
"Real Estate Developers",
"Community Projects",
]}
title="Serving Montrose and Nearby Areas" title="Serving Montrose and Nearby Areas"
description="Trusted by hundreds of homeowners and local businesses across the Western Slope." description="Trusted by hundreds of homeowners and local businesses across the Western Slope."
/> />
@@ -205,46 +117,11 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Quinteros Concrete poured our new patio and it looks incredible. Very professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg" },
id: "1", { id: "2", name: "James Henderson", handle: "@james_h", testimonial: "They handled our foundation work quickly. Top notch quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
name: "Sarah Miller", { id: "3", name: "Maria Garcia", handle: "@m_garcia", testimonial: "Best service in Montrose. The driveway is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg" },
handle: "@sarah_m", { id: "4", name: "David Peterson", handle: "@dave_p", testimonial: "Extremely satisfied with the retaining wall. Very sturdy work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/realtor-couple-with-medical-masks-looking-house-plans_23-2148895454.jpg" },
testimonial: "Quinteros Concrete poured our new patio and it looks incredible. Very professional.", { id: "5", name: "Linda Thompson", handle: "@linda_t", testimonial: "Great attention to detail on the custom slab.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-talking-about-investment-real-estate-office-space_482257-91171.jpg" },
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg",
},
{
id: "2",
name: "James Henderson",
handle: "@james_h",
testimonial: "They handled our foundation work quickly. Top notch quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
},
{
id: "3",
name: "Maria Garcia",
handle: "@m_garcia",
testimonial: "Best service in Montrose. The driveway is perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15627.jpg",
},
{
id: "4",
name: "David Peterson",
handle: "@dave_p",
testimonial: "Extremely satisfied with the retaining wall. Very sturdy work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/realtor-couple-with-medical-masks-looking-house-plans_23-2148895454.jpg",
},
{
id: "5",
name: "Linda Thompson",
handle: "@linda_t",
testimonial: "Great attention to detail on the custom slab.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-talking-about-investment-real-estate-office-space_482257-91171.jpg",
},
]} ]}
showRating={true} showRating={true}
title="What Our Clients Say" title="What Our Clients Say"
@@ -257,21 +134,9 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "1", title: "Do you offer free estimates?", content: "Yes, we provide free estimates for all concrete projects in the Western Slope area." },
id: "1", { id: "2", title: "How long does concrete take to cure?", content: "Concrete typically cures for 28 days to reach full strength, though it is usually safe for foot traffic sooner." },
title: "Do you offer free estimates?", { id: "3", title: "What areas do you serve?", content: "We serve Montrose and all surrounding Western Slope communities." },
content: "Yes, we provide free estimates for all concrete projects in the Western Slope area.",
},
{
id: "2",
title: "How long does concrete take to cure?",
content: "Concrete typically cures for 28 days to reach full strength, though it is usually safe for foot traffic sooner.",
},
{
id: "3",
title: "What areas do you serve?",
content: "We serve Montrose and all surrounding Western Slope communities.",
},
]} ]}
title="Frequently Asked Questions" title="Frequently Asked Questions"
description="Answers to common questions about our concrete construction services." description="Answers to common questions about our concrete construction services."
@@ -282,18 +147,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{ variant: "plain" }}
variant: "plain",
}}
tag="Contact Us" tag="Contact Us"
title="Ready to Start Your Concrete Project?" title="Ready to Start Your Concrete Project?"
description="Reach out to Quinteros Concrete today for your free estimate or any inquiries." description="Reach out to Quinteros Concrete today for your free estimate or any inquiries."
buttons={[ buttons={[{ text: "Call (970) 615-0384", href: "tel:9706150384" }]}
{
text: "Call (970) 615-0384",
href: "tel:9706150384",
},
]}
/> />
</div> </div>