288 lines
15 KiB
TypeScript
288 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Award, Sparkles, Shield, Layers, Sun, Zap, Wind, Star, MapPin, CheckCircle, Phone, Mail, Calendar, Heart } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Steam Team Auto Spa"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Gallery", id: "/gallery" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
button={{
|
|
text: "Call Now", href: "tel:+13858872646"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Utah's Trusted Ceramic Coating & Paint Protection Experts"
|
|
description="Protect your vehicle with professional detailing trusted by 562+ five-star customers. Premium ceramic coatings, paint protection film, window tint, and full detailing services for luxury, truck, and everyday vehicles across Bluffdale, Draper, Riverton, and South Jordan."
|
|
tag="Women-Owned & Latino-Owned Business"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-luxury-interior-brand-new-car_23-2148510551.jpg"
|
|
imageAlt="Premium luxury car with ceramic coating protection"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
name: "James Rodriguez", handle: "Truck Owner, South Jordan", testimonial: "Best detail work I've had in 10 years. The ceramic coating on my truck is incredible.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
|
|
{
|
|
name: "Sarah Chen", handle: "Tesla Owner, Draper", testimonial: "Professional, fast, and the paint protection film looks flawless. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
|
{
|
|
name: "Michael Thompson", handle: "BMW Owner, Bluffdale", testimonial: "The attention to detail is unmatched. Worth every penny for premium protection.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+13858872646"},
|
|
{
|
|
text: "Get Free Quote", href: "/contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="562+ Five-Star Reviews"
|
|
description="Join hundreds of satisfied customers in Utah who trust Steam Team Auto Spa for premium vehicle protection and detailing."
|
|
tag="Customer Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
'"Super quick turnaround and incredible results" - Jessica M.',
|
|
'"Best ceramic coating in Utah Valley" - Marcus T.',
|
|
'"Professional team, premium service" - Amanda K.',
|
|
'"My truck has never looked better" - David L.',
|
|
'"Worth the investment for paint protection" - Sofia R.',
|
|
'"Trusted them with my luxury vehicle" - Christopher N.',
|
|
'"Outstanding customer service" - Rachel W.',
|
|
'"5-star quality every time" - Brandon H.',
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
buttons={[
|
|
{
|
|
text: "View All Reviews", href: "/reviews"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
title="Premium Protection & Detailing Services"
|
|
description="From ceramic coatings to complete interior and exterior detailing, we offer comprehensive solutions to protect and enhance your vehicle."
|
|
tag="Our Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: Shield,
|
|
title: "Ceramic Coatings", description:
|
|
"Professional-grade ceramic coatings provide long-term paint protection, hydrophobic properties, UV defense, and easier cleaning—keeping your vehicle looking showroom-fresh for years."},
|
|
{
|
|
icon: Layers,
|
|
title: "Paint Protection Film", description:
|
|
"Self-healing PPF shields your vehicle from rock chips, scratches, and environmental damage. Invisible protection that maintains your car's original appearance while providing superior defense."},
|
|
{
|
|
icon: Sun,
|
|
title: "Window Tint", description:
|
|
"Professional window tinting improves comfort, protects interior from UV damage, enhances privacy, and adds style—while maintaining perfect visibility and legal compliance."},
|
|
{
|
|
icon: Sparkles,
|
|
title: "Paint Correction", description:
|
|
"Expert paint correction removes swirls, scratches, and oxidation. We restore your vehicle's finish to showroom condition with multi-stage polishing and protection."},
|
|
{
|
|
icon: Zap,
|
|
title: "Full Interior Detailing", description:
|
|
"Complete interior cleaning including vacuuming, steam cleaning, leather conditioning, and protection treatments for a pristine cabin environment."},
|
|
{
|
|
icon: Wind,
|
|
title: "Exterior Detailing", description:
|
|
"Professional exterior washing, clay bar treatment, polish, and protection—removing contaminants and revealing your vehicle's natural shine and protection."},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "/services"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<TextSplitAbout
|
|
title="Why Choose Steam Team Auto Spa"
|
|
description={[
|
|
"Steam Team Auto Spa is the trusted choice for vehicle protection and detailing across Utah. With 562+ five-star reviews, we've built our reputation on premium quality, attention to detail, and customer satisfaction.", "Our experienced technicians use only professional-grade products and proven techniques to protect and enhance your vehicle. Whether you own a luxury vehicle, truck, SUV, or everyday car, we deliver exceptional results that exceed expectations.", "As a women-owned and Latino-owned local business, we're committed to serving our community with integrity, professionalism, and unmatched expertise. Your vehicle deserves the best—and that's exactly what we provide."]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Schedule Your Detail", href: "tel:+13858872646"},
|
|
{
|
|
text: "Get Free Quote", href: "/contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real feedback from vehicle owners across Utah Valley who trust Steam Team Auto Spa for premium protection and detailing."
|
|
tag="Customer Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Jessica Martinez", role: "Tesla Model 3 Owner", company: "Draper", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"},
|
|
{
|
|
id: "2", name: "Marcus Thompson", role: "BMW M440i Owner", company: "Bluffdale", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
|
{
|
|
id: "3", name: "Amanda Rodriguez", role: "Ford F-150 Owner", company: "South Jordan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
|
{
|
|
id: "4", name: "David Chang", role: "Range Rover Owner", company: "Riverton", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg"},
|
|
{
|
|
id: "5", name: "Sofia Hernandez", role: "Lexus GX Owner", company: "Bluffdale", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg"},
|
|
{
|
|
id: "6", name: "Christopher Walsh", role: "Porsche Owner", company: "Draper", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "View All Reviews", href: "/reviews"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<FeatureBorderGlow
|
|
title="Protect Your Vehicle Today"
|
|
description="Schedule your ceramic coating, paint protection film, or complete detailing service. Contact us now for a free consultation and see the Steam Team difference."
|
|
tag="Take Action"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
icon: Phone,
|
|
title: "Call Now", description:
|
|
"Speak directly with our team to schedule your service. Quick turnaround, professional results, premium protection."},
|
|
{
|
|
icon: Mail,
|
|
title: "Get a Free Quote", description:
|
|
"Contact us online and we'll provide a detailed quote for your vehicle's specific needs and protection options."},
|
|
{
|
|
icon: Calendar,
|
|
title: "Book Your Appointment", description:
|
|
"Flexible scheduling available. We work around your busy life to protect your vehicle on your timeline."},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+13858872646"},
|
|
{
|
|
text: "Get Free Quote", href: "/contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Steam Team Auto Spa"
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Ceramic Coatings", href: "/services"},
|
|
{
|
|
label: "Paint Protection Film", href: "/services"},
|
|
{
|
|
label: "Window Tint", href: "/services"},
|
|
{
|
|
label: "Paint Correction", href: "/services"},
|
|
{
|
|
label: "Interior Detailing", href: "/services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Gallery", href: "/gallery"},
|
|
{
|
|
label: "Reviews", href: "/reviews"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "+1 (385) 887-2646", href: "tel:+13858872646"},
|
|
{
|
|
label: "14574 S Center Point Way Suite 100B, Bluffdale, UT 84065", href: "https://maps.google.com/?q=14574+S+Center+Point+Way+Suite+100B+Bluffdale+Utah"},
|
|
{
|
|
label: "Get a Free Quote", href: "/contact"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Steam Team Auto Spa. Women-Owned & Latino-Owned Business. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |