Merge version_1 into main #2
355
src/app/page.tsx
355
src/app/page.tsx
@@ -32,110 +32,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nick's Service Center"
|
||||
button={{ text: "Call Now", href: "tel:5550102" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Honest, Reliable Auto Repair You Can Trust."
|
||||
description="Over 50 years of hands-on experience. Fair prices. Quality work. No surprises."
|
||||
kpis={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Star Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Local Trust",
|
||||
},
|
||||
{ value: "50+", label: "Years Experience" },
|
||||
{ value: "5.0", label: "Star Rating" },
|
||||
{ value: "100%", label: "Local Trust" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call for Service",
|
||||
href: "tel:5550102",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170066.jpg?_wi=1"
|
||||
buttons={[{ text: "Call for Service", href: "tel:5550102" }, { text: "Get Directions", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170066.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170008.jpg",
|
||||
alt: "Female auto repairer working in the shop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170012.jpg",
|
||||
alt: "Male and female mechanics working",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169994.jpg",
|
||||
alt: "Female auto repairer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-working-car-suspension-repair-shop_52683-107769.jpg",
|
||||
alt: "Mechanic on car suspension",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg",
|
||||
alt: "Portrait of smiling mechanic",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170008.jpg", alt: "Female auto repairer working in the shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170012.jpg", alt: "Male and female mechanics working" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169994.jpg", alt: "Female auto repairer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanic-working-car-suspension-repair-shop_52683-107769.jpg", alt: "Mechanic on car suspension" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg", alt: "Portrait of smiling mechanic" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ local drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Technicians",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Genuine OEM Parts",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same-Day Service",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fair Honest Pricing",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Owned",
|
||||
icon: MapPin,
|
||||
},
|
||||
{ type: "text-icon", text: "Certified Technicians", icon: Wrench },
|
||||
{ type: "text-icon", text: "Genuine OEM Parts", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Same-Day Service", icon: Clock },
|
||||
{ type: "text-icon", text: "Fair Honest Pricing", icon: DollarSign },
|
||||
{ type: "text-icon", text: "Locally Owned", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,21 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "50 Years Expertise",
|
||||
description: "Over five decades of hands-on mechanical experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-was-challenging-determine-where-malfunction-was_637285-11557.jpg",
|
||||
},
|
||||
{
|
||||
title: "Total Honesty",
|
||||
description: "Clear explanations for every repair, no unnecessary upselling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14041.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fair Pricing",
|
||||
description: "Consistent, reasonable costs that local customers praise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1171.jpg",
|
||||
},
|
||||
{ title: "50 Years Expertise", description: "Over five decades of hands-on mechanical experience.", imageSrc: "http://img.b2bpic.net/free-photo/it-was-challenging-determine-where-malfunction-was_637285-11557.jpg" },
|
||||
{ title: "Total Honesty", description: "Clear explanations for every repair, no unnecessary upselling.", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14041.jpg" },
|
||||
{ title: "Fair Pricing", description: "Consistent, reasonable costs that local customers praise.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1171.jpg" },
|
||||
]}
|
||||
title="What Makes Us Different"
|
||||
description="Old-school honesty meeting modern reliability."
|
||||
@@ -172,46 +94,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Excellent service with reasonable cost.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Knowledgeable, honest, and fair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike Ross",
|
||||
handle: "@miker",
|
||||
testimonial: "Best place for service and tires.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-woman-holding-blank-screen-mobile-phone-while-standing-showing-ok-gesture-isolated-white-background_231208-1833.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jane Smith",
|
||||
handle: "@janes",
|
||||
testimonial: "Good honest service at good honest prices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-using-digital-tablet-workshop-looking-camera_637285-11599.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Baker",
|
||||
handle: "@tomb",
|
||||
testimonial: "Nick is the best mechanic in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-service-agent_23-2151933128.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "Excellent service with reasonable cost.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@johnd", testimonial: "Knowledgeable, honest, and fair.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg" },
|
||||
{ id: "3", name: "Mike Ross", handle: "@miker", testimonial: "Best place for service and tires.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-woman-holding-blank-screen-mobile-phone-while-standing-showing-ok-gesture-isolated-white-background_231208-1833.jpg" },
|
||||
{ id: "4", name: "Jane Smith", handle: "@janes", testimonial: "Good honest service at good honest prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-using-digital-tablet-workshop-looking-camera_637285-11599.jpg" },
|
||||
{ id: "5", name: "Tom Baker", handle: "@tomb", testimonial: "Nick is the best mechanic in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-service-agent_23-2151933128.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
@@ -226,42 +113,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "General Repair",
|
||||
price: "Standard Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-equipment_23-2148514925.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Brake Service",
|
||||
price: "Expert Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Diagnostics",
|
||||
price: "Detailed Scan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Tire Service",
|
||||
price: "Sales & Mnt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Maintenance",
|
||||
price: "Oil & Fluids",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110892.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Battery Service",
|
||||
price: "Reliable Power",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-digital-tablet-while-repairing-analyzing-engine-auto-repair-shop_637285-4307.jpg",
|
||||
},
|
||||
{ id: "s1", name: "General Repair", price: "Standard Rate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-equipment_23-2148514925.jpg" },
|
||||
{ id: "s2", name: "Brake Service", price: "Expert Care", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg" },
|
||||
{ id: "s3", name: "Diagnostics", price: "Detailed Scan", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg" },
|
||||
{ id: "s4", name: "Tire Service", price: "Sales & Mnt", imageSrc: "http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376986.jpg" },
|
||||
{ id: "s5", name: "Maintenance", price: "Oil & Fluids", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110892.jpg" },
|
||||
{ id: "s6", name: "Battery Service", price: "Reliable Power", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-digital-tablet-while-repairing-analyzing-engine-auto-repair-shop_637285-4307.jpg" },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Professional, reliable automotive care for your vehicle."
|
||||
@@ -276,7 +133,7 @@ export default function LandingPage() {
|
||||
description="Nick has been the face of our local shop for over five decades. Known in the community for absolute honesty, fairness, and deep mechanical expertise."
|
||||
subdescription="A small, owner-operated shop focused on building long-term relationships, not quick sales."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -288,56 +145,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Transparency",
|
||||
period: "Commitment",
|
||||
price: "Fair",
|
||||
features: [
|
||||
"No upselling",
|
||||
"Clear explanations",
|
||||
"High-quality parts",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg",
|
||||
imageAlt: "Mechanic checking tool in tool box",
|
||||
},
|
||||
id: "p1", title: "Transparency", period: "Commitment", price: "Fair", features: ["No upselling", "Clear explanations", "High-quality parts"],
|
||||
button: { text: "Contact Us", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg", imageAlt: "Mechanic checking tool in tool box"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Integrity",
|
||||
period: "Core Value",
|
||||
price: "Honest",
|
||||
features: [
|
||||
"Quality craftsmanship",
|
||||
"Reliable repairs",
|
||||
"Trusted locally",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170066.jpg?_wi=2",
|
||||
imageAlt: "Mechanic checking tool in tool box",
|
||||
},
|
||||
id: "p2", title: "Integrity", period: "Core Value", price: "Honest", features: ["Quality craftsmanship", "Reliable repairs", "Trusted locally"],
|
||||
button: { text: "Contact Us", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170066.jpg", imageAlt: "Mechanic checking tool in tool box"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Experience",
|
||||
period: "Legacy",
|
||||
price: "50+ Yrs",
|
||||
features: [
|
||||
"Deep expertise",
|
||||
"Old-school service",
|
||||
"Proven results",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg?_wi=2",
|
||||
imageAlt: "Mechanic checking tool in tool box",
|
||||
},
|
||||
id: "p3", title: "Experience", period: "Legacy", price: "50+ Yrs", features: ["Deep expertise", "Old-school service", "Proven results"],
|
||||
button: { text: "Contact Us", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg", imageAlt: "Mechanic checking tool in tool box"},
|
||||
]}
|
||||
title="Pricing Philosophy"
|
||||
description="Transparent, fair, and straightforward pricing."
|
||||
@@ -349,21 +167,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend calling ahead to ensure we can schedule your repair efficiently.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long will my service take?",
|
||||
content: "Most routine maintenance is same-day; more complex diagnostics depend on the issue.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer tire sales?",
|
||||
content: "Yes, we handle tire sales, mounting, and balancing.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "We recommend calling ahead to ensure we can schedule your repair efficiently." },
|
||||
{ id: "f2", title: "How long will my service take?", content: "Most routine maintenance is same-day; more complex diagnostics depend on the issue." },
|
||||
{ id: "f3", title: "Do you offer tire sales?", content: "Yes, we handle tire sales, mounting, and balancing." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers about our process and service."
|
||||
@@ -377,25 +183,10 @@ export default function LandingPage() {
|
||||
title="Visit Us Today"
|
||||
description="Serving the community for over 50 years."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "service",
|
||||
placeholder: "Service Needed",
|
||||
rows: 3,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "service", placeholder: "Service Needed", rows: 3, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -405,46 +196,22 @@ export default function LandingPage() {
|
||||
logoText="Nick's Service Center"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(555) 010-0203",
|
||||
href: "tel:5550100203",
|
||||
},
|
||||
{
|
||||
label: "123 Auto Row, Mechanic Town",
|
||||
href: "#",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "(555) 010-0203", href: "tel:5550100203" },
|
||||
{ label: "123 Auto Row, Mechanic Town", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Mon-Fri: 8am - 6pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: By Appointment",
|
||||
href: "#",
|
||||
},
|
||||
title: "Hours", items: [
|
||||
{ label: "Mon-Fri: 8am - 6pm", href: "#" },
|
||||
{ label: "Sat: By Appointment", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user