Merge version_3 into main #7

Open
bender wants to merge 5 commits from version_3 into main
5 changed files with 188 additions and 114 deletions

View File

@@ -3,11 +3,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { MapPin, Phone } from "lucide-react";
import { MapPin, Zap, Phone, CheckCircle } from "lucide-react";
export default function AboutPage() {
const navItems = [
@@ -69,19 +70,46 @@ export default function AboutPage() {
navItems={navItems}
button={{ text: "Call Now", href: "tel:2108488465" }}
brandName="210Pristine"
buttonClassName="font-mulish"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="About 210Pristine Mobile Detailing"
description="Serving San Antonio with professional, reliable, and convenient mobile car detailing since 2018. We're passionate about keeping your vehicle pristine."
tag="San Antonio's Best"
tagIcon={MapPin}
tagAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Book Now", href: "/contact" },
{ text: "Call Us", href: "tel:2108488465" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "About 210Pristine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg?_wi=1", imageAlt: "Our detailing process"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30574.jpg", imageAlt: "Professional care"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-dusting_23-2149172887.jpg", imageAlt: "Attention to detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193590.jpg", imageAlt: "Mobile service"},
]}
/>
</div>
<div id="trust" data-section="trust">
<SocialProofOne
title="About 210Pristine"
description="Your trusted local car detailing partner in San Antonio dedicated to excellence and customer satisfaction"
tag="San Antonio Native"
title="Why We're San Antonio's Trusted Choice"
description="Over 6 years of dedicated service to the San Antonio community"
tag="Local Excellence"
tagIcon={MapPin}
tagAnimation="slide-up"
names={[
"✓ 5+ Years Experience", "✓ 500+ Happy Customers", "✓ 100% Satisfaction Guarantee", "✓ Licensed & Insured", "✓ Eco-Friendly Products", "✓ Professional Team", "✓ Premium Quality Commitment"]}
"✓ 6+ Years Experience", "✓ 500+ Happy Customers", "✓ 5-Star Ratings", "✓ Fully Insured & Bonded", "✓ Premium Products Only", "✓ Same-Day Service Available", "✓ Free Estimates"]}
textboxLayout="default"
useInvertedBackground={false}
speed={40}
@@ -89,37 +117,63 @@ export default function AboutPage() {
/>
</div>
<div id="process" data-section="process">
<MetricCardFourteen
title="Our Commitment to Excellence in Every Detail"
tag="Why We Stand Out"
tagAnimation="slide-up"
metrics={[
<div id="mission" data-section="mission">
<FeatureCardTen
title="Our Story and Values"
description="Built on a foundation of excellence, reliability, and customer satisfaction"
tag="Our Mission"
tagIcon={Zap}
features={[
{
id: "1", value: "100%", description:
"Customer satisfaction rate. We stand behind every job with our quality guarantee."},
id: "1", title: "Founded on Excellence", description:
"210Pristine was founded with one mission: to bring professional car detailing convenience to San Antonio residents. We started with a vision to eliminate the hassle of traditional car washes and detail shops.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=1", imageAlt: "Our beginning"},
items: [
{ icon: CheckCircle, text: "Commitment to quality" },
{ icon: CheckCircle, text: "Customer-first approach" },
],
reverse: false,
},
{
id: "2", value: "5-Star", description:
"Consistently rated across all platforms by our satisfied San Antonio customers."},
id: "2", title: "Community Focused", description:
"We're not just a service provider—we're part of the San Antonio community. We take pride in supporting local charities and giving back to the neighborhoods we serve.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194110.jpg?_wi=1", imageAlt: "Community involvement"},
items: [
{ icon: CheckCircle, text: "Local partnerships" },
{ icon: CheckCircle, text: "Community support" },
],
reverse: true,
},
{
id: "3", value: "Same-Day", description:
"Service available most days. Flexible scheduling to fit your busy life."},
id: "3", title: "Innovation & Sustainability", description:
"We continuously invest in the latest detailing technologies and eco-friendly products to protect both your vehicle and the environment.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/worker-car-detailing-cleaning-car-with-microfiber_1303-30578.jpg?_wi=1", imageAlt: "Sustainable practices"},
items: [
{ icon: CheckCircle, text: "Eco-friendly products" },
{ icon: CheckCircle, text: "Latest technology" },
],
reverse: false,
},
]}
metricsAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get to Know Us"
tag="Get in Touch"
tagIcon={Phone}
tagAnimation="slide-up"
title="Experience the 210Pristine Difference"
description="Contact us today to learn more about our services, team, and commitment to serving San Antonio's automotive needs."
title="Ready to Learn More?"
description="Contact us today to discuss your car detailing needs or to schedule a service appointment."
buttons={[
{ text: "Call (210) 848-8465", href: "tel:2108488465" },
{ text: "Schedule a Consultation", href: "/contact" },
{ text: "Request Quote", href: "/contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}

View File

@@ -4,9 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Phone, Mail } from "lucide-react";
import { Phone } from "lucide-react";
export default function ContactPage() {
const navItems = [
@@ -68,7 +67,6 @@ export default function ContactPage() {
navItems={navItems}
button={{ text: "Call Now", href: "tel:2108488465" }}
brandName="210Pristine"
buttonClassName="font-mulish"
/>
</div>
@@ -77,11 +75,11 @@ export default function ContactPage() {
tag="Get in Touch"
tagIcon={Phone}
tagAnimation="slide-up"
title="Ready to Book Your Detailing?"
description="Contact us today to schedule your appointment. We're available for same-day service in most cases and serve all of San Antonio and surrounding areas."
title="Contact 210Pristine Mobile Detailing"
description="Have questions about our services? Ready to book your appointment? We're here to help. Call us today or fill out a contact form and we'll get back to you within 24 hours."
buttons={[
{ text: "Call (210) 848-8465", href: "tel:2108488465" },
{ text: "Email Us", href: "mailto:info@210pristine.com" },
{ text: "Send Email", href: "mailto:info@210pristine.com" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
@@ -89,27 +87,6 @@ export default function ContactPage() {
/>
</div>
<div id="info" data-section="info">
<MetricCardFourteen
title="Multiple Ways to Connect With Us"
tag="Contact Methods"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "Phone", description:
"(210) 848-8465 - Call us directly to speak with our team and book your service."},
{
id: "2", value: "Email", description:
"info@210pristine.com - Send us your questions and we'll respond within 24 hours."},
{
id: "3", value: "Service Area", description:
"San Antonio & surrounding areas including Alamo Heights, Universal City, Live Oak, Helotes, and Converse."},
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={footerColumns}

View File

@@ -3,10 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { ImageIcon, Phone } from "lucide-react";
import { Image as ImageIcon, Phone } from "lucide-react";
export default function GalleryPage() {
const navItems = [
@@ -68,36 +69,63 @@ export default function GalleryPage() {
navItems={navItems}
button={{ text: "Call Now", href: "tel:2108488465" }}
brandName="210Pristine"
buttonClassName="font-mulish"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Our Work Gallery"
description="Browse our portfolio of stunning before and after detailing transformations. See the quality and care we bring to every vehicle."
tag="Gallery"
tagIcon={ImageIcon}
tagAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Book Your Detail", href: "/contact" },
{ text: "Call Now", href: "tel:2108488465" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/old-red-american-car-stands-street-evening_1304-3192.jpg?_wi=1", imageAlt: "Gallery showcase"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg?_wi=1", imageAlt: "Interior gallery"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=1", imageAlt: "Detailing showcase"},
{
imageSrc: "http://img.b2bpic.net/free-photo/worker-car-detailing-cleaning-car-with-microfiber_1303-30578.jpg?_wi=1", imageAlt: "Professional work"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg?_wi=1", imageAlt: "Premium detail"},
]}
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardOne
title="Our Detailing Portfolio"
description="Explore our gallery of stunning before and after transformations. Each project showcases our commitment to excellence and attention to detail."
title="Before & After Gallery"
description="Explore our complete portfolio of detailing transformations across San Antonio."
tag="Real Results"
tagIcon={ImageIcon}
tagAnimation="slide-up"
products={[
{
id: "1", name: "Mustang Exterior Detail", price: "Complete Transformation", imageSrc:
"http://img.b2bpic.net/free-photo/old-red-american-car-stands-street-evening_1304-3192.jpg?_wi=2", imageAlt: "Mustang muscle car detail results"},
"http://img.b2bpic.net/free-photo/old-red-american-car-stands-street-evening_1304-3192.jpg?_wi=1", imageAlt: "Mustang detail"},
{
id: "2", name: "Interior Deep Clean", price: "Like-New Interior", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg?_wi=2", imageAlt: "Interior deep cleaning results"},
"http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg?_wi=1", imageAlt: "Interior detail"},
{
id: "3", name: "Ceramic Sealant", price: "Protected Shine", imageSrc:
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=2", imageAlt: "Ceramic coating application results"},
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=1", imageAlt: "Ceramic work"},
{
id: "4", name: "Family SUV Detail", price: "Pristine Condition", imageSrc:
"http://img.b2bpic.net/free-photo/worker-car-detailing-cleaning-car-with-microfiber_1303-30578.jpg?_wi=2", imageAlt: "SUV detailing transformation"},
"http://img.b2bpic.net/free-photo/worker-car-detailing-cleaning-car-with-microfiber_1303-30578.jpg?_wi=1", imageAlt: "SUV detail"},
{
id: "5", name: "Luxury Car Polish", price: "Premium Finish", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg?_wi=2", imageAlt: "Luxury vehicle detailing results"},
"http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194064.jpg?_wi=1", imageAlt: "Luxury detail"},
{
id: "6", name: "Truck Detailing", price: "Full Service", imageSrc:
"http://img.b2bpic.net/free-photo/truck-driver-putting-gloves-remove-vehicle-tarpaulin-unloading_342744-1295.jpg?_wi=3", imageAlt: "Truck detail and cleaning"},
"http://img.b2bpic.net/free-photo/truck-driver-putting-gloves-remove-vehicle-tarpaulin-unloading_342744-1295.jpg?_wi=1", imageAlt: "Truck detail"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -108,14 +136,14 @@ export default function GalleryPage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Start Your Transformation"
tag="Ready to Transform Your Car?"
tagIcon={Phone}
tagAnimation="slide-up"
title="Ready for Results Like These?"
description="Our team is ready to bring your vehicle back to pristine condition. Schedule your detailing appointment today and see the 210Pristine difference."
title="Schedule Your Detail Today"
description="Impressed by our work? Let us bring the same quality and care to your vehicle. Book now and get a free estimate."
buttons={[
{ text: "Call (210) 848-8465", href: "tel:2108488465" },
{ text: "Book Now", href: "/contact" },
{ text: "Get Free Estimate", href: "/contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}

View File

@@ -3,6 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
@@ -68,78 +69,92 @@ export default function ServicesPage() {
navItems={navItems}
button={{ text: "Call Now", href: "tel:2108488465" }}
brandName="210Pristine"
buttonClassName="font-mulish"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Our Professional Services"
description="Complete automotive detailing solutions tailored to your vehicle's needs. From quick washes to comprehensive details, we've got you covered."
tag="Services"
tagIcon={Zap}
tagAnimation="slide-up"
background={{ variant: "plain" }}
buttons={[
{ text: "Book Now", href: "/contact" },
{ text: "Call Us", href: "tel:2108488465" },
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg?_wi=2", imageAlt: "Interior detailing"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194110.jpg?_wi=1", imageAlt: "Exterior wash"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=1", imageAlt: "Full detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=1", imageAlt: "Ceramic coating"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193590.jpg", imageAlt: "Premium service"},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTen
title="Complete Automotive Detailing Services"
description="Premium detailing packages designed to restore and protect your vehicle. From quick touch-ups to comprehensive restorations, we have the right solution for your needs."
tag="Our Offerings"
title="Our Complete Service Menu"
description="Choose from our range of professional detailing services. Each service is performed with attention to detail and using premium products."
tag="Services"
tagIcon={Zap}
features={[
{
id: "1", title: "Interior Detailing", description:
"Deep cleaning of every interior surface. We remove stains, odors, and restore your car's interior to pristine condition. Includes carpet shampooing, upholstery conditioning, leather treatment, dashboard restoration, and air freshening. Perfect for daily drivers or pre-sale preparation.", media: {
"Deep cleaning of carpets, upholstery, dashboard, and all interior surfaces. Removes stains, odors, and restores your car's interior to like-new condition. Includes floor mats cleaning, cup holders, and center console detail.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg?_wi=3", imageAlt: "Professional interior detailing process"},
"http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg?_wi=2", imageAlt: "Interior detailing service"},
items: [
{
icon: CheckCircle,
text: "Carpet & upholstery deep cleaning"},
{
icon: CheckCircle,
text: "Leather treatment & conditioning"},
{
icon: CheckCircle,
text: "Dashboard & trim restoration"},
{
icon: CheckCircle,
text: "Odor elimination & air freshening"},
{ icon: CheckCircle, text: "Carpet & upholstery cleaning" },
{ icon: CheckCircle, text: "Dashboard detailing" },
{ icon: CheckCircle, text: "Odor elimination" },
],
reverse: false,
},
{
id: "2", title: "Exterior Wash & Wax", description:
"Professional exterior washing with hand-applied premium wax protection. We carefully clean every surface including wheels, tires, and trim, then apply protective wax coating that lasts months. Your vehicle will have a showroom shine with durable protection against environmental elements.", media: {
"Professional exterior cleaning with premium wax protection. Your vehicle will shine with a protective coating that lasts for months. Hand wash prevents scratches, and we pay special attention to chrome, trim, and trim.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194110.jpg?_wi=3", imageAlt: "Expert exterior wash and wax service"},
"http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194110.jpg?_wi=1", imageAlt: "Exterior wash and wax service"},
items: [
{ icon: CheckCircle, text: "Hand wash & dry techniques" },
{
icon: CheckCircle,
text: "Premium wax application"},
{
icon: CheckCircle,
text: "Wheel & tire detailed care"},
{
icon: CheckCircle,
text: "Window & trim polishing"},
{ icon: CheckCircle, text: "Hand wash & dry" },
{ icon: CheckCircle, text: "Premium wax application" },
{ icon: CheckCircle, text: "Wheel & tire care" },
],
reverse: true,
},
{
id: "3", title: "Full Detail Packages", description:
"Our comprehensive detailing service combines interior and exterior work into one complete restoration. Ideal for preparing vehicles for sale, special occasions, or simply wanting a full transformation. Includes paint protection, ceramic coating options, and all interior services for a complete refresh.", media: {
"Comprehensive exterior and interior detailing. Perfect for deep restoration or pre-sale preparation. Includes premium products and protection treatments. Our most popular service that completely transforms your vehicle.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=2", imageAlt: "Complete full detail package service"},
"http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg?_wi=1", imageAlt: "Full detail package service"},
items: [
{
icon: CheckCircle,
text: "Complete interior deep cleaning"},
{
icon: CheckCircle,
text: "Professional exterior detailing"},
{
icon: CheckCircle,
text: "Paint protection & ceramic coating"},
{
icon: CheckCircle,
text: "Engine bay cleaning available"},
{ icon: CheckCircle, text: "Complete interior cleaning" },
{ icon: CheckCircle, text: "Professional exterior detail" },
{ icon: CheckCircle, text: "Paint protection" },
],
reverse: false,
},
{
id: "4", title: "Ceramic Sealant", description:
"Long-lasting protective coating for your vehicle's paint. Creates a hydrophobic layer that repels water, dirt, and contaminants. Maintains your car's shine for months and reduces the need for frequent washing.", media: {
imageSrc:
"http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=1", imageAlt: "Ceramic sealant application"},
items: [
{ icon: CheckCircle, text: "6-12 month protection" },
{ icon: CheckCircle, text: "Hydrophobic coating" },
{ icon: CheckCircle, text: "Enhanced shine" },
],
reverse: true,
},
]}
textboxLayout="default"
animationType="slide-up"
@@ -149,14 +164,14 @@ export default function ServicesPage() {
<div id="contact" data-section="contact">
<ContactCTA
tag="Book Your Service"
tag="Ready to Book?"
tagIcon={Phone}
tagAnimation="slide-up"
title="Ready to Transform Your Vehicle?"
description="Contact us today to schedule your detailing appointment. We offer flexible scheduling with same-day availability for most services."
title="Schedule Your Service Today"
description="Choose the perfect service for your vehicle and book your appointment. Same-day availability often available. We serve all of San Antonio."
buttons={[
{ text: "Call (210) 848-8465", href: "tel:2108488465" },
{ text: "Request a Quote", href: "/contact" },
{ text: "Get Free Estimate", href: "/contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}

View File

@@ -12,7 +12,7 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120006e6;
--foreground: #e91515;
--primary-cta: #e63946;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;