bender/0f7803dd-6a17-4e67-953b-d8e8d7be26fa
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-04-22 21:22:39 +00:00
parent 0e6c8b42c0
commit bb9b53cac3
1 changed files with 54 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -18,89 +18,48 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Contact", id: "/contact" },
]}
brandName="Herreras Concrete LLC"
button={{ text: "Contact Us", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Precision Concrete Craftsmanship Built to Last Generations"
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",
},
{
src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/multiracial-family-getting-home-consultation-choosig-colors-floor_1157-47964.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205428.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/multiracial-family-getting-home-consultation-choosig-colors-floor_1157-47964.jpg", alt: "Client 5" },
]}
buttons={[
{
text: "Request a Free Estimate",
href: "/contact",
},
{
text: "View Our Work",
href: "#projects",
},
{ text: "Request a Free Estimate", href: "/contact" },
{ text: "View Our Work", href: "#projects" },
]}
marqueeItems={[
{
type: "text-icon",
text: "Licensed & Bonded",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "24/7 Response",
icon: Clock,
},
{
type: "text-icon",
text: "Quality Guaranteed",
icon: CheckCircle,
},
{
type: "text-icon",
text: "Locally Owned",
icon: MapPin,
},
{
type: "text-icon",
text: "Expert Finish",
icon: Building2,
},
{ type: "text-icon", text: "Licensed & Bonded", icon: ShieldCheck },
{ type: "text-icon", text: "24/7 Response", icon: Clock },
{ type: "text-icon", text: "Quality Guaranteed", icon: CheckCircle },
{ type: "text-icon", text: "Locally Owned", icon: MapPin },
{ type: "text-icon", text: "Expert Finish", icon: Building2 },
]}
/>
</div>
@@ -110,27 +69,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
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: "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" },
]}
title="Licensed & Insured Professional Services"
description="We ensure every job meets the highest standards for performance and aesthetics in Minnesota."
@@ -143,18 +84,9 @@ export default function LandingPage() {
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."
metrics={[
{
value: "100%",
title: "Quality Commitment",
},
{
value: "24hr",
title: "Response Time",
},
{
value: "MN",
title: "Service Area",
},
{ value: "100%", title: "Quality Commitment" },
{ value: "24hr", title: "Response Time" },
{ value: "MN", title: "Service Area" },
]}
mediaAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/steel-bar-site-construction_1150-10124.jpg"
@@ -169,60 +101,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
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: "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: "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: "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" },
]}
title="Concrete Services"
description="Customized concrete solutions for every structural and architectural need."
@@ -234,37 +118,19 @@ export default function LandingPage() {
textboxLayout="split"
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.",
},
{ 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."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080211.jpg"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="split"
/>
</div>
@@ -272,31 +138,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
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",
},
{ 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"
@@ -308,33 +154,16 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/",
},
{
label: "Services",
href: "/",
},
{
label: "Contact",
href: "/contact",
},
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Services", href: "/" },
{ label: "Contact", href: "/contact" },
],
},
{
title: "Legal",
items: [
{
label: "Licensed & Insured",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
title: "Legal", items: [
{ label: "Licensed & Insured", href: "#" },
{ label: "Privacy Policy", href: "#" },
],
},
]}