Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
247
src/app/page.tsx
247
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kiyo's Service"
|
||||
/>
|
||||
@@ -55,32 +47,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Japanese Automotive Care"
|
||||
description="Expert diagnostics, maintenance, and repairs for your Japanese vehicle. Trust Kiyo's for authentic parts and unmatched craftsmanship."
|
||||
tag="Trusted Auto Specialists"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1253.jpg",
|
||||
imageAlt: "japanese car in modern garage",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1253.jpg", imageAlt: "japanese car in modern garage"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171287.jpg",
|
||||
imageAlt: "automotive maintenance tools clean",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-engine_1170-1674.jpg",
|
||||
imageAlt: "Mechanic examining car engine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11889.jpg",
|
||||
imageAlt: "Mechanic repairing a car in the workshop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg",
|
||||
imageAlt: "Mechanic smiling while servicing a car engine",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171287.jpg", imageAlt: "automotive maintenance tools clean"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,23 +71,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Wrench,
|
||||
title: "Vehicles Serviced",
|
||||
value: "15,000+",
|
||||
},
|
||||
id: "m1", icon: Wrench,
|
||||
title: "Vehicles Serviced", value: "15,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Years Experience", value: "20+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Happy Clients", value: "99%"},
|
||||
]}
|
||||
title="Our Track Record"
|
||||
description="Excellence in every turn."
|
||||
@@ -126,55 +92,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Advanced Diagnostics",
|
||||
author: "Kiyo's",
|
||||
description: "Cutting-edge software to identify issues accurately.",
|
||||
tags: [
|
||||
"Precision",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg",
|
||||
},
|
||||
id: "f1", title: "Advanced Diagnostics", author: "Kiyo's", description: "Cutting-edge software to identify issues accurately.", tags: [
|
||||
"Precision"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Preventive Maintenance",
|
||||
author: "Kiyo's",
|
||||
description: "Oil changes, filters, and scheduled tune-ups.",
|
||||
tags: [
|
||||
"Reliability",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881298.jpg",
|
||||
},
|
||||
id: "f2", title: "Preventive Maintenance", author: "Kiyo's", description: "Oil changes, filters, and scheduled tune-ups.", tags: [
|
||||
"Reliability"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881298.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Performance Tuning",
|
||||
author: "Kiyo's",
|
||||
description: "Customized performance enhancements and adjustments.",
|
||||
tags: [
|
||||
"Engine",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171237.jpg",
|
||||
},
|
||||
id: "f3", title: "Performance Tuning", author: "Kiyo's", description: "Customized performance enhancements and adjustments.", tags: [
|
||||
"Engine"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171237.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Brake System Repair",
|
||||
author: "Kiyo's",
|
||||
description: "Professional inspection and replacement for safety.",
|
||||
tags: [
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1295.jpg",
|
||||
},
|
||||
id: "f4", title: "Brake System Repair", author: "Kiyo's", description: "Professional inspection and replacement for safety.", tags: [
|
||||
"Safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1295.jpg"},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Tire Alignment",
|
||||
author: "Kiyo's",
|
||||
description: "Precision alignment for smooth handling.",
|
||||
tags: [
|
||||
"Maintenance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1304.jpg",
|
||||
},
|
||||
id: "f5", title: "Tire Alignment", author: "Kiyo's", description: "Precision alignment for smooth handling.", tags: [
|
||||
"Maintenance"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1304.jpg"},
|
||||
]}
|
||||
title="Comprehensive Services"
|
||||
description="Full-spectrum maintenance packages tailored specifically for Japanese models."
|
||||
@@ -188,52 +124,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$89",
|
||||
name: "Basic Inspection",
|
||||
buttons: [
|
||||
id: "p1", price: "$89", name: "Basic Inspection", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full diagnostic",
|
||||
"Brake check",
|
||||
"Fluid check",
|
||||
],
|
||||
"Full diagnostic", "Brake check", "Fluid check"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$189",
|
||||
name: "Full Tune-Up",
|
||||
buttons: [
|
||||
id: "p2", price: "$189", name: "Full Tune-Up", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Oil filter change",
|
||||
"Air filter",
|
||||
"Engine clean",
|
||||
],
|
||||
"Oil filter change", "Air filter", "Engine clean"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$350",
|
||||
name: "Comprehensive Care",
|
||||
buttons: [
|
||||
id: "p3", price: "$350", name: "Comprehensive Care", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full service",
|
||||
"Electrical check",
|
||||
"Road test",
|
||||
],
|
||||
"Full service", "Electrical check", "Road test"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -248,45 +160,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "Best service in town for my Honda.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Best service in town for my Honda.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janesmith",
|
||||
testimonial: "Kiyo's team is honest and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holding-keys-against-white-wall_23-2148182950.jpg",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Kiyo's team is honest and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-holding-keys-against-white-wall_23-2148182950.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
handle: "@mikeross",
|
||||
testimonial: "Authentic parts and great care.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
id: "t3", name: "Mike Ross", handle: "@mikeross", testimonial: "Authentic parts and great care.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara Lee",
|
||||
handle: "@saralee",
|
||||
testimonial: "Reliable experts I trust fully.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
|
||||
},
|
||||
id: "t4", name: "Sara Lee", handle: "@saralee", testimonial: "Reliable experts I trust fully.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris Wu",
|
||||
handle: "@chriswu",
|
||||
testimonial: "Excellent diagnostics on my Lexus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg",
|
||||
},
|
||||
id: "t5", name: "Chris Wu", handle: "@chriswu", testimonial: "Excellent diagnostics on my Lexus.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/career-success-office-concert-senior_1262-2793.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -300,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you use OEM parts?",
|
||||
content: "Yes, we prioritize authentic manufacturer parts.",
|
||||
},
|
||||
id: "q1", title: "Do you use OEM parts?", content: "Yes, we prioritize authentic manufacturer parts."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a service take?",
|
||||
content: "Most routine services are done same-day.",
|
||||
},
|
||||
id: "q2", title: "How long does a service take?", content: "Most routine services are done same-day."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer a warranty?",
|
||||
content: "All repairs are backed by a 1-year warranty.",
|
||||
},
|
||||
id: "q3", title: "Do you offer a warranty?", content: "All repairs are backed by a 1-year warranty."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our service."
|
||||
@@ -325,8 +203,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Quote"
|
||||
description="Let's keep your vehicle running like new."
|
||||
@@ -338,29 +215,19 @@ export default function LandingPage() {
|
||||
logoText="Kiyo's Japanese Car Service"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Diagnostics", href: "#services"},
|
||||
{
|
||||
label: "Tune-ups",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Tune-ups", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user