Merge version_1 into main #1
221
src/app/page.tsx
221
src/app/page.tsx
@@ -31,28 +31,16 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chandragiri Auto Clinic"
|
||||
button={{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Service", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,35 +48,15 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="Your Trusted Auto Clinic in Chandragiri"
|
||||
description="Expert repairs, fair pricing, and reliable service. Keep your vehicle in top condition with our professional mechanics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-lamp-while-examining-front-bumper-car-auto-repair-shop_637285-4297.jpg"
|
||||
imageAlt="Chandragiri Auto Clinic Workshop"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg",
|
||||
alt: "Top view man repairing car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16584.jpg",
|
||||
alt: "Car repairman wearing a white uniform standing and holding a wrench that is an essential tool for a mechanic",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1226.jpg",
|
||||
alt: "Female mechanic repairing a car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-does-maintenance-client-car_482257-81479.jpg",
|
||||
alt: "Mechanic does maintenance on client car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-bearded-man-driving-car_158595-4190.jpg",
|
||||
alt: "A modern bearded man driving a car",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-man-repairing-car_23-2150171252.jpg", alt: "Top view man repairing car" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16584.jpg", alt: "Car repairman wearing a white uniform standing and holding a wrench that is an essential tool for a mechanic" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-mechanic-repairing-car_1170-1226.jpg", alt: "Female mechanic repairing a car" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanic-does-maintenance-client-car_482257-81479.jpg", alt: "Mechanic does maintenance on client car" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-bearded-man-driving-car_158595-4190.jpg", alt: "A modern bearded man driving a car" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
/>
|
||||
@@ -99,21 +67,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Years of Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Experience",
|
||||
value: "3+ Years",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "Client Rating",
|
||||
value: "4.5 / 5",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Status",
|
||||
value: "Open Until 9PM",
|
||||
},
|
||||
{ icon: Wrench, label: "Experience", value: "3+ Years" },
|
||||
{ icon: ThumbsUp, label: "Client Rating", value: "4.5 / 5" },
|
||||
{ icon: Clock, label: "Status", value: "Open Until 9PM" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,24 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine Diagnostics",
|
||||
description: "High-tech analysis of your engine performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg",
|
||||
imageAlt: "Engine Diagnostics",
|
||||
},
|
||||
{
|
||||
title: "Tire & Brake Service",
|
||||
description: "Professional alignment, balancing, and brake repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27457.jpg",
|
||||
imageAlt: "Tire Service",
|
||||
},
|
||||
{
|
||||
title: "Regular Maintenance",
|
||||
description: "Oil changes, filter replacements, and general checks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1320.jpg",
|
||||
imageAlt: "Car Maintenance",
|
||||
},
|
||||
{ title: "Engine Diagnostics", description: "High-tech analysis of your engine performance.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg", imageAlt: "Engine Diagnostics" },
|
||||
{ title: "Tire & Brake Service", description: "Professional alignment, balancing, and brake repairs.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27457.jpg", imageAlt: "Tire Service" },
|
||||
{ title: "Regular Maintenance", description: "Oil changes, filter replacements, and general checks.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1320.jpg", imageAlt: "Car Maintenance" },
|
||||
]}
|
||||
title="Professional Auto Services"
|
||||
description="We offer a wide range of maintenance and repair services for your vehicle."
|
||||
@@ -154,28 +95,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "Affordable",
|
||||
subtitle: "Basic maintenance tasks",
|
||||
features: [
|
||||
"Oil Change",
|
||||
"Fluid Checks",
|
||||
"Tire Pressure Check",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "Quote-based",
|
||||
subtitle: "Deep engine repair and diagnostics",
|
||||
features: [
|
||||
"Engine Scanning",
|
||||
"Suspension Work",
|
||||
"Electrical Repair",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Standard", price: "Affordable", subtitle: "Basic maintenance tasks", features: ["Oil Change", "Fluid Checks", "Tire Pressure Check"] },
|
||||
{ id: "pro", badge: "Premium", price: "Quote-based", subtitle: "Deep engine repair and diagnostics", features: ["Engine Scanning", "Suspension Work", "Electrical Repair"] },
|
||||
]}
|
||||
title="Fair & Transparent Pricing"
|
||||
description="Clear costs with no hidden fees for all our repair jobs."
|
||||
@@ -186,48 +107,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
description="Real feedback from our satisfied clients in Chandragiri."
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sita Sharma",
|
||||
handle: "@sita",
|
||||
testimonial: "Excellent service and very reliable team.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ram Bahadur",
|
||||
handle: "@ram",
|
||||
testimonial: "My car runs perfectly after their service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860296.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Rita Karki",
|
||||
handle: "@rita",
|
||||
testimonial: "Very professional and prices are fair.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hari Prasad",
|
||||
handle: "@hari",
|
||||
testimonial: "Prompt, efficient and trustworthy mechanics.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anil Gurung",
|
||||
handle: "@anil",
|
||||
testimonial: "Best auto clinic in Chandragiri area.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-22216.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sita Sharma", handle: "@sita", testimonial: "Excellent service and very reliable team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mixed-race-male-with-bristle-bushy-hairstyle-white-perfect-teeth-has-good-mood_273609-8513.jpg" },
|
||||
{ id: "2", name: "Ram Bahadur", handle: "@ram", testimonial: "My car runs perfectly after their service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-smiley-emoji-card_23-2148860296.jpg" },
|
||||
{ id: "3", name: "Rita Karki", handle: "@rita", testimonial: "Very professional and prices are fair.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg" },
|
||||
{ id: "4", name: "Hari Prasad", handle: "@hari", testimonial: "Prompt, efficient and trustworthy mechanics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg" },
|
||||
{ id: "5", name: "Anil Gurung", handle: "@anil", testimonial: "Best auto clinic in Chandragiri area.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-22216.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -238,21 +125,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "You can walk in, but appointments are recommended for major repairs.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are your hours?",
|
||||
content: "We are open until 9 PM every day.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "We are at Deepo, Checkpost, Daura.",
|
||||
},
|
||||
{ id: "1", title: "Do I need an appointment?", content: "You can walk in, but appointments are recommended for major repairs." },
|
||||
{ id: "2", title: "What are your hours?", content: "We are open until 9 PM every day." },
|
||||
{ id: "3", title: "Where are you located?", content: "We are at Deepo, Checkpost, Daura." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -265,16 +140,8 @@ export default function LandingPage() {
|
||||
title="Visit Us Today"
|
||||
description="Reach out to us or stop by our garage in Chandragiri."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg"
|
||||
/>
|
||||
@@ -285,28 +152,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-car-service-logo_23-2149725120.jpg"
|
||||
logoText="Chandragiri Auto Clinic"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Deepo, Checkpost, Daura",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "985-1094111",
|
||||
href: "tel:9851094111",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Location", items: [{ label: "Deepo, Checkpost, Daura", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "985-1094111", href: "tel:9851094111" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user