227 lines
12 KiB
TypeScript
227 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import MediaAbout from "@/components/sections/about/MediaAbout";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
|
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Hammer, Images, Phone, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Juan Guevara"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
bottomLeftText="Family Owned Since 2010"
|
|
bottomRightText="info@juanguevaraconcrete.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Expert Concrete Work for Every Project"
|
|
description="From residential driveways to commercial foundations, Juan Guevara Concrete delivers quality craftsmanship and reliable service. Over a decade of family-owned expertise in concrete solutions."
|
|
tag="Professional Concrete Services"
|
|
tagIcon={Hammer}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg?_wi=1", imageAlt: "Professional concrete work in progress"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/builders-unfinished-construction_1098-15482.jpg?_wi=1", imageAlt: "Juan Guevara Concrete team members"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by Local Families & Businesses"
|
|
buttons={[
|
|
{ text: "Get a Free Quote", href: "#contact" },
|
|
{ text: "View Our Work", href: "#gallery" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Quality Concrete Work You Can Trust"
|
|
description="Juan Guevara Concrete has been serving the community with excellence for over 10 years. We specialize in residential and commercial concrete projects, combining traditional craftsmanship with modern techniques. Our commitment to quality and customer satisfaction has made us a trusted name in the industry."
|
|
tag="About Us"
|
|
imageSrc="http://img.b2bpic.net/free-photo/builders-unfinished-construction_1098-15482.jpg?_wi=2"
|
|
imageAlt="Juan Guevara Concrete professional team"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Learn More", href: "#services" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
title="Our Concrete Services"
|
|
description="We offer a comprehensive range of concrete solutions tailored to meet your specific needs, whether residential or commercial."
|
|
tag="Services"
|
|
imageSrc="http://img.b2bpic.net/free-photo/promenade-near-sea_1112-620.jpg"
|
|
imageAlt="Residential driveway concrete service"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Driveways & Parking Lots", content: "Professional installation and repair of residential driveways and commercial parking lots. We ensure proper grading, reinforcement, and finishing for lasting durability."},
|
|
{
|
|
id: "2", title: "Foundations & Flatwork", content: "Expert foundation work for new construction projects. We handle site preparation, concrete pouring, and finishing to ensure structural integrity."},
|
|
{
|
|
id: "3", title: "Patios & Outdoor Spaces", content: "Create beautiful outdoor living areas with custom concrete patios. We offer decorative finishes and stamping options for unique designs."},
|
|
{
|
|
id: "4", title: "Repairs & Maintenance", content: "Concrete crack repair, resurfacing, and maintenance services to extend the life of your existing concrete investments."},
|
|
]}
|
|
buttons={[{ text: "Request Service", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
title="Project Gallery"
|
|
description="Browse our portfolio of completed projects showcasing our quality and craftsmanship."
|
|
tag="Our Work"
|
|
tagIcon={Images}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Modern Residential Driveway", price: "Driveway", variant: "Completed Project", imageSrc: "http://img.b2bpic.net/free-photo/stone-path-way-garden_74190-3631.jpg", imageAlt: "Finished residential driveway"},
|
|
{
|
|
id: "2", name: "Commercial Foundation", price: "Foundation", variant: "Completed Project", imageSrc: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10081.jpg", imageAlt: "Commercial concrete foundation"},
|
|
{
|
|
id: "3", name: "Custom Concrete Patio", price: "Patio", variant: "Completed Project", imageSrc: "http://img.b2bpic.net/free-photo/woman-training-with-tractor-wheel_23-2147671878.jpg", imageAlt: "Beautiful concrete outdoor patio"},
|
|
]}
|
|
buttons={[{ text: "See More Projects", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<MetricCardTen
|
|
title="Why Choose Juan Guevara Concrete"
|
|
description="We're dedicated to delivering exceptional results backed by years of industry expertise."
|
|
tag="Our Advantages"
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", title: "10+ Years Experience", subtitle: "Proven track record in residential and commercial projects", category: "Expertise", value: "Since 2010"},
|
|
{
|
|
id: "2", title: "Quality Guaranteed", subtitle: "All work backed by our professional warranty", category: "Service", value: "100%"},
|
|
{
|
|
id: "3", title: "Licensed & Insured", subtitle: "Full protection and compliance with all regulations", category: "Professional", value: "Certified"},
|
|
{
|
|
id: "4", title: "Free Estimates", subtitle: "Transparent pricing with no hidden charges", category: "Pricing", value: "Free"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Maria Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Maria Rodriguez"},
|
|
{
|
|
id: "2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "David Chen"},
|
|
{
|
|
id: "3", name: "Jennifer Martinez", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Jennifer Martinez"},
|
|
{
|
|
id: "4", name: "James Sullivan", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "James Sullivan"},
|
|
]}
|
|
cardTitle="Over 500+ Happy Customers Trust Juan Guevara Concrete for Quality Work"
|
|
cardTag="Customer Testimonials"
|
|
cardTagIcon={Star}
|
|
cardAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Ready for Your Concrete Project?"
|
|
description="Contact Juan Guevara Concrete today for a free estimate. We're here to answer your questions and help bring your concrete vision to life."
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-worker-screeding-floor-construction-site_651396-2362.jpg?_wi=2"
|
|
imageAlt="Contact us for concrete services"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Message"
|
|
termsText="We respect your privacy. Your information is used only to contact you about your concrete project needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Juan Guevara Concrete"
|
|
copyrightText="© 2024 Juan Guevara Concrete Work. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Driveways", href: "#services" },
|
|
{ label: "Foundations", href: "#services" },
|
|
{ label: "Patios", href: "#services" },
|
|
{ label: "Repairs", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Our Work", href: "#gallery" },
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Free Estimate", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Email Us", href: "mailto:info@juanguevaraconcrete.com" },
|
|
{ label: "Call Now", href: "tel:+1-555-123-4567" },
|
|
{ label: "Follow Us", href: "https://www.facebook.com" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|