Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboard
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Droplets, Gauge, Settings, Wind, Wrench, Zap } from "lucide-react";
|
||||
import { Wrench, Droplets, Disc, Wind, Cpu, Battery } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Velan Car Care"
|
||||
/>
|
||||
@@ -53,22 +41,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Trusted Car Service in Coimbatore"
|
||||
description="Fast, reliable and professional car care by experienced mechanics. Keeping your car running smoothly every day."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:09842283377",
|
||||
},
|
||||
text: "Call Now", href: "tel:09842283377"},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,36 +62,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "General Car Service",
|
||||
description: "Full multi-point inspection and maintenance.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Oil Change",
|
||||
description: "High-quality synthetic and standard oil changes.",
|
||||
},
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Brake Repair",
|
||||
description: "Expert inspection and replacement of brake pads.",
|
||||
},
|
||||
{
|
||||
icon: Wind,
|
||||
title: "Car AC Service",
|
||||
description: "Climate control diagnostics and gas refills.",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
title: "Engine Diagnostics",
|
||||
description: "Advanced scanning for performance issues.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Battery Check",
|
||||
description: "Testing and replacement services.",
|
||||
},
|
||||
{ icon: Wrench, title: "General Car Service", description: "Full multi-point inspection and maintenance." },
|
||||
{ icon: Droplets, title: "Oil Change", description: "High-quality synthetic and standard oil changes." },
|
||||
{ icon: Disc, title: "Brake Repair", description: "Expert inspection and replacement of brake pads." },
|
||||
{ icon: Wind, title: "Car AC Service", description: "Climate control diagnostics and gas refills." },
|
||||
{ icon: Cpu, title: "Engine Diagnostics", description: "Advanced scanning for performance issues." },
|
||||
{ icon: Battery, title: "Battery Check", description: "Testing and replacement services." },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive maintenance and repair solutions tailored for your vehicle."
|
||||
@@ -119,62 +78,34 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Why Velan Car Care?",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png",
|
||||
alt: "Service",
|
||||
},
|
||||
{ type: "text", content: "Why Velan Car Care?" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png", alt: "Service" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anil K.",
|
||||
handle: "@customer",
|
||||
testimonial: "Prompt service, good behaving staff. Will recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/clean-car-interior-close-up-1774596284871-767a9dcf.png",
|
||||
},
|
||||
id: "1", name: "Anil K.", handle: "@customer", testimonial: "Prompt service, good behaving staff. Will recommend.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/clean-car-interior-close-up-1774596284871-767a9dcf.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Senthil M.",
|
||||
handle: "@customer",
|
||||
testimonial: "Knowledgeable mechanic, fast service. Very satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/car-engine-bay-clean-1774596284328-e3c45007.png",
|
||||
},
|
||||
id: "2", name: "Senthil M.", handle: "@customer", testimonial: "Knowledgeable mechanic, fast service. Very satisfied.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/car-engine-bay-clean-1774596284328-e3c45007.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Priya D.",
|
||||
handle: "@customer",
|
||||
testimonial: "Best car service place in Coimbatore. Reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/mechanic-shaking-hands-with-customer-1774596285539-eab8c096.png",
|
||||
},
|
||||
id: "3", name: "Priya D.", handle: "@customer", testimonial: "Best car service place in Coimbatore. Reliable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/mechanic-shaking-hands-with-customer-1774596285539-eab8c096.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ravi S.",
|
||||
handle: "@customer",
|
||||
testimonial: "Professional and honest mechanics. Great job!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/shiny-clean-car-exterior-1774596283726-f5c42829.png",
|
||||
},
|
||||
id: "4", name: "Ravi S.", handle: "@customer", testimonial: "Professional and honest mechanics. Great job!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/shiny-clean-car-exterior-1774596283726-f5c42829.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Reviews"
|
||||
@@ -186,8 +117,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Need Car Service Today?"
|
||||
description="Reach out for enquiries or book your service appointment directly. Business hours until 7 PM."
|
||||
@@ -196,36 +126,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Call Now",
|
||||
href: "tel:09842283377",
|
||||
},
|
||||
label: "Call Now", href: "tel:09842283377"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/919842283377",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/919842283377"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -236,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user