From f4740601c802cdd2f72c1b1c3b15d34c522b75c1 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 09:43:09 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 19 +++++++++---------- 1 file changed, 9 insertions(+), 10 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9bf1ba1..5686c50 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -9,7 +9,7 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour"; import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterMedia from "@/components/sections/footer/FooterMedia"; -import { CheckCircle, Clock, DollarSign, Droplet, Leaf, MessageCircle, Tag, TrendingDown } from "lucide-react"; +import { CheckCircle, Clock, DollarSign, Droplet, Leaf, MessageCircle, Tag, TrendingDown, Phone } from "lucide-react"; export default function LandingPage() { return ( @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="mediumSmall" sizing="largeSmallSizeLargeTitles" - background="grid" + background="circleGradient" cardStyle="outline" primaryButtonStyle="radial-glow" secondaryButtonStyle="solid" @@ -32,8 +32,7 @@ export default function LandingPage() { { name: "Home", id: "hero" }, { name: "Produk", id: "products" }, { name: "Tentang Kami", id: "about" }, - { name: "Kontak", id: "contact" }, - { name: "Hubungi WhatsApp", id: "https://wa.me/6288122268888" } + { name: "Kontak", id: "contact" } ]} bottomLeftText="Salatiga, Jawa Tengah" bottomRightText="0881-2268-888" @@ -88,7 +87,7 @@ export default function LandingPage() { reverse: false }, { - id: "2", title: "Harga Grosir Kompetitif", description: "Kami menawarkan harga grosir terbaik untuk pembelian dalam jumlah besar. Cocok untuk reseller, warung, dan usaha Anda.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pollen-honey-jars_95678-306.jpg?_wi=1" }, + id: "2", title: "Harga Grosir Kompetitif", description: "Kami menawarkan harga grosir terbaik untuk pembelian dalam jumlah besar. Cocok untuk reseller, warung, dan usaha Anda.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pollen-honey-jars_95678-306.jpg" }, items: [ { icon: Tag, text: "Harga grosir" }, { icon: TrendingDown, text: "Diskon kuantitas" }, @@ -101,7 +100,7 @@ export default function LandingPage() { items: [ { icon: MessageCircle, text: "WhatsApp 24/7" }, { icon: Clock, text: "Respons cepat" }, - { icon: Tag, text: "Konsultasi gratis" } + { icon: Phone, text: "Konsultasi gratis" } ], reverse: false } @@ -122,7 +121,7 @@ export default function LandingPage() { id: "2", name: "Madu Herbal Premium", price: "Hubungi untuk harga", variant: "Dengan Campuran Herbal - Grosir & Eceran", imageSrc: "http://img.b2bpic.net/free-photo/honey-pots-bee-pollens-cork-coaster_23-2147918983.jpg", imageAlt: "Herbal infused honey" }, { - id: "3", name: "Madu Grosir Hemat", price: "Hubungi untuk harga", variant: "Kemasan Besar - Khusus Grosir", imageSrc: "http://img.b2bpic.net/free-photo/pollen-honey-jars_95678-306.jpg?_wi=2", imageAlt: "Wholesale honey container" + id: "3", name: "Madu Grosir Hemat", price: "Hubungi untuk harga", variant: "Kemasan Besar - Khusus Grosir", imageSrc: "http://img.b2bpic.net/free-photo/pollen-honey-jars_95678-306.jpg", imageAlt: "Wholesale honey container" } ]} title="Produk Kami" @@ -148,7 +147,7 @@ export default function LandingPage() { }, { id: "3", name: "Dwi Rahayu", role: "Pemilik Cafe", company: "Cafe Natural Salatiga", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg?_wi=1" + imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg" }, { id: "4", name: "Hendra Wijaya", role: "Pengusaha Minuman", company: "Distributor Minuman Sehat", rating: 5, @@ -160,7 +159,7 @@ export default function LandingPage() { }, { id: "6", name: "Rudi Santoso", role: "Pelanggan Setia", company: "Keluarga Salatiga", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg?_wi=2" + imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg" } ]} kpiItems={[ @@ -187,7 +186,7 @@ export default function LandingPage() { { text: "Chat WhatsApp", href: "https://wa.me/6288122268888" }, { text: "Telepon Langsung", href: "tel:+6288122268888" } ]} - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} buttonAnimation="slide-up" /> -- 2.49.1 From 48e7e484bc0cb8916626ede89ac8a51eb256a778 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 09:43:10 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 60 ++++++++----------- 1 file changed, 24 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..ea3e68f 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,39 @@ -"use client"; +import React, { CSSProperties, SVGProps } from 'react'; -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; - -interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; +interface SvgTextLogoProps extends SVGProps { + text?: string; className?: string; + textClassName?: string; + dominantBaseline?: 'auto' | 'text-top' | 'hanging' | 'middle' | 'central' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'mathematical' | 'inherit'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text = 'SVG Text', + className = '', + textClassName = '', + dominantBaseline = 'middle', + ...svgProps +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo; -- 2.49.1