|
|
|
|
@@ -15,16 +15,16 @@ import { Building2, CheckCircle, Clock, MapPin, ShieldCheck } from "lucide-react
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="expand-hover"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="outline"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
@@ -40,8 +40,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCentered
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
title="Precision Concrete Craftsmanship Built to Last Generations"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
title="Precision Concrete Craftsmanship"
|
|
|
|
|
description="Herreras Concrete LLC delivers residential and commercial concrete solutions focused on durability, precision, and clean architectural finish."
|
|
|
|
|
avatars={[
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205428.jpg", alt: "Client 1" },
|
|
|
|
|
@@ -52,7 +52,6 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Request a Free Estimate", href: "/contact" },
|
|
|
|
|
{ text: "View Our Work", href: "#projects" },
|
|
|
|
|
]}
|
|
|
|
|
marqueeItems={[
|
|
|
|
|
{ type: "text-icon", text: "Licensed & Bonded", icon: ShieldCheck },
|
|
|
|
|
@@ -67,14 +66,14 @@ export default function LandingPage() {
|
|
|
|
|
<div id="trust" data-section="trust">
|
|
|
|
|
<FeatureCardNineteen
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
features={[
|
|
|
|
|
{ tag: "Safety", title: "Licensed & Insured", subtitle: "Protected", description: "Full coverage and professional licensing for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg" },
|
|
|
|
|
{ tag: "Scope", title: "Services", subtitle: "Versatile", description: "Comprehensive solutions for both residential and commercial sectors.", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431528.jpg" },
|
|
|
|
|
{ tag: "Service", title: "Estimates", subtitle: "Convenient", description: "Free on-site consultations with transparent project pricing.", imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-2982.jpg" },
|
|
|
|
|
{ tag: "Compliance", title: "Licensed & Insured", subtitle: "Protected", description: "Full coverage and professional licensing for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/view-construction-work-site_1398-2983.jpg" },
|
|
|
|
|
{ tag: "Scope", title: "Full Service", subtitle: "Versatile", description: "Comprehensive solutions for both residential and commercial sectors.", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431528.jpg" },
|
|
|
|
|
{ tag: "Support", title: "Transparent Estimates", subtitle: "Convenient", description: "Free on-site consultations with transparent project pricing.", imageSrc: "http://img.b2bpic.net/free-photo/construction-work-site_1398-2982.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Licensed & Insured Professional Services"
|
|
|
|
|
description="We ensure every job meets the highest standards for performance and aesthetics in Minnesota."
|
|
|
|
|
title="Professional Standards"
|
|
|
|
|
description="We ensure every job meets the highest standards for performance and aesthetics."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -82,69 +81,63 @@ export default function LandingPage() {
|
|
|
|
|
<MetricSplitMediaAbout
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Built on Strength. Defined by Detail."
|
|
|
|
|
description="Herreras Concrete LLC specializes in professional concrete installation and finishing services for residential and commercial projects. Every job is completed with careful preparation, precise grading, and high-quality finishing to ensure long-lasting durability and clean visual appeal."
|
|
|
|
|
description="Herreras Concrete LLC specializes in professional concrete installation and finishing services for residential and commercial projects. Based in Minnesota, we are committed to providing top-tier craftsmanship for every structural need."
|
|
|
|
|
metrics={[
|
|
|
|
|
{ value: "100%", title: "Quality Commitment" },
|
|
|
|
|
{ value: "24hr", title: "Response Time" },
|
|
|
|
|
{ value: "MN", title: "Service Area" },
|
|
|
|
|
{ value: "100%", title: "Commitment" },
|
|
|
|
|
{ value: "24hr", title: "Response" },
|
|
|
|
|
{ value: "MN", title: "Region" },
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaAnimation="none"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10124.jpg"
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
metricsAnimation="none"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<ProductCardTwo
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
animationType="none"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "p1", brand: "Concrete", name: "Driveways", price: "Durable & Reinforced", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/creativity-ideas-exterior-design-stairway-pavement-concept_53876-23408.jpg" },
|
|
|
|
|
{ id: "p1", brand: "Concrete", name: "Driveways", price: "Built to Last", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/creativity-ideas-exterior-design-stairway-pavement-concept_53876-23408.jpg" },
|
|
|
|
|
{ id: "p2", brand: "Concrete", name: "Patios", price: "Custom Designs", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface_23-2151214695.jpg" },
|
|
|
|
|
{ id: "p3", brand: "Concrete", name: "Foundations", price: "Structural Strength", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg" },
|
|
|
|
|
{ id: "p4", brand: "Concrete", name: "Sidewalks", price: "Pedestrian Safety", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/crosswalk_1232-1009.jpg" },
|
|
|
|
|
{ id: "p5", brand: "Concrete", name: "Restoration", price: "Crack Repair", rating: 5, reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937900.jpg" },
|
|
|
|
|
{ id: "p6", brand: "Concrete", name: "Walkways", price: "Architectural Detail", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-stone-stairs_1359-889.jpg" },
|
|
|
|
|
{ id: "p3", brand: "Concrete", name: "Foundations", price: "Heavy-Duty Integrity", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/monochrome-scene-depicting-life-workers-construction-industry-site_23-2151431492.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Concrete Services"
|
|
|
|
|
description="Customized concrete solutions for every structural and architectural need."
|
|
|
|
|
title="Our Services"
|
|
|
|
|
description="Quality concrete solutions for every structural and architectural need."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="process" data-section="process">
|
|
|
|
|
<FaqSplitMedia
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "step1", title: "1. Consultation", content: "We review your project needs and site conditions." },
|
|
|
|
|
{ id: "step2", title: "2. Estimate", content: "You receive a clear and detailed project quote." },
|
|
|
|
|
{ id: "step3", title: "3. Preparation", content: "Site grading, form setup, and reinforcement planning." },
|
|
|
|
|
{ id: "step4", title: "4. Installation", content: "Concrete pouring, leveling, and finishing with precision." },
|
|
|
|
|
{ id: "step5", title: "5. Completion", content: "Final inspection and project handoff." },
|
|
|
|
|
]}
|
|
|
|
|
title="Our Working Process"
|
|
|
|
|
description="A clear, streamlined approach from consultation to completion."
|
|
|
|
|
title="Our Process"
|
|
|
|
|
description="Streamlined approach from start to finish."
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080211.jpg"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
mediaAnimation="none"
|
|
|
|
|
faqsAnimation="none"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "t1", name: "Residential Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg" },
|
|
|
|
|
{ id: "t2", name: "Property Owner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064840.jpg" },
|
|
|
|
|
{ id: "t3", name: "Commercial Lead", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg" },
|
|
|
|
|
{ id: "t4", name: "Home Owner", imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg" },
|
|
|
|
|
{ id: "t5", name: "Facility Manager", imageSrc: "http://img.b2bpic.net/free-photo/worker-uniform-against-backdrop-agri-buildings_146671-19124.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
cardTitle="What Our Clients Say"
|
|
|
|
|
cardTag="Testimonials"
|
|
|
|
|
cardAnimation="slide-up"
|
|
|
|
|
cardTitle="Testimonials"
|
|
|
|
|
cardTag="Clients"
|
|
|
|
|
cardAnimation="none"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -152,24 +145,24 @@ export default function LandingPage() {
|
|
|
|
|
<FooterSimple
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Us", href: "/" },
|
|
|
|
|
{ label: "Services", href: "/" },
|
|
|
|
|
title: "Navigation", items: [
|
|
|
|
|
{ label: "Home", href: "/" },
|
|
|
|
|
{ label: "Contact", href: "/contact" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{ label: "Licensed & Insured", href: "#" },
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "Phone: (612) 555-0100", href: "tel:6125550100" },
|
|
|
|
|
{ label: "Email: contact@herrerasconcrete.com", href: "mailto:contact@herrerasconcrete.com" },
|
|
|
|
|
{ label: "Address: Minneapolis, MN", href: "#" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="Herreras Concrete LLC © 2024"
|
|
|
|
|
bottomRightText="Serving Minnesota & Surrounding Areas"
|
|
|
|
|
bottomRightText="Fully Licensed & Insured"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|