|
|
|
|
@@ -6,30 +6,32 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
|
|
|
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
|
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
|
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
|
|
|
import { Shield, Wrench, MessageSquare } from 'lucide-react';
|
|
|
|
|
import { Shield, Wrench, MessageSquare, MapPin, Phone, Star } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="background-highlight"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
contentWidth="compact"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="largeSmall"
|
|
|
|
|
background="circleGradient"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
brandName="Sarabia Sealing"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Reviews", id: "reviews" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
@@ -37,60 +39,73 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroBillboardGallery
|
|
|
|
|
title="Professional Sealing Services for O'Fallon"
|
|
|
|
|
description="Protect and preserve your concrete and asphalt surfaces with expert sealing solutions from Sarabia Sealing. Serving O'Fallon, IL with quality workmanship and lasting results."
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
tag="Quality Assured"
|
|
|
|
|
title="Professional Driveway & Parking Lot Sealing"
|
|
|
|
|
description="Protect your concrete and asphalt surfaces with expert sealing solutions. Same-day estimates available. Serving O'Fallon and surrounding areas with proven results."
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
tag="Free Estimates Available"
|
|
|
|
|
tagIcon={Shield}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Get a Free Estimate", href: "contact" },
|
|
|
|
|
{ text: "Learn More", href: "services" }
|
|
|
|
|
{ text: "📞 (618) 555-0147", href: "tel:+16185550147" },
|
|
|
|
|
{ text: "Request Estimate", href: "#estimate-form" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/funny-kid-rain-boots-playing-rain-park_1157-37673.jpg?_wi=1", imageAlt: "concrete sealing driveway sealing professional construction asphalt maintenance" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lot-parking-lane-outdoor-public-park_1127-3373.jpg?_wi=1", imageAlt: "parking lot sealing commercial paving asphalt maintenance parking surface" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/funny-kid-rain-boots-playing-rain-park_1157-37673.jpg?_wi=2", imageAlt: "driveway sealing asphalt protection concrete repair surface treatment" }
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695c952952?w=1200&h=800&fit=crop&_wi=1", imageAlt: "Professional driveway sealing showing before and after" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695c952952?w=1200&h=800&fit=crop&_wi=2", imageAlt: "Commercial parking lot sealing and maintenance" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695c952952?w=1200&h=800&fit=crop&_wi=3", imageAlt: "Expert crack filling and asphalt repair" }
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextSplitAbout
|
|
|
|
|
title="About Sarabia Sealing"
|
|
|
|
|
description={[
|
|
|
|
|
"With years of experience protecting surfaces across O'Fallon and surrounding areas, Sarabia Sealing is your trusted partner for driveway, parking lot, and commercial sealing projects.", "We use industry-leading materials and proven techniques to extend the life of your asphalt and concrete surfaces. Our commitment to quality workmanship and customer satisfaction has made us a preferred choice for residential and commercial clients.", "Every project is handled with precision and care. We take pride in delivering results that protect your investment and enhance your property's appearance."
|
|
|
|
|
<div id="estimate-form" data-section="estimate-form">
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
title="Get Your Free Estimate"
|
|
|
|
|
description="Fill out the form below and we'll contact you within 2 hours with a competitive quote for your sealing project."
|
|
|
|
|
inputs={[
|
|
|
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
|
|
|
{ name: "phone", type: "tel", placeholder: "(618) 555-0000", required: true },
|
|
|
|
|
{ name: "email", type: "email", placeholder: "your@email.com", required: true },
|
|
|
|
|
{ name: "address", type: "text", placeholder: "Property Address", required: true },
|
|
|
|
|
{ name: "projectType", type: "text", placeholder: "e.g., Driveway, Parking Lot, Commercial", required: true },
|
|
|
|
|
{ name: "squareFootage", type: "text", placeholder: "Estimated square footage", required: false }
|
|
|
|
|
]}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Request Service", href: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
showBorder={true}
|
|
|
|
|
textarea={{
|
|
|
|
|
name: "message", placeholder: "Describe your project details and any special concerns...", rows: 4,
|
|
|
|
|
required: false
|
|
|
|
|
}}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1581578731548-c64695c952952?w=800&h=600&fit=crop"
|
|
|
|
|
imageAlt="Professional sealing team at work"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
buttonText="Get Free Estimate"
|
|
|
|
|
onSubmit={(data) => {
|
|
|
|
|
console.log('Form submitted:', data);
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardEight
|
|
|
|
|
title="Our Services"
|
|
|
|
|
description="Comprehensive sealing and maintenance solutions tailored to your needs"
|
|
|
|
|
tag="Service Solutions"
|
|
|
|
|
description="Comprehensive sealing and maintenance solutions for residential and commercial properties"
|
|
|
|
|
tag="Complete Solutions"
|
|
|
|
|
tagIcon={Wrench}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
id: 1,
|
|
|
|
|
title: "Driveway Sealing", description: "Professional sealcoating to protect your driveway from UV damage, water infiltration, and harsh weather conditions.", imageSrc: "http://img.b2bpic.net/free-photo/funny-kid-rain-boots-playing-rain-park_1157-37673.jpg?_wi=3", imageAlt: "Driveway sealing service"
|
|
|
|
|
title: "Driveway Sealing", description: "Professional sealcoating to protect your driveway from UV damage, water infiltration, and harsh weather conditions. Extends pavement life by 5-10 years.", imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695c952952?w=600&h=400&fit=crop&_wi=1", imageAlt: "Driveway sealing service"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 2,
|
|
|
|
|
title: "Parking Lot Maintenance", description: "Commercial-grade sealing services for parking lots, ensuring longevity and professional appearance for your business.", imageSrc: "http://img.b2bpic.net/free-photo/empty-parking-lot-parking-lane-outdoor-public-park_1127-3373.jpg?_wi=2", imageAlt: "Parking lot maintenance"
|
|
|
|
|
title: "Parking Lot Maintenance", description: "Commercial-grade sealing services for parking lots, ensuring longevity and professional appearance for your business. Includes line striping and repairs.", imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695c952952?w=600&h=400&fit=crop&_wi=2", imageAlt: "Parking lot maintenance"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 3,
|
|
|
|
|
title: "Crack Filling & Repair", description: "Expert crack identification and filling to prevent further damage and maintain surface integrity.", imageSrc: "http://img.b2bpic.net/free-photo/funny-kid-rain-boots-playing-rain-park_1157-37673.jpg?_wi=4", imageAlt: "Crack filling service"
|
|
|
|
|
title: "Crack Filling & Repair", description: "Expert crack identification and filling to prevent further damage and maintain surface integrity. Prevents water infiltration and extends surface life.", imageSrc: "https://images.unsplash.com/photo-1581578731548-c64695c952952?w=600&h=400&fit=crop&_wi=3", imageAlt: "Crack filling service"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -99,17 +114,53 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
|
|
|
<TestimonialCardThirteen
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "John Martinez", handle: "Local Homeowner", testimonial: "Sarabia Sealing did an amazing job on my driveway. Professional team, fair pricing, and the results look fantastic. Highly recommend!", rating: 5,
|
|
|
|
|
icon: Star
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Sarah Thompson", handle: "Business Owner", testimonial: "We've used Sarabia Sealing for our parking lot maintenance for 3 years. Consistently excellent work and they always meet our schedule.", rating: 5,
|
|
|
|
|
icon: Star
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Robert Chen", handle: "Property Manager", testimonial: "Fast, professional, and they stand behind their work. Best sealing company in O'Fallon. Already scheduled our next project.", rating: 5,
|
|
|
|
|
icon: Star
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Michelle Davis", handle: "Residential Client", testimonial: "From the free estimate to the finished product, everything was handled with care and expertise. My driveway looks brand new!", rating: 5,
|
|
|
|
|
icon: Star
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
showRating={true}
|
|
|
|
|
title="Customer Reviews"
|
|
|
|
|
description="Trusted by hundreds of satisfied homeowners and businesses"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
carouselMode="buttons"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardFourteen
|
|
|
|
|
title="Trusted by hundreds of homeowners and businesses throughout O'Fallon and the surrounding region."
|
|
|
|
|
title="Trusted by Hundreds"
|
|
|
|
|
tag="By The Numbers"
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "500+", description: "Successful projects completed with consistent quality and customer satisfaction."
|
|
|
|
|
id: "1", value: "500+", description: "Successful projects completed with consistent quality"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "15+", description: "Years of experience delivering professional sealing and maintenance services."
|
|
|
|
|
id: "2", value: "15+", description: "Years of professional sealing experience"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "98%", description: "Customer satisfaction rating"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", value: "24/7", description: "Emergency service availability"
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
@@ -119,18 +170,18 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCTA
|
|
|
|
|
tag="Ready to Get Started?"
|
|
|
|
|
tagIcon={MessageSquare}
|
|
|
|
|
tag="Emergency Service Available"
|
|
|
|
|
tagIcon={Phone}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Protect Your Surfaces Today"
|
|
|
|
|
description="Contact Sarabia Sealing for a free estimate on your driveway, parking lot, or commercial sealing project. Our team is ready to help preserve and enhance your surfaces."
|
|
|
|
|
title="Ready to Protect Your Surfaces?"
|
|
|
|
|
description="Call Sarabia Sealing today for a free estimate on your driveway, parking lot, or commercial sealing project. Our team is ready to help preserve and enhance your surfaces."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Call for Free Estimate", href: "tel:+1-618-XXX-XXXX" },
|
|
|
|
|
{ text: "Email Us", href: "mailto:info@sarabiasealing.com" }
|
|
|
|
|
{ text: "📞 Call (618) 555-0147", href: "tel:+16185550147" },
|
|
|
|
|
{ text: "📧 Email Info", href: "mailto:info@sarabiasealing.com" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -147,20 +198,20 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
{ label: "Contact", href: "#contact" },
|
|
|
|
|
{ label: "Service Area", href: "#" }
|
|
|
|
|
{ label: "About Us", href: "#" },
|
|
|
|
|
{ label: "Free Estimates", href: "#estimate-form" },
|
|
|
|
|
{ label: "Reviews", href: "#reviews" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Contact", items: [
|
|
|
|
|
{ label: "O'Fallon, IL", href: "#" },
|
|
|
|
|
{ label: "Free Estimates", href: "#contact" },
|
|
|
|
|
{ label: "Emergency Service", href: "#" }
|
|
|
|
|
{ label: "📞 (618) 555-0147", href: "tel:+16185550147" },
|
|
|
|
|
{ label: "📧 info@sarabiasealing.com", href: "mailto:info@sarabiasealing.com" },
|
|
|
|
|
{ label: "📍 O'Fallon, IL 62269", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
copyrightText="© 2025 Sarabia Sealing. All rights reserved. Professional sealing services in O'Fallon, IL."
|
|
|
|
|
copyrightText="© 2025 Sarabia Sealing. All rights reserved. Professional driveway and parking lot sealing services in O'Fallon, IL."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
