Merge version_1 into main #2
224
src/app/page.tsx
224
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Price",
|
||||
id: "price",
|
||||
},
|
||||
name: "Price", id: "price"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Siang Heng"
|
||||
/>
|
||||
@@ -56,82 +48,51 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Affordable Gold Jewelry in Johor"
|
||||
description="Trusted by generations for quality gold, transparent pricing, and personalized service."
|
||||
kpis={[
|
||||
{
|
||||
value: "40+",
|
||||
label: "Years Trusted",
|
||||
},
|
||||
value: "40+", label: "Years Trusted"},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Gold Purity",
|
||||
},
|
||||
value: "99.9%", label: "Gold Purity"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparent Pricing",
|
||||
},
|
||||
value: "100%", label: "Transparent Pricing"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/60123456789",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/60123456789"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329703.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329703.jpg"
|
||||
imageAlt="Luxury gold jewelry boutique"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329670.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329670.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/jewelry-box_1339-388.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/jewelry-box_1339-388.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-felt-jewelry-display_23-2150329655.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-felt-jewelry-display_23-2150329655.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329711.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329711.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Gold Updates",
|
||||
},
|
||||
type: "text", text: "Daily Gold Updates"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lowest Labor Charge",
|
||||
},
|
||||
type: "text", text: "Lowest Labor Charge"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Buyback",
|
||||
},
|
||||
type: "text", text: "Lifetime Buyback"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Gold",
|
||||
},
|
||||
type: "text", text: "Authentic Gold"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Repairs",
|
||||
},
|
||||
type: "text", text: "Expert Repairs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,15 +104,11 @@ export default function LandingPage() {
|
||||
description="Kedai Emas Siang Heng has been a staple in Johor, offering honest gold rates and exquisite craftsmanship for all our valued members."
|
||||
metrics={[
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "10k+", title: "Happy Customers"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Custom Designs",
|
||||
},
|
||||
value: "5k+", title: "Custom Designs"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sales-man-jewelry-shop-demonstrating-jewellery_1303-30668.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sales-man-jewelry-shop-demonstrating-jewellery_1303-30668.jpg"
|
||||
imageAlt="Our jewelry store experts"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -165,49 +122,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gold Trading",
|
||||
description: "Buy and sell gold at market-leading rates.",
|
||||
icon: TrendingUp,
|
||||
title: "Gold Trading", description: "Buy and sell gold at market-leading rates.", icon: TrendingUp,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347038.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347038.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wall-backdrop-frame_53876-90122.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wall-backdrop-frame_53876-90122.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329703.jpg?_wi=2",
|
||||
imageAlt: "gold ring closeup luxury",
|
||||
},
|
||||
{
|
||||
title: "Custom Design",
|
||||
description: "Create your perfect piece with our master artisans.",
|
||||
icon: Sparkles,
|
||||
title: "Custom Design", description: "Create your perfect piece with our master artisans.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-golden-necklace-bracelet-earing-white-surface_181624-58013.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-beautiful-golden-necklace-bracelet-earing-white-surface_181624-58013.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-collection-luxury-banners-different-shapes_1017-10042.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/golden-collection-luxury-banners-different-shapes_1017-10042.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sales-man-jewelry-shop-demonstrating-jewellery_1303-30668.jpg?_wi=2",
|
||||
imageAlt: "gold ring closeup luxury",
|
||||
},
|
||||
{
|
||||
title: "Gold Repair",
|
||||
description: "Restore your favorite treasures to perfection.",
|
||||
icon: Wrench,
|
||||
title: "Gold Repair", description: "Restore your favorite treasures to perfection.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329677.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329677.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-items-second-hand-market_23-2149338419.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-items-second-hand-market_23-2149338419.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-chain-glass-jewelry-engagement-wedding_1400-21.jpg?_wi=1",
|
||||
imageAlt: "gold ring closeup luxury",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
@@ -222,20 +161,11 @@ export default function LandingPage() {
|
||||
tag="Advantages"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "Daily",
|
||||
description: "Gold price updates",
|
||||
},
|
||||
id: "1", value: "Daily", description: "Gold price updates"},
|
||||
{
|
||||
id: "2",
|
||||
value: "RM10",
|
||||
description: "1 Member Point",
|
||||
},
|
||||
id: "2", value: "RM10", description: "1 Member Point"},
|
||||
{
|
||||
id: "3",
|
||||
value: "Fair",
|
||||
description: "Transparent gold rates",
|
||||
},
|
||||
id: "3", value: "Fair", description: "Transparent gold rates"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -248,20 +178,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "gold-999",
|
||||
badge: "Gold",
|
||||
price: "RM 355/g",
|
||||
subtitle: "Current 999 Gold Price",
|
||||
buttons: [
|
||||
id: "gold-999", badge: "Gold", price: "RM 355/g", subtitle: "Current 999 Gold Price", buttons: [
|
||||
{
|
||||
text: "Check Daily Price",
|
||||
},
|
||||
text: "Check Daily Price"},
|
||||
],
|
||||
features: [
|
||||
"Transparent",
|
||||
"Fair",
|
||||
"Updated Hourly",
|
||||
],
|
||||
"Transparent", "Fair", "Updated Hourly"],
|
||||
},
|
||||
]}
|
||||
title="Today's Gold Price"
|
||||
@@ -274,12 +196,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Earn 1 Point for every RM10",
|
||||
"Redeem special vouchers",
|
||||
"Exclusive membership discounts",
|
||||
"Member appreciation events",
|
||||
"VIP birthday rewards",
|
||||
]}
|
||||
"Earn 1 Point for every RM10", "Redeem special vouchers", "Exclusive membership discounts", "Member appreciation events", "VIP birthday rewards"]}
|
||||
title="Member Rewards"
|
||||
description="Join our program today. Earn 1 point for every RM10 spent."
|
||||
/>
|
||||
@@ -293,47 +210,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Gold Ring",
|
||||
price: "RM 899",
|
||||
variant: "24K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-chain-glass-jewelry-engagement-wedding_1400-21.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Gold Ring", price: "RM 899", variant: "24K", imageSrc: "http://img.b2bpic.net/free-photo/fashion-chain-glass-jewelry-engagement-wedding_1400-21.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Chain",
|
||||
price: "RM 2500",
|
||||
variant: "22K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-gold-easter-egg-pattern-made-trendy-style-egg_559531-11096.jpg",
|
||||
},
|
||||
id: "2", name: "Classic Chain", price: "RM 2500", variant: "22K", imageSrc: "http://img.b2bpic.net/free-photo/black-gold-easter-egg-pattern-made-trendy-style-egg_559531-11096.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gold Earrings",
|
||||
price: "RM 450",
|
||||
variant: "24K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg",
|
||||
},
|
||||
id: "3", name: "Gold Earrings", price: "RM 450", variant: "24K", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luxury Bangle",
|
||||
price: "RM 3200",
|
||||
variant: "22K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329710.jpg",
|
||||
},
|
||||
id: "4", name: "Luxury Bangle", price: "RM 3200", variant: "22K", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329710.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Modern Pendant",
|
||||
price: "RM 1200",
|
||||
variant: "24K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623481.jpg",
|
||||
},
|
||||
id: "5", name: "Modern Pendant", price: "RM 1200", variant: "24K", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623481.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Custom Bracelet",
|
||||
price: "RM 5500",
|
||||
variant: "22K",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-caucasian-young-woman-model-with-bright-makeup_158538-3054.jpg",
|
||||
},
|
||||
id: "6", name: "Custom Bracelet", price: "RM 5500", variant: "22K", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-caucasian-young-woman-model-with-bright-makeup_158538-3054.jpg"},
|
||||
]}
|
||||
title="Jewelry Collection"
|
||||
description="Explore our elegant gold jewelry selections."
|
||||
@@ -344,18 +231,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Visit us at our Johor location or chat with us on WhatsApp for inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/60123456789",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/60123456789"},
|
||||
{
|
||||
text: "Open in Google Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Open in Google Maps", href: "https://maps.google.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -364,13 +246,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Kedai Emas Siang Heng"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user