Merge version_1 into main #1
268
src/app/page.tsx
268
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="GJ4 Car Work Shop"
|
||||
/>
|
||||
@@ -58,67 +43,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Bhavnagar’s Most Trusted Car Repair Experts"
|
||||
description="24/7 Professional Auto Service with 5-Star Customer Satisfaction. Get reliable, affordable, and expert care for your vehicle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919999999999",
|
||||
},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+919999999999" },
|
||||
{ text: "Book Service", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/different-type-tools-especially-wrenches-are-hanging-wall-workshop_613910-15268.jpg"
|
||||
imageAlt="Professional car workshop in Bhavnagar"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-girl-with-pixie-haircut-looking-camera-isolated-green-background-with-copy-space_141793-87968.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-girl-with-pixie-haircut-looking-camera-isolated-green-background-with-copy-space_141793-87968.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Roadside Assistance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Technicians",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Pricing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Quality OEM Parts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
{ type: "text", text: "24/7 Roadside Assistance" },
|
||||
{ type: "text", text: "Certified Technicians" },
|
||||
{ type: "text", text: "Transparent Pricing" },
|
||||
{ type: "text", text: "High-Quality OEM Parts" },
|
||||
{ type: "text", text: "Fast Turnaround" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,13 +74,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Certified Technicians",
|
||||
"5.0 Rated",
|
||||
"24/7 Support",
|
||||
"Fast Service",
|
||||
"Affordable",
|
||||
]}
|
||||
names={["Certified Technicians", "5.0 Rated", "24/7 Support", "Fast Service", "Affordable"]}
|
||||
title="Why Choose GJ4 Car Workshop?"
|
||||
description="Providing unmatched expertise for your vehicle maintenance and repair needs in Bhavnagar."
|
||||
/>
|
||||
@@ -146,42 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Engine Repair",
|
||||
price: "Expert Diagnostics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-car-service-worker-repairing-vehicle_146671-19705.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "AC Repair & Recharge",
|
||||
price: "Stay Cool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194102.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Battery Replacement",
|
||||
price: "Instant Power",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-checking-voltage-car-battery-auto-repair-shop_637285-4265.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Brake System Repair",
|
||||
price: "Safety First",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Transmission Service",
|
||||
price: "Smooth Shifting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-unrecognizable-mechanic-doing-car-service-maintenance_146671-19691.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Wheel Alignment",
|
||||
price: "Precise Handling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-is-inflate-car-tire-car-maintenance-service-transportation-safety_1150-18089.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Engine Repair", price: "Expert Diagnostics", imageSrc: "http://img.b2bpic.net/free-photo/muscular-car-service-worker-repairing-vehicle_146671-19705.jpg" },
|
||||
{ id: "s2", name: "AC Repair & Recharge", price: "Stay Cool", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194102.jpg" },
|
||||
{ id: "s3", name: "Battery Replacement", price: "Instant Power", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-checking-voltage-car-battery-auto-repair-shop_637285-4265.jpg" },
|
||||
{ id: "s4", name: "Brake System Repair", price: "Safety First", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg" },
|
||||
{ id: "s5", name: "Transmission Service", price: "Smooth Shifting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-unrecognizable-mechanic-doing-car-service-maintenance_146671-19691.jpg" },
|
||||
{ id: "s6", name: "Wheel Alignment", price: "Precise Handling", imageSrc: "http://img.b2bpic.net/free-photo/technician-is-inflate-car-tire-car-maintenance-service-transportation-safety_1150-18089.jpg" }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="From complex engine diagnostics to routine maintenance, we provide comprehensive care for your vehicle."
|
||||
@@ -192,12 +103,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Dedicated to Automotive Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -207,21 +113,9 @@ export default function LandingPage() {
|
||||
title="Before & After Results"
|
||||
description="Witness the meticulous care and expert workmanship we pour into every vehicle that enters our garage."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Engine Overhaul",
|
||||
content: "Full engine restoration process completed in 48 hours.",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Body Painting",
|
||||
content: "High-gloss factory finish matching original paint code.",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
title: "Glass Replacement",
|
||||
content: "Using only high-quality certified safety glass.",
|
||||
},
|
||||
{ id: "g1", title: "Engine Overhaul", content: "Full engine restoration process completed in 48 hours." },
|
||||
{ id: "g2", title: "Body Painting", content: "High-gloss factory finish matching original paint code." },
|
||||
{ id: "g3", title: "Glass Replacement", content: "Using only high-quality certified safety glass." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-mechanic-working-auto-repair-shop-car_23-2150376983.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -234,49 +128,15 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rajesh Mehta",
|
||||
handle: "@rajesh",
|
||||
testimonial: "Excellent service and very transparent pricing. Best in Bhavnagar!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya Shah",
|
||||
handle: "@priya",
|
||||
testimonial: "My car AC was fixed in just 2 hours. Very impressed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367133.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amit Patel",
|
||||
handle: "@amit",
|
||||
testimonial: "Skilled mechanics and very helpful staff. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Suresh Joshi",
|
||||
handle: "@suresh",
|
||||
testimonial: "Professional garage with state-of-the-art diagnostic tools.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kiran Dave",
|
||||
handle: "@kiran",
|
||||
testimonial: "24/7 service saved me during a highway breakdown. Truly reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Rajesh Mehta", handle: "@rajesh", testimonial: "Excellent service and very transparent pricing. Best in Bhavnagar!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg" },
|
||||
{ id: "t2", name: "Priya Shah", handle: "@priya", testimonial: "My car AC was fixed in just 2 hours. Very impressed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367133.jpg" },
|
||||
{ id: "t3", name: "Amit Patel", handle: "@amit", testimonial: "Skilled mechanics and very helpful staff. Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg" },
|
||||
{ id: "t4", name: "Suresh Joshi", handle: "@suresh", testimonial: "Professional garage with state-of-the-art diagnostic tools.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "t5", name: "Kiran Dave", handle: "@kiran", testimonial: "24/7 service saved me during a highway breakdown. Truly reliable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
description="Hear from our satisfied customers in Bhavnagar."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -284,21 +144,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency roadside service?",
|
||||
content: "Yes, we provide 24/7 emergency roadside assistance across Bhavnagar.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is your service center open on Sundays?",
|
||||
content: "We are open 24/7, including Sundays and public holidays.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you use original spare parts?",
|
||||
content: "We exclusively use OEM or top-tier certified replacement parts.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer emergency roadside service?", content: "Yes, we provide 24/7 emergency roadside assistance across Bhavnagar." },
|
||||
{ id: "f2", title: "Is your service center open on Sundays?", content: "We are open 24/7, including Sundays and public holidays." },
|
||||
{ id: "f3", title: "Do you use original spare parts?", content: "We exclusively use OEM or top-tier certified replacement parts." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -311,18 +159,8 @@ export default function LandingPage() {
|
||||
title="Book Your Service"
|
||||
description="Ready to get back on the road? Send us a quick message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-mechanic-working-car-auto-repair-shop_23-2150377016.jpg"
|
||||
/>
|
||||
@@ -331,28 +169,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "GJ4 Car Workshop",
|
||||
items: [
|
||||
{
|
||||
label: "Bhavnagar, Gujarat",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Engine Repair",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "AC Repair",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "GJ4 Car Workshop", items: [{ label: "Bhavnagar, Gujarat", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Engine Repair", href: "#" }, { label: "AC Repair", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 GJ4 Car Workshop"
|
||||
bottomRightText="All Rights Reserved"
|
||||
@@ -361,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user