Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
340
src/app/page.tsx
340
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user