bender/7d2f971c-c80f-42d5-a16f-b067c92d0a36
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-11 21:20:39 +00:00
Conversation 0 Commits 2 Files Changed 2 +33 -54
2 changed files with 33 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/app/page.tsx
View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="circleGradient"
background="aurora"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -44,13 +44,13 @@ export default function LandingPage() {
title="Mebel Berkualitas untuk Rumah Impian Anda"
description="Temukan koleksi furniture premium dengan desain modern dan bahan berkualitas tinggi. Toko RBBK Mebel menyediakan berbagai pilihan mebel untuk rumah, apartemen, dan kantor Anda."
tag="Mebel Terpercaya"
background={{ variant: "circleGradient" }}
background={{ variant: "plain" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397355.jpg?_wi=1", imageAlt: "Ruang tamu modern dengan furniture kayu berkualitas"
imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397355.jpg", imageAlt: "Ruang tamu modern dengan furniture kayu berkualitas"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899459.jpg?_wi=1", imageAlt: "Kamar tidur elegan dengan tempat tidur kayu premium"
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899459.jpg", imageAlt: "Kamar tidur elegan dengan tempat tidur kayu premium"
}
]}
rating={5}
@@ -72,19 +72,19 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "RBBK Premium", name: "Lemari Pakaian Kayu Jati", price: "Rp 2.500.000", rating: 5,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712875.jpg?_wi=1", imageAlt: "Lemari pakaian kayu jati berkualitas"
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712875.jpg", imageAlt: "Lemari pakaian kayu jati berkualitas"
},
{
id: "2", brand: "RBBK Premium", name: "Tempat Tidur Kayu Solid", price: "Rp 4.200.000", rating: 5,
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg?_wi=1", imageAlt: "Tempat tidur kayu solid modern"
reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg", imageAlt: "Tempat tidur kayu solid modern"
},
{
id: "3", brand: "RBBK Premium", name: "Meja Makan Kayu Minimalis", price: "Rp 3.800.000", rating: 5,
reviewCount: "52", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3589.jpg?_wi=1", imageAlt: "Meja makan kayu minimalis untuk keluarga"
reviewCount: "52", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3589.jpg", imageAlt: "Meja makan kayu minimalis untuk keluarga"
},
{
id: "4", brand: "RBBK Premium", name: "Sofa Empuk Premium", price: "Rp 5.500.000", rating: 5,
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-yellow-cushion_1203-1106.jpg?_wi=1", imageAlt: "Sofa empuk premium untuk ruang tamu"
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-yellow-cushion_1203-1106.jpg", imageAlt: "Sofa empuk premium untuk ruang tamu"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -120,27 +120,27 @@ export default function LandingPage() {
tag="Mengapa Memilih Kami"
features={[
{
title: "Bahan Berkualitas Premium", description: "Menggunakan kayu pilihan dan material terbaik dengan proses QC yang ketat", imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397355.jpg?_wi=2", imageAlt: "Material kayu berkualitas", buttonIcon: CheckCircle,
title: "Bahan Berkualitas Premium", description: "Menggunakan kayu pilihan dan material terbaik dengan proses QC yang ketat", imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397355.jpg", imageAlt: "Material kayu berkualitas", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Desain Modern & Klasik", description: "Koleksi lengkap dari desain minimalis hingga klasik sesuai selera Anda", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899459.jpg?_wi=2", imageAlt: "Desain furniture modern", buttonIcon: CheckCircle,
title: "Desain Modern & Klasik", description: "Koleksi lengkap dari desain minimalis hingga klasik sesuai selera Anda", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899459.jpg", imageAlt: "Desain furniture modern", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Harga Terjangkau", description: "Harga kompetitif tanpa mengorbankan kualitas dengan berbagai pilihan pembayaran", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3589.jpg?_wi=2", imageAlt: "Harga terjangkau berkualitas", buttonIcon: CheckCircle,
title: "Harga Terjangkau", description: "Harga kompetitif tanpa mengorbankan kualitas dengan berbagai pilihan pembayaran", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3589.jpg", imageAlt: "Harga terjangkau berkualitas", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Garansi & Layanan Terbaik", description: "Garansi resmi, konsultasi gratis, dan layanan purna jual yang responsif", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-yellow-cushion_1203-1106.jpg?_wi=2", imageAlt: "Layanan pelanggan terbaik", buttonIcon: CheckCircle,
title: "Garansi & Layanan Terbaik", description: "Garansi resmi, konsultasi gratis, dan layanan purna jual yang responsif", imageSrc: "http://img.b2bpic.net/free-photo/couch-with-yellow-cushion_1203-1106.jpg", imageAlt: "Layanan pelanggan terbaik", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Pengiriman & Instalasi", description: "Layanan pengiriman aman ke seluruh kota dengan tim profesional dan berpengalaman", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712875.jpg?_wi=2", imageAlt: "Pengiriman dan instalasi", buttonIcon: CheckCircle,
title: "Pengiriman & Instalasi", description: "Layanan pengiriman aman ke seluruh kota dengan tim profesional dan berpengalaman", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712875.jpg", imageAlt: "Pengiriman dan instalasi", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Konsultasi Desain Interior", description: "Tim ahli siap membantu Anda merancang ruangan impian sesuai budget", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg?_wi=2", imageAlt: "Konsultasi desain gratis", buttonIcon: CheckCircle,
title: "Konsultasi Desain Interior", description: "Tim ahli siap membantu Anda merancang ruangan impian sesuai budget", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-comfortable-white-pillow-bed-blanket-decoration-bedroom_74190-8997.jpg", imageAlt: "Konsultasi desain gratis", buttonIcon: CheckCircle,
buttonHref: "#contact"
}
]}
@@ -188,16 +188,16 @@ export default function LandingPage() {
tag="Statistik Bisnis"
metrics={[
{
id: "1", value: "5000+", title: "Pelanggan Puas", description: "Keluarga yang telah percaya pada produk kami", imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397355.jpg?_wi=3", imageAlt: "Ribuan pelanggan puas"
id: "1", value: "5000+", title: "Pelanggan Puas", description: "Keluarga yang telah percaya pada produk kami", imageSrc: "http://img.b2bpic.net/free-photo/color-year-interior-design-space-with-furniture-decor_23-2151397355.jpg", imageAlt: "Ribuan pelanggan puas"
},
{
id: "2", value: "15", title: "Tahun Pengalaman", description: "Melayani dengan dedikasi sejak 2009", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899459.jpg?_wi=3", imageAlt: "Pengalaman melayani"
id: "2", value: "15", title: "Tahun Pengalaman", description: "Melayani dengan dedikasi sejak 2009", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899459.jpg", imageAlt: "Pengalaman melayani"
},
{
id: "3", value: "100%", title: "Kepuasan Pelanggan", description: "Komitmen pada kualitas dan layanan terbaik", imageSrc: "http://img.b2bpic.net/free-photo/small-table-chairs_1339-3303.jpg", imageAlt: "Kepuasan pelanggan"
},
{
id: "4", value: "50+", title: "Desain Produk", description: "Koleksi furniture lengkap untuk setiap ruangan", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3589.jpg?_wi=3", imageAlt: "Ragam pilihan desain"
id: "4", value: "50+", title: "Desain Produk", description: "Koleksi furniture lengkap untuk setiap ruangan", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3589.jpg", imageAlt: "Ragam pilihan desain"
}
]}
animationType="slide-up"

53
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,30 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 400 100"
className={className}
xmlns="http://www.w3.org/2000/svg"
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize="48"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;