Merge version_1 into main #2
200
src/app/page.tsx
200
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Activity, Settings, ShieldCheck, Sparkles, Wrench, Zap } from "lucide-react";
|
||||
import { Activity, Settings, ShieldCheck, Sparkles, Wrench, Zap, Disc } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,66 +29,26 @@ 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: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sumber Lancar Matic"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Mastering Automotive Excellence"
|
||||
description="Premium diagnostic and repair services for your vehicle, handled with the precision and luxury you deserve."
|
||||
tag="Expert Auto Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-4841.jpg?_wi=1",
|
||||
imageAlt: "Engine close up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg?_wi=1",
|
||||
imageAlt: "Mechanic at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-4841.jpg?_wi=2",
|
||||
imageAlt: "Precision detailing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg?_wi=2",
|
||||
imageAlt: "Advanced diagnostic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-4841.jpg?_wi=3",
|
||||
imageAlt: "Luxury car service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-4841.jpg", imageAlt: "Engine close up" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg", imageAlt: "Mechanic at work" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -102,26 +62,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Manifesto of Precision"
|
||||
metrics={[
|
||||
{
|
||||
icon: Wrench,
|
||||
label: "Expert Technicians",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
label: "Digital Diagnostic",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Warranty Provided",
|
||||
value: "12mo",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
label: "Original Spareparts",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Wrench, label: "Expert Technicians", value: "20+" },
|
||||
{ icon: Activity, label: "Digital Diagnostic", value: "100%" },
|
||||
{ icon: ShieldCheck, label: "Warranty Provided", value: "12mo" },
|
||||
{ icon: Settings, label: "Original Spareparts", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -134,46 +78,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine & Power",
|
||||
description: "High performance engine tuning and diagnostics.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-4841.jpg?_wi=4",
|
||||
imageAlt: "Engine",
|
||||
},
|
||||
title: "Engine & Power", description: "High performance engine tuning and diagnostics.", media: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-4841.jpg", imageAlt: "Engine" },
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Tuning",
|
||||
},
|
||||
{
|
||||
icon: Activity,
|
||||
text: "Diagnosis",
|
||||
},
|
||||
{ icon: Zap, text: "Tuning" },
|
||||
{ icon: Activity, text: "Diagnosis" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-4841.jpg?_wi=5",
|
||||
imageAlt: "luxury car engine repair",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Chassis & Brake",
|
||||
description: "Ensure total safety with our brake and suspension specialized care.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg?_wi=3",
|
||||
imageAlt: "Mechanic",
|
||||
},
|
||||
title: "Chassis & Brake", description: "Ensure total safety with our brake and suspension specialized care.", media: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg", imageAlt: "Mechanic" },
|
||||
items: [
|
||||
{
|
||||
icon: Disc,
|
||||
text: "Brake System",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
text: "Suspension",
|
||||
},
|
||||
{ icon: Disc, text: "Brake System" },
|
||||
{ icon: Settings, text: "Suspension" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg?_wi=4",
|
||||
imageAlt: "mechanic luxury car",
|
||||
reverse: true
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Luxury Services"
|
||||
@@ -187,60 +105,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Budi Santoso",
|
||||
role: "CEO",
|
||||
company: "Tech Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31588.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Siti Rahma",
|
||||
role: "Director",
|
||||
company: "Growth Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-smiling-guy-glasses-man-shows-thumbs-up-sits-cafe-with-laptop-recommends-website_1258-245425.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Andi Wijaya",
|
||||
role: "Entrepreneur",
|
||||
company: "Innovate Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1319.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dedi Kurniawan",
|
||||
role: "Manager",
|
||||
company: "Startup XYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31588.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rina Lestari",
|
||||
role: "Consultant",
|
||||
company: "Global Partners",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-smiling-guy-glasses-man-shows-thumbs-up-sits-cafe-with-laptop-recommends-website_1258-245425.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Budi Santoso", role: "CEO", company: "Tech Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31588.jpg" },
|
||||
{ id: "2", name: "Siti Rahma", role: "Director", company: "Growth Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-smiling-guy-glasses-man-shows-thumbs-up-sits-cafe-with-laptop-recommends-website_1258-245425.jpg" },
|
||||
{ id: "3", name: "Andi Wijaya", role: "Entrepreneur", company: "Innovate Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-laptop_1170-1319.jpg" },
|
||||
{ id: "4", name: "Dedi Kurniawan", role: "Manager", company: "Startup XYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-drinking-coffee-by-his-car_1303-31588.jpg" },
|
||||
{ id: "5", name: "Rina Lestari", role: "Consultant", company: "Global Partners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-smiling-guy-glasses-man-shows-thumbs-up-sits-cafe-with-laptop-recommends-website_1258-245425.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Cars Serviced",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{ value: "4.8★", label: "Google Rating" },
|
||||
{ value: "5k+", label: "Cars Serviced" },
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
]}
|
||||
title="Elite Client Experiences"
|
||||
description="Don't just take our word for it—see what our discerning clients say about our service standard."
|
||||
@@ -250,9 +124,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Book Your Premium Service"
|
||||
description="Ready to experience automotive perfection? Contact our concierge team today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-customer-car-dealership-with-seller_23-2149106141.jpg"
|
||||
@@ -264,14 +136,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sumber Lancar Matic"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user