Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
190
src/app/page.tsx
190
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TINT CLUB"
|
||||
/>
|
||||
@@ -55,63 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Window Tinting"
|
||||
description="Trusted by drivers who demand perfection. At Tint Club, we deliver flawless installs, fast turnaround, and pricing that beats the competition."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg",
|
||||
alt: "happy customer car shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg", alt: "happy customer car shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg",
|
||||
alt: "professional car detailing client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg", alt: "professional car detailing client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-book_23-2148396361.jpg",
|
||||
alt: "satisfied vehicle owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-book_23-2148396361.jpg", alt: "satisfied vehicle owner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-couple-car-salon_1157-20739.jpg",
|
||||
alt: "smiling car driver",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-couple-car-salon_1157-20739.jpg", alt: "smiling car driver"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg",
|
||||
alt: "happy car owner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg", alt: "happy car owner"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "UV Protection",
|
||||
},
|
||||
type: "text", text: "UV Protection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heat Rejection",
|
||||
},
|
||||
type: "text", text: "Heat Rejection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
type: "text", text: "Lifetime Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Precision",
|
||||
},
|
||||
type: "text", text: "Custom Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Finish",
|
||||
},
|
||||
type: "text", text: "Elite Finish"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,21 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No Bubbles",
|
||||
"No Peeling",
|
||||
"No Fading",
|
||||
"No Hassle",
|
||||
"No Glue Residue",
|
||||
],
|
||||
"No Bubbles", "No Peeling", "No Fading", "No Hassle", "No Glue Residue"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Full Vehicle Tint",
|
||||
"Partial Tinting",
|
||||
"Premium Heat Film",
|
||||
"Fast Turnaround",
|
||||
"Ceramic Coating Options",
|
||||
],
|
||||
"Full Vehicle Tint", "Partial Tinting", "Premium Heat Film", "Fast Turnaround", "Ceramic Coating Options"],
|
||||
}}
|
||||
title="Precision Services"
|
||||
description="We offer a range of specialized tinting packages to keep your vehicle cool and stylish."
|
||||
@@ -150,8 +107,7 @@ export default function LandingPage() {
|
||||
title="About Tint Club"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,20 +119,11 @@ export default function LandingPage() {
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
description: "Star Rating",
|
||||
},
|
||||
id: "m1", value: "5.0", description: "Star Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
description: "Cars Tinted",
|
||||
},
|
||||
id: "m2", value: "1000+", description: "Cars Tinted"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
description: "Average Finish",
|
||||
},
|
||||
id: "m3", value: "24h", description: "Average Finish"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -189,42 +136,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Yesenia R.",
|
||||
role: "Customer",
|
||||
testimonial: "Extremely satisfied with my tint. Best price around town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg",
|
||||
},
|
||||
id: "1", name: "Yesenia R.", role: "Customer", testimonial: "Extremely satisfied with my tint. Best price around town.", imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael S.",
|
||||
role: "Client",
|
||||
testimonial: "Excellent job. Quick, efficient, and very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg",
|
||||
},
|
||||
id: "2", name: "Michael S.", role: "Client", testimonial: "Excellent job. Quick, efficient, and very professional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193169.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Juan D.",
|
||||
role: "Enthusiast",
|
||||
testimonial: "Very unique work, great skills, on time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117116.jpg",
|
||||
},
|
||||
id: "3", name: "Juan D.", role: "Enthusiast", testimonial: "Very unique work, great skills, on time.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117116.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah P.",
|
||||
role: "Owner",
|
||||
testimonial: "Best tint shop I've been to in years. Fantastic experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah P.", role: "Owner", testimonial: "Best tint shop I've been to in years. Fantastic experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171223.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David L.",
|
||||
role: "Driver",
|
||||
testimonial: "Fast service and incredible attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg",
|
||||
},
|
||||
id: "5", name: "David L.", role: "Driver", testimonial: "Fast service and incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg"},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Our clients love the premium service we provide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -233,12 +156,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"FormulaOne",
|
||||
"3M Automotive",
|
||||
"SunTek",
|
||||
"XPEL",
|
||||
"Johnson Window Film",
|
||||
]}
|
||||
"FormulaOne", "3M Automotive", "SunTek", "XPEL", "Johnson Window Film"]}
|
||||
title="Trusted Partnerships"
|
||||
description="We work with top-tier automotive film manufacturers."
|
||||
/>
|
||||
@@ -250,20 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does tinting take?",
|
||||
content: "3-5 hours.",
|
||||
},
|
||||
id: "f1", title: "How long does tinting take?", content: "3-5 hours."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer warranties?",
|
||||
content: "Yes, lifetime.",
|
||||
},
|
||||
id: "f2", title: "Do you offer warranties?", content: "Yes, lifetime."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the tint legal?",
|
||||
content: "Yes, state-compliant.",
|
||||
},
|
||||
id: "f3", title: "Is the tint legal?", content: "Yes, state-compliant."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -275,16 +184,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Booking"
|
||||
title="Ready to Upgrade Your Ride?"
|
||||
description="Book your tint today and experience the Tint Club standard."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule Appointment", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -293,33 +199,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user