bender/25186fa0-46b9-4004-a9f1-9ad5c6c62374
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-23 02:20:03 +00:00
Conversation 0 Commits 1 Files Changed 1 +41 -227
1 changed files with 41 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
src/app/page.tsx
View File

@@ -31,71 +31,29 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Beranda",
id: "hero",
},
{
name: "Tentang",
id: "about",
},
{
name: "Produk",
id: "product",
},
{
name: "Kontak",
id: "contact",
},
{ name: "Beranda", id: "hero" },
{ name: "Tentang", id: "about" },
{ name: "Produk", id: "product" },
{ name: "Kontak", id: "contact" },
]}
brandName="Griya Pelangi"
button={{ text: "Beli Sekarang", href: "#product" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="Griya Pelangi: Warna-warni dalam Hunian"
description="Temukan keindahan dan kenyamanan dalam setiap sudut rumah Anda bersama Griya Pelangi."
buttons={[
{
text: "Lihat Produk",
href: "#product",
},
]}
buttons={[{ text: "Lihat Produk", href: "#product" }]}
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/blank-cup-croissants-donuts-standing-front-big-window_8353-8325.jpg?_wi=1",
imageAlt: "Ruang tamu modern",
},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-items-interior-with-dried-flowers_169016-6459.jpg?_wi=1",
imageAlt: "Kenyamanan rumah",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-decorative-heart-books-candles-candlesticks-concept-valentine-s-day-home-decor_169016-9690.jpg?_wi=1",
imageAlt: "Dekorasi artistik",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/colored-vases-cactus-interior-cafe-east-style-comfort-style_169016-4718.jpg",
imageAlt: "Kenyamanan interior",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/flowers-table-with-served-breakfast_23-2147699712.jpg",
imageAlt: "Inspirasi rumah",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-painting-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30104.jpg",
imageAlt: "Desain rumah modern",
},
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/blank-cup-croissants-donuts-standing-front-big-window_8353-8325.jpg", imageAlt: "Ruang tamu modern" },
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/decorative-items-interior-with-dried-flowers_169016-6459.jpg", imageAlt: "Kenyamanan rumah" },
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-decorative-heart-books-candles-candlesticks-concept-valentine-s-day-home-decor_169016-9690.jpg", imageAlt: "Dekorasi artistik" },
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/colored-vases-cactus-interior-cafe-east-style-comfort-style_169016-4718.jpg", imageAlt: "Kenyamanan interior" },
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/flowers-table-with-served-breakfast_23-2147699712.jpg", imageAlt: "Inspirasi rumah" },
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/empty-art-studio-with-nobody-it-is-ready-painting-lesson-art-studio-modern-atelier-with-vase-chair-using-imagination-professional-sketch-tools-table-concept-creativity_482257-30104.jpg", imageAlt: "Desain rumah modern" },
]}
/>
</div>
@@ -117,41 +75,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Kualitas Terbaik",
description: "Produk tahan lama dan bahan pilihan.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-arrangement-with-decorative-dried-flowers_23-2151363245.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289738.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/blank-cup-croissants-donuts-standing-front-big-window_8353-8325.jpg?_wi=2",
imageAlt: "handmade decorative wall art",
title: "Kualitas Terbaik", description: "Produk tahan lama dan bahan pilihan.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/dreamy-arrangement-with-decorative-dried-flowers_23-2151363245.jpg", imageAlt: "handmade decorative wall art" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-colorful-leaves-flowers_23-2149289738.jpg", imageAlt: "handmade decorative wall art" }
},
{
title: "Desain Unik",
description: "Tampilan modern yang tiada duanya.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/decorative-pom-poms-used-decorations-around-house_23-2149449987.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-table-interior-with-leather-armchairs_169016-19636.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/decorative-items-interior-with-dried-flowers_169016-6459.jpg?_wi=2",
imageAlt: "handmade decorative wall art",
title: "Desain Unik", description: "Tampilan modern yang tiada duanya.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/decorative-pom-poms-used-decorations-around-house_23-2149449987.jpg", imageAlt: "handmade decorative wall art" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-table-interior-with-leather-armchairs_169016-19636.jpg", imageAlt: "handmade decorative wall art" }
},
{
title: "Layanan Cepat",
description: "Pengiriman efisien ke seluruh Indonesia.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/bright-decorative-pillow-with-geometric-design-green-armchair_169016-16539.jpg",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-vases-with-different-shapes_23-2149681142.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-decorative-heart-books-candles-candlesticks-concept-valentine-s-day-home-decor_169016-9690.jpg?_wi=2",
imageAlt: "handmade decorative wall art",
},
title: "Layanan Cepat", description: "Pengiriman efisien ke seluruh Indonesia.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/bright-decorative-pillow-with-geometric-design-green-armchair_169016-16539.jpg", imageAlt: "handmade decorative wall art" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-vases-with-different-shapes_23-2149681142.jpg", imageAlt: "handmade decorative wall art" }
}
]}
showStepNumbers={true}
title="Layanan Unggulan"
@@ -166,60 +100,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Griya",
name: "Hiasan Dinding",
price: "Rp 150.000",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898536.jpg",
},
{
id: "p2",
brand: "Griya",
name: "Vas Bunga",
price: "Rp 120.000",
rating: 5,
reviewCount: "18",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-leaves-vase-still-life_23-2149292993.jpg",
},
{
id: "p3",
brand: "Griya",
name: "Karpet Minimalis",
price: "Rp 450.000",
rating: 4,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/pattern-made-out-colorful-wool_23-2148242059.jpg",
},
{
id: "p4",
brand: "Griya",
name: "Aksesoris Meja",
price: "Rp 95.000",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17279.jpg",
},
{
id: "p5",
brand: "Griya",
name: "Bantal Estetik",
price: "Rp 85.000",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898535.jpg",
},
{
id: "p6",
brand: "Griya",
name: "Hiasan Gantung",
price: "Rp 110.000",
rating: 5,
reviewCount: "21",
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-arrangement_23-2149090599.jpg",
},
{ id: "p1", brand: "Griya", name: "Hiasan Dinding", price: "Rp 150.000", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898536.jpg" },
{ id: "p2", brand: "Griya", name: "Vas Bunga", price: "Rp 120.000", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/colorful-leaves-vase-still-life_23-2149292993.jpg" },
{ id: "p3", brand: "Griya", name: "Karpet Minimalis", price: "Rp 450.000", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/pattern-made-out-colorful-wool_23-2148242059.jpg" },
{ id: "p4", brand: "Griya", name: "Aksesoris Meja", price: "Rp 95.000", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17279.jpg" },
{ id: "p5", brand: "Griya", name: "Bantal Estetik", price: "Rp 85.000", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/maximalist-interior-design_23-2151898535.jpg" },
{ id: "p6", brand: "Griya", name: "Hiasan Gantung", price: "Rp 110.000", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-arrangement_23-2149090599.jpg" },
]}
title="Produk Populer"
description="Pilihan terbaik untuk melengkapi dekorasi rumah Anda."
@@ -233,21 +119,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "1.000+",
description: "Produk Terjual",
},
{
id: "m2",
value: "500+",
description: "Pelanggan Puas",
},
{
id: "m3",
value: "5",
description: "Tahun Beroperasi",
},
{ id: "m1", value: "1.000+", description: "Produk Terjual" },
{ id: "m2", value: "500+", description: "Pelanggan Puas" },
{ id: "m3", value: "5", description: "Tahun Beroperasi" },
]}
title="Prestasi Kami"
description="Angka yang mencerminkan kepercayaan pelanggan."
@@ -261,46 +135,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Siti",
role: "Ibu Rumah Tangga",
company: "Jakarta",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-color-swatch_1170-832.jpg",
},
{
id: "t2",
name: "Budi",
role: "Arsitek",
company: "Bandung",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-holding-carton-bags-isolated-green-wall_141793-26036.jpg",
},
{
id: "t3",
name: "Ani",
role: "Desainer Interior",
company: "Surabaya",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207270.jpg",
},
{
id: "t4",
name: "Deni",
role: "Wiraswasta",
company: "Medan",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg",
},
{
id: "t5",
name: "Fina",
role: "Mahasiswa",
company: "Yogyakarta",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-giving-christmas-present-near-christmas-balls_114579-80753.jpg",
},
{ id: "t1", name: "Siti", role: "Ibu Rumah Tangga", company: "Jakarta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-interacting-color-swatch_1170-832.jpg" },
{ id: "t2", name: "Budi", role: "Arsitek", company: "Bandung", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-woman-holding-carton-bags-isolated-green-wall_141793-26036.jpg" },
{ id: "t3", name: "Ani", role: "Desainer Interior", company: "Surabaya", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207270.jpg" },
{ id: "t4", name: "Deni", role: "Wiraswasta", company: "Medan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg" },
{ id: "t5", name: "Fina", role: "Mahasiswa", company: "Yogyakarta", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-giving-christmas-present-near-christmas-balls_114579-80753.jpg" },
]}
title="Apa Kata Pelanggan"
description="Pengalaman nyata dari pelanggan Griya Pelangi."
@@ -312,21 +151,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Berapa lama pengiriman?",
content: "Pengiriman memakan waktu 2-5 hari kerja.",
},
{
id: "f2",
title: "Apakah ada garansi?",
content: "Ya, kami memberikan garansi untuk barang rusak.",
},
{
id: "f3",
title: "Bisa COD?",
content: "Saat ini kami hanya melayani transfer bank.",
},
{ id: "f1", title: "Berapa lama pengiriman?", content: "Pengiriman memakan waktu 2-5 hari kerja." },
{ id: "f2", title: "Apakah ada garansi?", content: "Ya, kami memberikan garansi untuk barang rusak." },
{ id: "f3", title: "Bisa COD?", content: "Saat ini kami hanya melayani transfer bank." },
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-wedding-planner_23-2150328528.jpg"
mediaAnimation="slide-up"
@@ -339,32 +166,19 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Hubungi Kami"
title="Siap Mendekorasi Rumah Anda?"
description="Hubungi tim kami untuk konsultasi dekorasi gratis."
buttons={[
{
text: "WhatsApp Kami",
href: "https://wa.me/628123456789",
},
]}
buttons={[{ text: "WhatsApp Kami", href: "https://wa.me/628123456789" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Griya Pelangi"
leftLink={{
text: "Privasi",
href: "#",
}}
rightLink={{
text: "Syarat & Ketentuan",
href: "#",
}}
leftLink={{ text: "Privasi", href: "#" }}
rightLink={{ text: "Syarat & Ketentuan", href: "#" }}
/>
</div>
</ReactLenis>