Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-28 13:06:59 +00:00

View File

@@ -17,252 +17,116 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Naman Auto Care"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Naman Auto Care"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
title="Expert Care for Your Vehicle"
description="At Naman Auto Care, we combine advanced diagnostic technology with honest, professional service to keep you safe on the road."
testimonials={[
{
name: "Arjun Singh",
handle: "@arjun",
testimonial: "Best service in town! My engine runs smoother than ever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg?_wi=1",
},
{
name: "Priya Sharma",
handle: "@priya",
testimonial: "Very professional and transparent about all costs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg?_wi=1",
},
{
name: "Vikram Mehta",
handle: "@vikram",
testimonial: "Quick turnaround and excellent quality of work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg?_wi=1",
},
{
name: "Ananya Reddy",
handle: "@ananya",
testimonial: "Highly recommended for all car maintenance needs!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg?_wi=1",
},
{
name: "Rohan Das",
handle: "@rohan",
testimonial: "Dependable and reliable service every time I visit.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg?_wi=2",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/bearded-expert-mechanic-dressed-uniform-standing-with-crowbar-hand-against-car-lift-garage_613910-18004.jpg"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
title="Expert Care for Your Vehicle"
description="At Naman Auto Care, we combine advanced diagnostic technology with honest, professional service to keep you safe on the road."
testimonials={[
{ name: "Arjun Singh", handle: "@arjun", testimonial: "Best service in town! My engine runs smoother than ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg" },
{ name: "Priya Sharma", handle: "@priya", testimonial: "Very professional and transparent about all costs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg" },
{ name: "Vikram Mehta", handle: "@vikram", testimonial: "Quick turnaround and excellent quality of work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg" },
{ name: "Ananya Reddy", handle: "@ananya", testimonial: "Highly recommended for all car maintenance needs!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg" },
{ name: "Rohan Das", handle: "@rohan", testimonial: "Dependable and reliable service every time I visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/bearded-expert-mechanic-dressed-uniform-standing-with-crowbar-hand-against-car-lift-garage_613910-18004.jpg"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Reliability You Can Trust"
description="With over a decade of experience, we specialize in high-quality automotive maintenance. Our certified mechanics handle everything from routine oil changes to complex engine diagnostics with precision and integrity."
subdescription="We treat every car as if it were our own."
imageSrc="http://img.b2bpic.net/free-photo/car-mechanic-using-laptop-while-examining-engine-auto-repair-shop_637285-8652.jpg"
mediaAnimation="blur-reveal"
icon={Wrench}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Reliability You Can Trust"
description="With over a decade of experience, we specialize in high-quality automotive maintenance. Our certified mechanics handle everything from routine oil changes to complex engine diagnostics with precision and integrity."
subdescription="We treat every car as if it were our own."
imageSrc="http://img.b2bpic.net/free-photo/car-mechanic-using-laptop-while-examining-engine-auto-repair-shop_637285-8652.jpg"
mediaAnimation="blur-reveal"
icon={Wrench}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: 1,
title: "Brake Systems",
description: "Expert inspection and replacement of brake pads, rotors, and fluid.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-wrenches_23-2148428284.jpg",
},
{
id: 2,
title: "Engine Diagnostics",
description: "Cutting-edge tools to identify and fix engine issues quickly.",
imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-his-workshop_23-2148970735.jpg",
},
{
id: 3,
title: "Alignment & Tires",
description: "Precision alignment and tire balancing for a safer, smoother ride.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-tyre_1170-1640.jpg",
},
]}
title="Comprehensive Auto Services"
description="Our full suite of diagnostic and repair tools ensures your vehicle receives exactly what it needs."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: 1, title: "Brake Systems", description: "Expert inspection and replacement of brake pads, rotors, and fluid.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-wrenches_23-2148428284.jpg" },
{ id: 2, title: "Engine Diagnostics", description: "Cutting-edge tools to identify and fix engine issues quickly.", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-his-workshop_23-2148970735.jpg" },
{ id: 3, title: "Alignment & Tires", description: "Precision alignment and tire balancing for a safer, smoother ride.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-tyre_1170-1640.jpg" }
]}
title="Comprehensive Auto Services"
description="Our full suite of diagnostic and repair tools ensures your vehicle receives exactly what it needs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Arjun Singh",
handle: "@arjun",
testimonial: "Exceptional service, clearly explained.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg?_wi=3",
},
{
id: "2",
name: "Priya Sharma",
handle: "@priya",
testimonial: "Very honest and fair prices.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg?_wi=2",
},
{
id: "3",
name: "Vikram Mehta",
handle: "@vikram",
testimonial: "Fixed my car in record time!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg?_wi=2",
},
{
id: "4",
name: "Ananya Reddy",
handle: "@ananya",
testimonial: "Wonderful experience every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg?_wi=2",
},
{
id: "5",
name: "Sneha K.",
handle: "@sneha",
testimonial: "Polite staff and high-quality repairs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg?_wi=3",
},
]}
showRating={true}
title="What Our Clients Say"
description="Don't just take our word for it—read why our customers choose Naman Auto Care."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Arjun Singh", handle: "@arjun", testimonial: "Exceptional service, clearly explained.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg" },
{ id: "2", name: "Priya Sharma", handle: "@priya", testimonial: "Very honest and fair prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg" },
{ id: "3", name: "Vikram Mehta", handle: "@vikram", testimonial: "Fixed my car in record time!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-blue-sweater-helping-friend-choosing-vehicle_651396-1203.jpg" },
{ id: "4", name: "Ananya Reddy", handle: "@ananya", testimonial: "Wonderful experience every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/driver-dressed-elegant-costume_23-2149184245.jpg" },
{ id: "5", name: "Sneha K.", handle: "@sneha", testimonial: "Polite staff and high-quality repairs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13714.jpg" }
]}
showRating={true}
animationType="slide-up"
title="What Our Clients Say"
description="Don't just take our word for it—read why our customers choose Naman Auto Care."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Schedule Your Visit"
description="Ready for your next service? Send us a message and we'll get you booked in."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{
name: "vehicle",
type: "text",
placeholder: "Vehicle Model",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "How can we help?",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/woman-working-call-center-office_23-2149256153.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Schedule Your Visit"
description="Ready for your next service? Send us a message and we'll get you booked in."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "vehicle", type: "text", placeholder: "Vehicle Model", required: true }
]}
textarea={{ name: "message", placeholder: "How can we help?", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/woman-working-call-center-office_23-2149256153.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Reviews",
href: "#testimonials",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Naman Auto Care"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Reviews", href: "#testimonials" }] },
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
logoText="Naman Auto Care"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}