185 lines
10 KiB
TypeScript
185 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
|
|
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Hammer, Wrench, Image, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Tucson Concrete Pros"
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Projects", id: "projects" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Get Free Quote", href: "#contact" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Tucson Concrete Pros"
|
|
description="Expert concrete services for residential and commercial projects. From driveways to decorative installations, we deliver quality and durability."
|
|
buttons={[
|
|
{ text: "View Our Work", href: "#projects" },
|
|
{ text: "Get Free Quote", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/grey-terrazzo-surface-with-colorful-aggregates_84443-73140.jpg"
|
|
imageAlt="Professional concrete driveway installation"
|
|
mediaAnimation="slide-up"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About Us"
|
|
tagIcon={Hammer}
|
|
title="Quality Concrete Solutions Since 2010"
|
|
description="Tucson Concrete Pros has been serving the Arizona community for over a decade. We specialize in high-quality concrete work that stands the test of time. Our team combines craftsmanship, attention to detail, and customer service excellence on every project."
|
|
metrics={[
|
|
{ value: "500+", title: "Projects Completed" },
|
|
{ value: "15+", title: "Years Experience" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-cement-concrete-floor-with-dry-leaves_23-2148209821.jpg"
|
|
imageAlt="Tucson Concrete Pros team at work"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
tagAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
title="Our Concrete Services"
|
|
description="We offer comprehensive concrete solutions tailored to your needs"
|
|
tag="Services"
|
|
tagIcon={Wrench}
|
|
textboxLayout="default"
|
|
features={[
|
|
{
|
|
title: "Driveway Installation & Repair", description: "Professional driveway construction and repairs. We handle everything from new installations to crack repair and resurfacing.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702199.jpg", imageAlt: "Concrete driveway service", button: { text: "Learn More", href: "#" },
|
|
},
|
|
{
|
|
title: "Patio & Decorative Concrete", description: "Create beautiful outdoor spaces with stamped, stained, or polished concrete. Perfect for patios, pools, and entertaining areas.", imageSrc: "http://img.b2bpic.net/free-photo/sporty-skater-boy_23-2147670725.jpg", imageAlt: "Decorative concrete patio", button: { text: "Learn More", href: "#" },
|
|
},
|
|
{
|
|
title: "Foundation & Structural Concrete", description: "Strong, reliable concrete foundations for residential and commercial buildings. Built to code with precision and expertise.", imageSrc: "http://img.b2bpic.net/free-photo/construction-workers-are-installing-steel-rods-reinforced-concrete-column_1150-6197.jpg", imageAlt: "Concrete foundation work", button: { text: "Learn More", href: "#" },
|
|
},
|
|
{
|
|
title: "Concrete Repair & Restoration", description: "Expert repair services for damaged concrete surfaces. We restore functionality and appearance to extend service life.", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702199.jpg", imageAlt: "Concrete repair service", button: { text: "Learn More", href: "#" },
|
|
},
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="projects" data-section="projects">
|
|
<ProductCardFour
|
|
title="Featured Projects"
|
|
description="Showcase of our recent concrete work across Tucson"
|
|
tag="Portfolio"
|
|
tagIcon={Image}
|
|
textboxLayout="default"
|
|
products={[
|
|
{
|
|
id: "project-residential-driveway", name: "Residential Driveway Renovation", price: "Completed", variant: "East Side Tucson Residence", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-cement-concrete-floor-with-dry-leaves_23-2148209821.jpg", imageAlt: "Residential driveway project"},
|
|
{
|
|
id: "project-patio-extension", name: "Backyard Patio Extension", price: "Completed", variant: "North Tucson Family Home", imageSrc: "http://img.b2bpic.net/free-photo/big-stone-made-chinese-chess-inside-park_1112-1150.jpg", imageAlt: "Patio extension project"},
|
|
{
|
|
id: "project-commercial-floor", name: "Commercial Floor Installation", price: "Completed", variant: "Downtown Warehouse", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283241.jpg", imageAlt: "Commercial floor project"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Customers Say"
|
|
description="Real feedback from satisfied clients across Tucson"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "John Martinez", role: "Homeowner", company: "East Side Tucson", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-business-man-hard-hat_1303-23576.jpg", imageAlt: "John Martinez"},
|
|
{
|
|
id: "2", name: "Sarah Johnson", role: "Property Manager", company: "Downtown Properties", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-female-wearing-khaki-jacket-black-warm-hat-sitting-park_181624-56537.jpg", imageAlt: "Sarah Johnson"},
|
|
{
|
|
id: "3", name: "Michael Chen", role: "Business Owner", company: "Local Restaurant", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-career-future-depend-only-from-me_329181-2803.jpg", imageAlt: "Michael Chen"},
|
|
{
|
|
id: "4", name: "Linda Rodriguez", role: "Homeowner", company: "North Tucson", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-pointing-camera-shirt-vest-helmet-looking-confident-front-view_176474-29873.jpg", imageAlt: "Linda Rodriguez"},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "98%", label: "Customer Satisfaction" },
|
|
{ value: "500+", label: "Projects Completed" },
|
|
{ value: "15+", label: "Years in Business" },
|
|
]}
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to transform your concrete space? Get a free quote today and discover why Tucson trusts Tucson Concrete Pros."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Get Free Quote", href: "#" },
|
|
{ text: "Call Us Now", href: "tel:+15551234567" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Tucson Concrete Pros"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|