Merge version_1 into main #1
228
src/app/page.tsx
228
src/app/page.tsx
@@ -32,70 +32,36 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CarglossPaint"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Unrivaled Gloss and Protection for Your Vehicle"
|
||||
description="PT. Murni Cahaya Pratama brings professional automotive coatings to the road. Experience high-end finish, superior durability, and cutting-edge paint technology."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Products", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg",
|
||||
imageAlt: "Glossy car paint finish",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car-design_23-2151113103.jpg",
|
||||
imageAlt: "Automotive metallic texture",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg",
|
||||
imageAlt: "Laboratory precision",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253604.jpg",
|
||||
imageAlt: "Polished car parts",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg",
|
||||
imageAlt: "Expert application",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-white-walls_23-2151020116.jpg",
|
||||
imageAlt: "Showroom car shine",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg", imageAlt: "Glossy car paint finish" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car-design_23-2151113103.jpg", imageAlt: "Automotive metallic texture" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750031.jpg", imageAlt: "Laboratory precision" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253604.jpg", imageAlt: "Polished car parts" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-pinpoints-car-issue-with-ar_482257-76690.jpg", imageAlt: "Expert application" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/empty-room-background-with-white-walls_23-2151020116.jpg", imageAlt: "Showroom car shine" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,15 +70,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Gold Standard in Automotive Coating",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg",
|
||||
alt: "About our facility",
|
||||
},
|
||||
{ type: "text", content: "The Gold Standard in Automotive Coating" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580607.jpg", alt: "About our facility" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,34 +83,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Durability",
|
||||
title: "Weather-Resistant Formula",
|
||||
items: [
|
||||
"UV protection",
|
||||
"Scratch resistance",
|
||||
"Corrosion prevention",
|
||||
],
|
||||
id: "f1", label: "Durability", title: "Weather-Resistant Formula", items: ["UV protection", "Scratch resistance", "Corrosion prevention"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Finish",
|
||||
title: "Ultra-High Gloss",
|
||||
items: [
|
||||
"Mirror-like reflection",
|
||||
"Deep color depth",
|
||||
"Smooth application",
|
||||
],
|
||||
id: "f2", label: "Finish", title: "Ultra-High Gloss", items: ["Mirror-like reflection", "Deep color depth", "Smooth application"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Technology",
|
||||
title: "Smart Coating Tech",
|
||||
items: [
|
||||
"Rapid dry formula",
|
||||
"Self-leveling polymers",
|
||||
"Eco-friendly chemistry",
|
||||
],
|
||||
id: "f3", label: "Technology", title: "Smart Coating Tech", items: ["Rapid dry formula", "Self-leveling polymers", "Eco-friendly chemistry"],
|
||||
},
|
||||
]}
|
||||
title="Why CarglossPaint?"
|
||||
@@ -166,60 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Cargloss",
|
||||
name: "Metallic Blue Series",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108866.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Cargloss",
|
||||
name: "Clear Coat Pro",
|
||||
price: "$38.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Cargloss",
|
||||
name: "Color Test Sample",
|
||||
price: "$15.00",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1310.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Cargloss",
|
||||
name: "Surface Sealant",
|
||||
price: "$29.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mayonnaise-can-red-background_58702-2145.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Cargloss",
|
||||
name: "High-Bond Filler",
|
||||
price: "$22.00",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Cargloss",
|
||||
name: "Detailing Gloss Spray",
|
||||
price: "$19.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-photo-aerosol-paint_58702-2367.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Cargloss", name: "Metallic Blue Series", price: "$45.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/tools-art-repairing-paint-space-text_185193-108866.jpg" },
|
||||
{ id: "p2", brand: "Cargloss", name: "Clear Coat Pro", price: "$38.00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg" },
|
||||
{ id: "p3", brand: "Cargloss", name: "Color Test Sample", price: "$15.00", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1310.jpg" },
|
||||
{ id: "p4", brand: "Cargloss", name: "Surface Sealant", price: "$29.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/mayonnaise-can-red-background_58702-2145.jpg" },
|
||||
{ id: "p5", brand: "Cargloss", name: "High-Bond Filler", price: "$22.00", rating: 4, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg" },
|
||||
{ id: "p6", brand: "Cargloss", name: "Detailing Gloss Spray", price: "$19.00", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/macro-photo-aerosol-paint_58702-2367.jpg" },
|
||||
]}
|
||||
title="Professional Series Products"
|
||||
description="High-performance solutions for auto repair and restoration."
|
||||
@@ -233,21 +123,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of industry experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K+",
|
||||
description: "Vehicles coated worldwide",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Customer satisfaction rate",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of industry experience" },
|
||||
{ id: "m2", value: "500K+", description: "Vehicles coated worldwide" },
|
||||
{ id: "m3", value: "99.9%", description: "Customer satisfaction rate" },
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Years of expertise in every drop."
|
||||
@@ -258,31 +136,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-car-dealership_23-2148332979.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Thornton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31495.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-car-dealership_23-2148332979.jpg" },
|
||||
{ id: "2", name: "Mark Thornton", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31495.jpg" },
|
||||
{ id: "4", name: "David Wu", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-repairman-talking-customer-workshop_637285-8626.jpg" },
|
||||
{ id: "5", name: "Sofia Rossi", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Trusted by Experts"
|
||||
@@ -295,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does the paint last?",
|
||||
content: "Our coatings are engineered for multi-year durability in all weather conditions.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is the formula eco-friendly?",
|
||||
content: "Yes, we focus on low-VOC formulas without compromising performance.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I apply it myself?",
|
||||
content: "While our products are DIY-friendly, professional application yields the best showroom results.",
|
||||
},
|
||||
{ id: "q1", title: "How long does the paint last?", content: "Our coatings are engineered for multi-year durability in all weather conditions." },
|
||||
{ id: "q2", title: "Is the formula eco-friendly?", content: "Yes, we focus on low-VOC formulas without compromising performance." },
|
||||
{ id: "q3", title: "Can I apply it myself?", content: "While our products are DIY-friendly, professional application yields the best showroom results." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-painting-car-door-front-view_23-2149714293.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -322,9 +168,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Start Your Restoration Today"
|
||||
description="Get in touch to receive expert advice for your project."
|
||||
|
||||
Reference in New Issue
Block a user