259 lines
16 KiB
TypeScript
259 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Shield, Sparkles, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="largeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="TintPro"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Why Us", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" }
|
|
]}
|
|
button={{ text: "Get a Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
title="Professional Window Tinting Solutions"
|
|
description="Enhance your vehicle or property with premium window tinting. UV protection, privacy, heat reduction, and stylish aesthetics in one solution."
|
|
tag="Expert Installation"
|
|
tagIcon={Shield}
|
|
tagAnimation="entrance-slide"
|
|
buttons={[
|
|
{ text: "Book Free Consultation", href: "#contact" },
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="entrance-slide"
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342640.jpg?_wi=1"
|
|
imageAlt="Professional window tinting installation"
|
|
mediaAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
testimonials={[
|
|
{
|
|
name: "John Mitchell", handle: "@automotive_enthusiast", testimonial: "Best tinting service I've used. Professional installation and they respected my time. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-businessman-sitting-staircase-holding-takeaway-coffee-cup_23-2147972916.jpg?_wi=1", imageAlt: "professional man portrait business casual"
|
|
},
|
|
{
|
|
name: "Sarah Chen", handle: "@home_improvement", testimonial: "Transformed my home's comfort level. Blocked so much heat and glare. Worth every penny!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg?_wi=1", imageAlt: "woman professional portrait smiling"
|
|
},
|
|
{
|
|
name: "Michael Rodriguez", handle: "@business_owner", testimonial: "Commercial tinting for our office. The team was professional and efficient. Great results!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=1", imageAlt: "man portrait professional appearance"
|
|
},
|
|
{
|
|
name: "Emma Thompson", handle: "@car_owner", testimonial: "My car looks amazing and stays so much cooler. The upsell recommendations were honest and fair.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg?_wi=1", imageAlt: "woman portrait professional business"
|
|
}
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Why Choose TintPro?"
|
|
description={[
|
|
"With over 15 years of experience, TintPro has become the trusted name in window tinting across the region. Our certified technicians use only premium materials and cutting-edge installation techniques to ensure lasting results.", "We're committed to customer satisfaction, offering competitive pricing, professional service, and a guarantee on all installations. Whether it's automotive, residential, or commercial—we deliver excellence every time."
|
|
]}
|
|
buttons={[
|
|
{ text: "View Our Services", href: "#services" }
|
|
]}
|
|
buttonAnimation="entrance-slide"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFour
|
|
title="Our Tinting Services"
|
|
description="We specialize in three core service areas, each delivered with the same commitment to quality and customer satisfaction."
|
|
tag="Professional Services"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="entrance-slide"
|
|
features={[
|
|
{
|
|
id: "automotive", title: "Automotive Tinting", author: "Premium Films", description: "From light UV protection to dark privacy tints, we offer complete automotive window tinting solutions. All films are optically clear and fade-resistant.", tags: ["UV Protection", "Heat Reduction", "Privacy"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-parked-vehicle-leather-black-seat-automobile-interior_482257-118313.jpg", imageAlt: "Professional automotive window tinting"
|
|
},
|
|
{
|
|
id: "residential", title: "Residential Tinting", author: "Home Protection", description: "Keep your home cooler and more private with residential window tinting. Energy-efficient, durable, and available in multiple shades.", tags: ["Energy Efficient", "Privacy", "Durability"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530810.jpg", imageAlt: "Home window tinting installation"
|
|
},
|
|
{
|
|
id: "commercial", title: "Commercial Tinting", author: "Building Protection", description: "Enhance your commercial property with professional tinting. Reduce cooling costs, protect furnishings, and improve appearance.", tags: ["Cost Savings", "Professional", "Scalable"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-high-rise-buildings-modern-city_1359-882.jpg", imageAlt: "Commercial building window tinting"
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="What Our Customers Say"
|
|
description="Real feedback from satisfied customers across our service areas. See why TintPro is the top choice for window tinting."
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Excellent Service", quote: "The team arrived on time, worked efficiently, and left no mess. My car looks incredible and stays so much cooler. I'm recommending them to all my friends!", name: "John Mitchell", role: "Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-businessman-sitting-staircase-holding-takeaway-coffee-cup_23-2147972916.jpg?_wi=2", imageAlt: "John Mitchell"
|
|
},
|
|
{
|
|
id: "2", title: "Transformed My Home", quote: "We invested in residential tinting last summer and it made a huge difference in our utility bills. Plus, the privacy is wonderful. Best home improvement decision!", name: "Sarah Chen", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-aged-businesswoman_1262-21005.jpg?_wi=2", imageAlt: "Sarah Chen"
|
|
},
|
|
{
|
|
id: "3", title: "Perfect for Business", quote: "We had our entire office building tinted. The installation was seamless, professional, and our building looks more modern. Couldn't be happier!", name: "Michael Rodriguez", role: "Business Manager", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg?_wi=2", imageAlt: "Michael Rodriguez"
|
|
},
|
|
{
|
|
id: "4", title: "Quality That Lasts", quote: "Five years later and my tint still looks brand new. The quality is obvious. These experts know what they're doing. Worth the investment!", name: "Emma Thompson", role: "Long-time Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg?_wi=2", imageAlt: "Emma Thompson"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttonAnimation="entrance-slide"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Leading Brands"
|
|
description="Partner with companies and organizations that demand the best in window tinting solutions."
|
|
names={[
|
|
"Automotive Partners", "Energy Solutions", "Security Systems", "Premium Properties", "Trust Certified", "Tech Leaders", "Certified Professionals"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/set-gradient-colored-truck-logos_23-2148945471.jpg", "http://img.b2bpic.net/free-psd/gradient-renewable-energy-design-template_23-2149330912.jpg", "http://img.b2bpic.net/free-vector/air-lines-logo-template_1071-21.jpg", "http://img.b2bpic.net/free-vector/logo-with-vintage-luxury-style_23-2147839709.jpg", "http://img.b2bpic.net/free-vector/guarantee-best-quality-rubber-stamps-set-four-colors_1017-27079.jpg", "http://img.b2bpic.net/free-vector/technology-landing-page-with-smartphone_23-2148266669.jpg", "http://img.b2bpic.net/free-vector/grunge-certified-seal-stamp-rubber-look_78370-664.jpg"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={35}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Get answers to the most frequently asked questions about our window tinting services."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Is window tinting legal?", content: "Yes, window tinting is legal in most areas. Regulations vary by location and vehicle type. We ensure all installations comply with local laws and can advise you on the best options for your area."
|
|
},
|
|
{
|
|
id: "2", title: "How long does installation take?", content: "Installation time depends on the project scope. Most vehicle tinting takes 2-4 hours. Residential and commercial projects vary based on window count and complexity. We'll provide an exact timeline during your consultation."
|
|
},
|
|
{
|
|
id: "3", title: "What's the warranty on tinting?", content: "All our installations come with a 5-year warranty against peeling, bubbling, and discoloration. We use premium materials and expert installation to ensure lasting results."
|
|
},
|
|
{
|
|
id: "4", title: "Can I roll down my windows after tinting?", content: "We recommend waiting 24-48 hours before rolling down windows to allow the adhesive to cure properly. This ensures the best adhesion and durability of your tint."
|
|
},
|
|
{
|
|
id: "5", title: "How much does tinting cost?", content: "Pricing varies based on vehicle type, tint darkness, or building square footage. We offer free consultations to assess your needs and provide accurate quotes. Contact us for details!"
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer mobile installation?", content: "Yes! We offer mobile installation services for automotive tinting. We can come to your home or workplace. Residential and commercial projects are done on-site at our facility or yours."
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="entrance-slide"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Get Started?"
|
|
tagIcon={Zap}
|
|
tagAnimation="entrance-slide"
|
|
title="Schedule Your Free Consultation Today"
|
|
description="Contact TintPro now for a no-obligation consultation. Our experts will assess your needs and provide a customized quote. Professional service guaranteed!"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+1-800-TINT-PRO" },
|
|
{ text: "Request Quote Online", href: "https://example.com/quote" }
|
|
]}
|
|
buttonAnimation="entrance-slide"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342640.jpg?_wi=2"
|
|
imageAlt="TintPro window tinting services"
|
|
logoText="TintPro"
|
|
copyrightText="© 2025 TintPro. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Automotive Tinting", href: "#services" },
|
|
{ label: "Residential Tinting", href: "#services" },
|
|
{ label: "Commercial Tinting", href: "#services" },
|
|
{ label: "Custom Solutions", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Why Choose Us", href: "#about" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Installation Guide", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Gallery", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Warranty", href: "#" },
|
|
{ label: "Contact Us", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |