Merge version_1 into main #3
156
src/app/page.tsx
156
src/app/page.tsx
@@ -1,14 +1,14 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import Link from "next/link";
|
||||
import { Clock, ArrowRight } from "lucide-react";
|
||||
|
||||
@@ -23,17 +23,17 @@ export default function HomePage() {
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Concrete Pumping", href: "/services" },
|
||||
{ label: "Driveways", href: "/services" },
|
||||
{ label: "Foundations", href: "/services" },
|
||||
{ label: "Demolition", href: "/services" },
|
||||
{ label: "Concrete Pumping", href: "#services" },
|
||||
{ label: "Driveways", href: "#services" },
|
||||
{ label: "Foundations", href: "#services" },
|
||||
{ label: "Demolition", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Service Areas", href: "/services" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "About Us", href: "#about-section" },
|
||||
{ label: "Service Areas", href: "#services" },
|
||||
{ label: "Contact", href: "#cta-section" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
@@ -43,67 +43,11 @@ export default function HomePage() {
|
||||
{
|
||||
label: "8250 Mission Blvd, Riverside, CA 92509", href: "#"},
|
||||
{ label: "Open 24 Hours", href: "#" },
|
||||
{ label: "Get a Free Quote", href: "/contact" },
|
||||
{ label: "Get a Free Quote", href: "#cta-section" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const features = [
|
||||
{
|
||||
title: "Concrete Pumping", description:
|
||||
"Professional concrete pumping for foundations, slabs, and complex pours. Faster delivery to hard-to-reach areas with efficient crew coordination.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/industrial-crane-boom-cable-system-detail_632498-60855.jpg", imageAlt: "Professional concrete pumping equipment", buttonIcon: ArrowRight,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Driveway Installation", description:
|
||||
"Expert residential and commercial driveway concrete installation. Clean, professional finishes built to last with proper grading and drainage.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg", imageAlt: "Finished residential concrete driveway", buttonIcon: ArrowRight,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Foundation Work", description:
|
||||
"Precision concrete foundation pouring for residential and commercial projects. Engineered solutions for reliable structural support.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/construction-tall-concrete-pylon-bridge-using-tower-crane_1112-1141.jpg", imageAlt: "Concrete foundation construction", buttonIcon: ArrowRight,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Concrete Demolition", description:
|
||||
"Professional concrete demolition and removal services. Clean job sites and responsible disposal of concrete debris.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/dirty-dumped-objects-arrangement_23-2148996944.jpg", imageAlt: "Concrete demolition equipment", buttonIcon: ArrowRight,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Concrete Installation", description:
|
||||
"Complete concrete installation services for patios, slabs, and custom projects. Quality workmanship with attention to detail.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/industrial-crane-boom-cable-system-detail_632498-60855.jpg", imageAlt: "Concrete installation project", buttonIcon: ArrowRight,
|
||||
buttonHref: "/services"},
|
||||
{
|
||||
title: "Commercial Projects", description:
|
||||
"Large-scale commercial concrete work. We handle multi-day pours and complex projects with professional crews and advanced equipment.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/construction-tall-concrete-pylon-bridge-using-tower-crane_1112-1141.jpg", imageAlt: "Commercial concrete project", buttonIcon: ArrowRight,
|
||||
buttonHref: "/services"},
|
||||
];
|
||||
|
||||
const testimonials = [
|
||||
{
|
||||
id: "1", name: "John Martinez", handle: "@johnmartinez", testimonial:
|
||||
"Great company they helped with demo and concrete installation. Very knowledgeable and professional. Would recommend to anyone looking for concrete work.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg", imageAlt: "John Martinez"},
|
||||
{
|
||||
id: "2", name: "Sarah Thompson", handle: "@sarahthompson", testimonial:
|
||||
"Did great work on my family's driveways. Fast scheduling and professional crew. Competitive pricing and reliable service every time.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg", imageAlt: "Sarah Thompson"},
|
||||
{
|
||||
id: "3", name: "Mike Rodriguez", handle: "@mikerodriguez", testimonial:
|
||||
"Badass company, if you ever need concrete work come to the man great dude and family owned. They showed up when they said they would and did excellent work.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageAlt: "Mike Rodriguez"},
|
||||
{
|
||||
id: "4", name: "Lisa Chen", handle: "@lisachen", testimonial:
|
||||
"Professional, reliable, and affordable. They handled our commercial foundation pour flawlessly. Best concrete contractors in Riverside County.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg", imageAlt: "Lisa Chen"},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -111,7 +55,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -130,14 +74,14 @@ export default function HomePage() {
|
||||
<HeroBillboard
|
||||
title="Reliable Concrete Pumping in Riverside"
|
||||
description="Fast, professional concrete pumping and concrete services available 24/7 for contractors and homeowners across the Inland Empire. Family-owned, trusted equipment, competitive pricing."
|
||||
background={{ variant: "circleGradient" }}
|
||||
background={{ variant: "floatingGradient" }}
|
||||
tag="24 Hour Service"
|
||||
tagIcon={Clock}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now (951) 347-4723", href: "tel:(951) 347-4723"},
|
||||
{
|
||||
text: "Request a Quote", href: "/contact"},
|
||||
text: "Request a Quote", href: "#cta-section"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workers-construction-site_181624-23246.jpg"
|
||||
imageAlt="Concrete pump truck pouring concrete at construction site"
|
||||
@@ -162,7 +106,38 @@ export default function HomePage() {
|
||||
<FeatureCardTwentySix
|
||||
title="Complete Concrete Services"
|
||||
description="From residential driveways to commercial foundations, we handle all your concrete needs with professional equipment and experienced crews"
|
||||
features={features}
|
||||
features={[
|
||||
{
|
||||
title: "Concrete Pumping", description:
|
||||
"Professional concrete pumping for foundations, slabs, and complex pours. Faster delivery to hard-to-reach areas with efficient crew coordination.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/industrial-crane-boom-cable-system-detail_632498-60855.jpg", imageAlt: "Professional concrete pumping equipment", buttonIcon: ArrowRight,
|
||||
buttonHref: "#services"},
|
||||
{
|
||||
title: "Driveway Installation", description:
|
||||
"Expert residential and commercial driveway concrete installation. Clean, professional finishes built to last with proper grading and drainage.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/stepping-stone-garden-path_1252-1028.jpg", imageAlt: "Finished residential concrete driveway", buttonIcon: ArrowRight,
|
||||
buttonHref: "#services"},
|
||||
{
|
||||
title: "Foundation Work", description:
|
||||
"Precision concrete foundation pouring for residential and commercial projects. Engineered solutions for reliable structural support.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/construction-tall-concrete-pylon-bridge-using-tower-crane_1112-1141.jpg", imageAlt: "Concrete foundation construction", buttonIcon: ArrowRight,
|
||||
buttonHref: "#services"},
|
||||
{
|
||||
title: "Concrete Demolition", description:
|
||||
"Professional concrete demolition and removal services. Clean job sites and responsible disposal of concrete debris.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/dirty-dumped-objects-arrangement_23-2148996944.jpg", imageAlt: "Concrete demolition equipment", buttonIcon: ArrowRight,
|
||||
buttonHref: "#services"},
|
||||
{
|
||||
title: "Concrete Installation", description:
|
||||
"Complete concrete installation services for patios, slabs, and custom projects. Quality workmanship with attention to detail.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/industrial-crane-boom-cable-system-detail_632498-60855.jpg", imageAlt: "Concrete installation project", buttonIcon: ArrowRight,
|
||||
buttonHref: "#services"},
|
||||
{
|
||||
title: "Commercial Projects", description:
|
||||
"Large-scale commercial concrete work. We handle multi-day pours and complex projects with professional crews and advanced equipment.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/construction-tall-concrete-pylon-bridge-using-tower-crane_1112-1141.jpg", imageAlt: "Commercial concrete project", buttonIcon: ArrowRight,
|
||||
buttonHref: "#services"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
@@ -181,9 +156,9 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story", href: "/about"},
|
||||
text: "Learn Our Story", href: "#about-section"},
|
||||
{
|
||||
text: "Get Started Today", href: "/contact"},
|
||||
text: "Get Started Today", href: "#cta-section"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,7 +167,28 @@ export default function HomePage() {
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Clients Say"
|
||||
description="Real testimonials from contractors and homeowners who trust Triple H Concrete Pumping for their projects"
|
||||
testimonials={testimonials}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John Martinez", handle: "@johnmartinez", testimonial:
|
||||
"Great company they helped with demo and concrete installation. Very knowledgeable and professional. Would recommend to anyone looking for concrete work.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg", imageAlt: "John Martinez"},
|
||||
{
|
||||
id: "2", name: "Sarah Thompson", handle: "@sarahthompson", testimonial:
|
||||
"Did great work on my family's driveways. Fast scheduling and professional crew. Competitive pricing and reliable service every time.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg", imageAlt: "Sarah Thompson"},
|
||||
{
|
||||
id: "3", name: "Mike Rodriguez", handle: "@mikerodriguez", testimonial:
|
||||
"Badass company, if you ever need concrete work come to the man great dude and family owned. They showed up when they said they would and did excellent work.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", imageAlt: "Mike Rodriguez"},
|
||||
{
|
||||
id: "4", name: "Lisa Chen", handle: "@lisachen", testimonial:
|
||||
"Professional, reliable, and affordable. They handled our commercial foundation pour flawlessly. Best concrete contractors in Riverside County.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/male-worker-with-arms-crossed-standing-factory_107420-96042.jpg", imageAlt: "Lisa Chen"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -210,7 +206,7 @@ export default function HomePage() {
|
||||
{
|
||||
text: "Call Now (951) 347-4723", href: "tel:(951) 347-4723"},
|
||||
{
|
||||
text: "Request a Quote", href: "/contact"},
|
||||
text: "Request a Quote", href: "#cta-section"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user