Update src/app/page.tsx
This commit is contained in:
220
src/app/page.tsx
220
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwent
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
|
||||
@@ -28,24 +28,12 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Quinteros Concrete"
|
||||
/>
|
||||
@@ -53,82 +41,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
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."
|
||||
kpis={[
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Quality Concrete",
|
||||
},
|
||||
{ value: "20+", label: "Years Experience" },
|
||||
{ value: "5.0", label: "Google Rating" },
|
||||
{ value: "100%", label: "Quality Concrete" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:9706150384",
|
||||
},
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", 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"
|
||||
mediaAnimation="slide-up"
|
||||
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/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",
|
||||
},
|
||||
{ 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/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"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Foundations",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Driveways",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Patios",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Retaining Walls",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Slabs",
|
||||
},
|
||||
{ type: "text", text: "Foundations" },
|
||||
{ type: "text", text: "Driveways" },
|
||||
{ type: "text", text: "Patios" },
|
||||
{ type: "text", text: "Retaining Walls" },
|
||||
{ type: "text", text: "Slabs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,19 +78,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Experienced in All Phases of ",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ type: "text", content: "Experienced in All Phases of " },
|
||||
{ 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>
|
||||
@@ -160,21 +91,9 @@ export default function LandingPage() {
|
||||
title="Our Specialized Concrete Services"
|
||||
description="We handle projects of all sizes with precision and high-quality materials to ensure durability."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Foundations & Footings",
|
||||
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.",
|
||||
},
|
||||
{ id: "1", title: "Foundations & Footings", 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"
|
||||
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"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Residential Homeowners",
|
||||
"Local Businesses",
|
||||
"Property Managers",
|
||||
"General Contractors",
|
||||
"Landscape Designers",
|
||||
"Real Estate Developers",
|
||||
"Community Projects",
|
||||
]}
|
||||
"Residential Homeowners", "Local Businesses", "Property Managers", "General Contractors", "Landscape Designers", "Real Estate Developers", "Community Projects"]}
|
||||
title="Serving Montrose and Nearby Areas"
|
||||
description="Trusted by hundreds of homeowners and local businesses across the Western Slope."
|
||||
/>
|
||||
@@ -205,46 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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",
|
||||
},
|
||||
{ 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: "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}
|
||||
title="What Our Clients Say"
|
||||
@@ -257,21 +134,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer free estimates?", 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"
|
||||
description="Answers to common questions about our concrete construction services."
|
||||
@@ -282,18 +147,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Start Your Concrete Project?"
|
||||
description="Reach out to Quinteros Concrete today for your free estimate or any inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (970) 615-0384",
|
||||
href: "tel:9706150384",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call (970) 615-0384", href: "tel:9706150384" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user