bender/65ce392b-cf84-4369-9211-3b9837861c53
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 04:28:31 +00:00
parent 791384cbe1
commit 66cb958a16
1 changed files with 51 additions and 248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Savior Autodetailing"
/>
@@ -58,99 +43,32 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Exceptional Care for Your Vehicle."
description="Experience premium autodetailing and professional nano coating services. Restore your car to factory perfection with our meticulous attention to detail."
testimonials={[
{
name: "Budi Santoso",
handle: "@budi.s",
testimonial: "Hasil sangat bagus, kinclong dan berkualitas. Harga sangat murah dan bersahabat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg?_wi=1",
},
{
name: "Sarah Lee",
handle: "@sarah.l",
testimonial: "My car looks brand new, so clean and shiny. The team was friendly and professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg",
},
{
name: "Andi Wijaya",
handle: "@andi.w",
testimonial: "Bikin mobil jadi 'becek' banget dengan polesan dan coating nya. Pekerjaan cepat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-worker-uniform-red-surface_140725-154711.jpg",
},
{
name: "Rini Kusuma",
handle: "@rini.k",
testimonial: "Thanks Pak Azis atas layanan dan hasil yang optimal. Sangat puas.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
},
{
name: "Hendra Pratama",
handle: "@hendra.p",
testimonial: "Good service, owner ramah, mobil kinclong pasti balik lagi.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-talking-cellphone-standing-near-window_23-2147937308.jpg",
},
{ name: "Budi Santoso", handle: "@budi.s", testimonial: "Hasil sangat bagus, kinclong dan berkualitas. Harga sangat murah dan bersahabat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg" },
{ name: "Sarah Lee", handle: "@sarah.l", testimonial: "My car looks brand new, so clean and shiny. The team was friendly and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg" },
{ name: "Andi Wijaya", handle: "@andi.w", testimonial: "Bikin mobil jadi 'becek' banget dengan polesan dan coating nya. Pekerjaan cepat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-worker-uniform-red-surface_140725-154711.jpg" },
{ name: "Rini Kusuma", handle: "@rini.k", testimonial: "Thanks Pak Azis atas layanan dan hasil yang optimal. Sangat puas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg" },
{ name: "Hendra Pratama", handle: "@hendra.p", testimonial: "Good service, owner ramah, mobil kinclong pasti balik lagi.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-man-talking-cellphone-standing-near-window_23-2147937308.jpg" },
]}
buttons={[
{
text: "Book Detail",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212226.jpg?_wi=1"
buttons={[{ text: "Book Detail", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212226.jpg"
imageAlt="Savior Autodetailing Workshop"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/man-having-mobile-talk-while-waiting-electric-car-charge-station-eco-cars_1157-50634.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/man-having-mobile-talk-while-waiting-electric-car-charge-station-eco-cars_1157-50634.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg", alt: "Client 5" },
]}
marqueeItems={[
{
type: "text",
text: "Nano Coating",
},
{
type: "text",
text: "Paint Protection",
},
{
type: "text",
text: "Interior Detailing",
},
{
type: "text",
text: "Premium Care",
},
{
type: "text",
text: "Showroom Shine",
},
{ type: "text", text: "Nano Coating" },
{ type: "text", text: "Paint Protection" },
{ type: "text", text: "Interior Detailing" },
{ type: "text", text: "Premium Care" },
{ type: "text", text: "Showroom Shine" },
]}
/>
</div>
@@ -160,13 +78,8 @@ export default function LandingPage() {
useInvertedBackground={false}
title="The Savior Difference"
description="At Savior Autodetailing, we treat every vehicle like a masterpiece. Our team uses top-tier nano coating technology and precision detailing techniques to ensure your car maintains its showroom shine for years to come."
buttons={[
{
text: "Learn More",
href: "#services",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=1"
buttons={[{ text: "Learn More", href: "#services" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg"
imageAlt="Detailing professional at work"
/>
</div>
@@ -178,46 +91,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Nano Coating",
description: "High-durability protection against UV, dirt, and water for an incredible finish.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193566.jpg",
imageAlt: "Nano Coating",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/male-hand-with-foam-sponge-washing-car_1157-36587.jpg",
imageAlt: "Nano Coating Result",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212226.jpg?_wi=2",
imageAlt: "car nano coating ceramic layer",
title: "Nano Coating", description: "High-durability protection against UV, dirt, and water for an incredible finish.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193566.jpg", imageAlt: "Nano Coating" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-hand-with-foam-sponge-washing-car_1157-36587.jpg", imageAlt: "Nano Coating Result" }
},
{
title: "Interior Detailing",
description: "Deep cleaning and conditioning for all interior materials to refresh your cockpit.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",
imageAlt: "Interior Detail",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg",
imageAlt: "Interior Finish",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg?_wi=2",
imageAlt: "car nano coating ceramic layer",
title: "Interior Detailing", description: "Deep cleaning and conditioning for all interior materials to refresh your cockpit.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg", imageAlt: "Interior Detail" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg", imageAlt: "Interior Finish" }
},
{
title: "Exterior Restoration",
description: "Polishing and paint correction to remove imperfections and restore original luster.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193575.jpg",
imageAlt: "Paint Polishing",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
imageAlt: "Exterior Detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg?_wi=2",
imageAlt: "car nano coating ceramic layer",
title: "Exterior Restoration", description: "Polishing and paint correction to remove imperfections and restore original luster.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193575.jpg", imageAlt: "Paint Polishing" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", imageAlt: "Exterior Detail" }
},
]}
showStepNumbers={false}
@@ -232,46 +115,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Budi Santoso",
handle: "@budi.s",
testimonial: "Hasil sangat bagus, kinclong dan berkualitas.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-sitting-car_1303-21852.jpg",
},
{
id: "t2",
name: "Sarah Lee",
handle: "@sarah.l",
testimonial: "My car looks brand new, so clean and shiny.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-posing-front-car_23-2148384979.jpg",
},
{
id: "t3",
name: "Andi Wijaya",
handle: "@andi.w",
testimonial: "Bikin mobil jadi 'becek' banget dengan polesan dan coating nya.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
},
{
id: "t4",
name: "Rini Kusuma",
handle: "@rini.k",
testimonial: "Thanks Pak Azis atas layanan dan hasil yang optimal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-holding-car-keys_23-2148333008.jpg",
},
{
id: "t5",
name: "Hendra Pratama",
handle: "@hendra.p",
testimonial: "Definitely recommend this place if you love your car!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
},
{ id: "t1", name: "Budi Santoso", handle: "@budi.s", testimonial: "Hasil sangat bagus, kinclong dan berkualitas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-sitting-car_1303-21852.jpg" },
{ id: "t2", name: "Sarah Lee", handle: "@sarah.l", testimonial: "My car looks brand new, so clean and shiny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-woman-posing-front-car_23-2148384979.jpg" },
{ id: "t3", name: "Andi Wijaya", handle: "@andi.w", testimonial: "Bikin mobil jadi 'becek' banget dengan polesan dan coating nya.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg" },
{ id: "t4", name: "Rini Kusuma", handle: "@rini.k", testimonial: "Thanks Pak Azis atas layanan dan hasil yang optimal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-holding-car-keys_23-2148333008.jpg" },
{ id: "t5", name: "Hendra Pratama", handle: "@hendra.p", testimonial: "Definitely recommend this place if you love your car!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg" },
]}
showRating={true}
title="Trusted by Enthusiasts"
@@ -286,21 +134,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "230+",
description: "Happy Clients",
},
{
id: "m2",
value: "4.9/5",
description: "Average Rating",
},
{
id: "m3",
value: "100%",
description: "Satisfaction Rate",
},
{ id: "m1", value: "230+", description: "Happy Clients" },
{ id: "m2", value: "4.9/5", description: "Average Rating" },
{ id: "m3", value: "100%", description: "Satisfaction Rate" },
]}
title="Excellence by Numbers"
description="Our commitment to quality service in every vehicle we detail."
@@ -312,21 +148,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How long does nano coating last?",
content: "Our premium nano coatings typically last for 1-2 years with proper maintenance.",
},
{
id: "f2",
title: "Do you offer pick up and delivery?",
content: "Yes, we offer convenience services to pick up your vehicle from your location.",
},
{
id: "f3",
title: "Can you do interior detailing?",
content: "Absolutely, we specialize in complete interior cleaning and sanitation services.",
},
{ id: "f1", title: "How long does nano coating last?", content: "Our premium nano coatings typically last for 1-2 years with proper maintenance." },
{ id: "f2", title: "Do you offer pick up and delivery?", content: "Yes, we offer convenience services to pick up your vehicle from your location." },
{ id: "f3", title: "Can you do interior detailing?", content: "Absolutely, we specialize in complete interior cleaning and sanitation services." },
]}
title="Common Questions"
description="Find quick answers to help you get started."
@@ -337,18 +161,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
tag="Ready to Shine?"
title="Get Started with Savior"
description="Book your appointment today and give your car the premium care it deserves."
buttons={[
{
text: "Contact Us on WhatsApp",
href: "https://wa.me/yournumber",
},
]}
buttons={[{ text: "Contact Us on WhatsApp", href: "https://wa.me/yournumber" }]}
/>
</div>
@@ -356,29 +173,15 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "#contact" },
],
},
{
title: "Services",
items: [
{
label: "Nano Coating",
href: "#services",
},
{
label: "Detailing",
href: "#services",
},
title: "Services", items: [
{ label: "Nano Coating", href: "#services" },
{ label: "Detailing", href: "#services" },
],
},
]}
@@ -389,4 +192,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}