Update src/app/page.tsx
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -84,67 +83,61 @@ 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: "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: "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."
|
||||
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,23 @@ 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: "Terms", href: "#" },
|
||||
{ label: "Privacy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="Herreras Concrete LLC © 2024"
|
||||
bottomRightText="Serving Minnesota & Surrounding Areas"
|
||||
bottomRightText="Minnesota Serving"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user