bender/ab26bc8e-76a4-4d87-a737-41a8cf194185
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 17:32:49 +00:00
parent 1dd2f42dc1
commit 694b4f14ce
1 changed files with 56 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files

354
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Collection",
id: "#products",
},
name: "Collection", id: "#products"},
{
name: "Our Story",
id: "#about",
},
name: "Our Story", id: "#about"},
{
name: "Custom",
id: "#experience",
},
name: "Custom", id: "#experience"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Opal House Cabo"
/>
@@ -55,103 +47,35 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Rare Fire Opals. Crafted in the Heart of Los Cabos."
description="Discover one-of-a-kind jewelry inspired by love, craftsmanship, and unforgettable moments in Mexico."
testimonials={[
{
name: "Sarah & John",
handle: "@travelers",
testimonial: "A piece of Cabo we cherish forever. The opal is spectacular.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ttractive-couple-holds-coconut-with-tube-posing-beach-near-palm-bush-enjoys-vacation-beautiful-island_613910-20015.jpg",
},
{
name: "Elena Martinez",
handle: "@artcollect",
testimonial: "True artistry in every detail. Simply breathtaking.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-white-gray-dress-sitting-with-eyes-closed-with-white-wall-daytime_176474-7181.jpg",
},
{
name: "Marcus R.",
handle: "@engagement",
testimonial: "The best engagement ring experience ever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/womans-hand-holding-seashell-beach_93675-128698.jpg",
},
{
name: "Julia Thompson",
handle: "@luxurytravel",
testimonial: "Stunning craftsmanship and service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-glittery-shimmery-shiny-pills-capsule-background_53876-31932.jpg",
},
{
name: "David L.",
handle: "@vacationer",
testimonial: "Unforgettable memories in opal form.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623380.jpg",
},
{ name: "Sarah & John", handle: "@travelers", testimonial: "A piece of Cabo we cherish forever. The opal is spectacular.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ttractive-couple-holds-coconut-with-tube-posing-beach-near-palm-bush-enjoys-vacation-beautiful-island_613910-20015.jpg" },
{ name: "Elena Martinez", handle: "@artcollect", testimonial: "True artistry in every detail. Simply breathtaking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-white-gray-dress-sitting-with-eyes-closed-with-white-wall-daytime_176474-7181.jpg" },
{ name: "Marcus R.", handle: "@engagement", testimonial: "The best engagement ring experience ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/womans-hand-holding-seashell-beach_93675-128698.jpg" },
{ name: "Julia Thompson", handle: "@luxurytravel", testimonial: "Stunning craftsmanship and service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-glittery-shimmery-shiny-pills-capsule-background_53876-31932.jpg" },
{ name: "David L.", handle: "@vacationer", testimonial: "Unforgettable memories in opal form.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623380.jpg" },
]}
buttons={[
{
text: "Explore Collection",
href: "#products",
},
{
text: "Design Custom",
href: "#contact",
},
{ text: "Explore Collection", href: "#products" },
{ text: "Design Custom", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/expensive-white-red-diamond-white-beige-backdrop_23-2147948635.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/expensive-white-red-diamond-white-beige-backdrop_23-2147948635.jpg"
imageAlt="fire opal jewelry closeup luxury"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/star-shaped-pink-diamond-arrangement_23-2149673641.jpg",
alt: "Star shaped pink diamond arrangement",
},
{
src: "http://img.b2bpic.net/free-photo/macro-photography-background-with-brightly-colored-glitter_91008-531.jpg",
alt: "Macro photography of a background with brightly colored glitter",
},
{
src: "http://img.b2bpic.net/free-photo/painted-orange-powder-black-water_23-2148016568.jpg",
alt: "Painted orange powder in black water",
},
{
src: "http://img.b2bpic.net/free-photo/egagement-ring-with-blue-precious-stone-white-pillow_8353-705.jpg",
alt: "Egagement ring with blue precious stone on white pillow ",
},
{
src: "http://img.b2bpic.net/free-photo/expensive-white-red-diamond-white-beige-backdrop_23-2147948635.jpg",
alt: "Star shaped pink diamond arrangement",
},
{ src: "http://img.b2bpic.net/free-photo/star-shaped-pink-diamond-arrangement_23-2149673641.jpg", alt: "Star shaped pink diamond arrangement" },
{ src: "http://img.b2bpic.net/free-photo/macro-photography-background-with-brightly-colored-glitter_91008-531.jpg", alt: "Macro photography of a background with brightly colored glitter" },
{ src: "http://img.b2bpic.net/free-photo/painted-orange-powder-black-water_23-2148016568.jpg", alt: "Painted orange powder in black water" },
{ src: "http://img.b2bpic.net/free-photo/egagement-ring-with-blue-precious-stone-white-pillow_8353-705.jpg", alt: "Egagement ring with blue precious stone on white pillow " },
{ src: "http://img.b2bpic.net/free-photo/expensive-white-red-diamond-white-beige-backdrop_23-2147948635.jpg", alt: "Star shaped pink diamond arrangement" },
]}
marqueeItems={[
{
type: "text",
text: "Authentic Fire Opal",
},
{
type: "text",
text: "Handcrafted in Mexico",
},
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "One-of-a-Kind Pieces",
},
{
type: "text",
text: "Artisanal Luxury",
},
{ type: "text", text: "Authentic Fire Opal" },
{ type: "text", text: "Handcrafted in Mexico" },
{ type: "text", text: "Ethically Sourced" },
{ type: "text", text: "One-of-a-Kind Pieces" },
{ type: "text", text: "Artisanal Luxury" },
]}
/>
</div>
@@ -162,16 +86,10 @@ export default function LandingPage() {
title="A Legacy of Light"
description="Established in San José del Cabo in 1994, our family-owned house preserves the ancient art of Mexican fire opal jewelry. Each piece is a tribute to the earth, the sun, and the soul of Baja."
metrics={[
{
value: "30+",
title: "Years of Artistry",
},
{
value: "100%",
title: "Authentic Opals",
},
{ value: "30+", title: "Years of Artistry" },
{ value: "100%", title: "Authentic Opals" },
]}
imageSrc="http://img.b2bpic.net/free-photo/artisan-polishing-ring-close-up_23-2148643296.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/artisan-polishing-ring-close-up_23-2148643296.jpg"
imageAlt="jeweler hands crafting ring"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -185,49 +103,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Authentic Stones",
description: "Ethically sourced Mexican fire opals.",
icon: Shield,
title: "Authentic Stones", description: "Ethically sourced Mexican fire opals.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-white-dust_23-2150329684.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wedding-rings-bride-groom-gray-surface_181624-57641.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/expensive-white-red-diamond-white-beige-backdrop_23-2147948635.jpg?_wi=2",
imageAlt: "fire opal gemstone luxury",
{ imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-white-dust_23-2150329684.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wedding-rings-bride-groom-gray-surface_181624-57641.jpg" },
]
},
{
title: "Handcrafted Art",
description: "Master craftsmanship by local artisans.",
icon: Sparkles,
title: "Handcrafted Art", description: "Master craftsmanship by local artisans.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-holding-semi-precious-stone-hands-close-up-photoshoot_613910-17308.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409255.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/artisan-polishing-ring-close-up_23-2148643296.jpg?_wi=2",
imageAlt: "fire opal gemstone luxury",
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-holding-semi-precious-stone-hands-close-up-photoshoot_613910-17308.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409255.jpg" },
]
},
{
title: "Bespoke Design",
description: "Your vision, our expertise.",
icon: Diamond,
title: "Bespoke Design", description: "Your vision, our expertise.", icon: Diamond,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025955.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/engagement-ring-pink-rose_23-2151976619.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types_114579-8085.jpg?_wi=1",
imageAlt: "fire opal gemstone luxury",
{ imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025955.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/engagement-ring-pink-rose_23-2151976619.jpg" },
]
},
]}
title="The Opal House Difference"
@@ -242,48 +136,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Sunset Fire Pendant",
price: "$1,200",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types_114579-8085.jpg?_wi=2",
},
{
id: "p2",
name: "Cabo Opal Ring",
price: "$2,500",
variant: "Platinum",
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-womans-hands-edge-swimming-pool-with-ring-finger_343596-2324.jpg",
},
{
id: "p3",
name: "Baja Dreams Necklace",
price: "$3,200",
variant: "Rose Gold",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-punk-outfit_23-2149267478.jpg",
},
{
id: "p4",
name: "Desert Flame Studs",
price: "$800",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649163.jpg",
},
{
id: "p5",
name: "Opal Statement Cuff",
price: "$4,500",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-accessories_23-2149267480.jpg",
},
{
id: "p6",
name: "Luminous Band",
price: "$1,500",
variant: "Silver",
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-woman-with-marriage-ring_23-2148536080.jpg",
},
{ id: "p1", name: "Sunset Fire Pendant", price: "$1,200", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/assortment-dry-tea-golden-vintage-mini-plates-tea-types_114579-8085.jpg" },
{ id: "p2", name: "Cabo Opal Ring", price: "$2,500", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-womans-hands-edge-swimming-pool-with-ring-finger_343596-2324.jpg" },
{ id: "p3", name: "Baja Dreams Necklace", price: "$3,200", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-punk-outfit_23-2149267478.jpg" },
{ id: "p4", name: "Desert Flame Studs", price: "$800", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649163.jpg" },
{ id: "p5", name: "Opal Statement Cuff", price: "$4,500", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-accessories_23-2149267480.jpg" },
{ id: "p6", name: "Luminous Band", price: "$1,500", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-woman-with-marriage-ring_23-2148536080.jpg" },
]}
title="Curated Collections"
description="Browse our latest fire opal masterpieces."
@@ -295,46 +153,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Magical Engagement",
quote: "The perfect engagement ring in the perfect place.",
name: "Chloe S.",
role: "Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/store-clerk-shows-watch-shes-buying-as-gift-happy-smiling-woman-copy-space-with-jewelry-store-background_166373-8865.jpg",
},
{
id: "t2",
title: "True Luxury",
quote: "The fire opal collection is simply divine.",
name: "Robert F.",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-female-siting-hanging-bamboo-stair-open-air-veranda-wooden-bungalow_273443-484.jpg",
},
{
id: "t3",
title: "Bespoke Journey",
quote: "I felt truly pampered during our private visit.",
name: "Anna W.",
role: "Guest",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg",
},
{
id: "t4",
title: "Exceptional Quality",
quote: "I love my one-of-a-kind pendant.",
name: "David M.",
role: "Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862114.jpg",
},
{
id: "t5",
title: "A Hidden Gem",
quote: "The best jewelry house in San José.",
name: "Sofia R.",
role: "Collector",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg",
},
{ id: "t1", title: "Magical Engagement", quote: "The perfect engagement ring in the perfect place.", name: "Chloe S.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/store-clerk-shows-watch-shes-buying-as-gift-happy-smiling-woman-copy-space-with-jewelry-store-background_166373-8865.jpg" },
{ id: "t2", title: "True Luxury", quote: "The fire opal collection is simply divine.", name: "Robert F.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/attractive-female-siting-hanging-bamboo-stair-open-air-veranda-wooden-bungalow_273443-484.jpg" },
{ id: "t3", title: "Bespoke Journey", quote: "I felt truly pampered during our private visit.", name: "Anna W.", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-adorable-lady-with-dark-hairstyle-is-posing-with-shy-smile-is-touching-head-while-looking-camera_291650-2392.jpg" },
{ id: "t4", title: "Exceptional Quality", quote: "I love my one-of-a-kind pendant.", name: "David M.", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862114.jpg" },
{ id: "t5", title: "A Hidden Gem", quote: "The best jewelry house in San José.", name: "Sofia R.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-shopping-mall_329181-7984.jpg" },
]}
title="A Memory to Keep"
description="Stories from our distinguished visitors."
@@ -347,36 +170,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1000+",
title: "Happy Clients",
items: [
"Private tours",
"Custom designs",
"Meaningful pieces",
],
},
{
id: "m2",
value: "500+",
title: "Unique Designs",
items: [
"Artisanal craft",
"One-of-a-kind",
"Exquisite finish",
],
},
{
id: "m3",
value: "30",
title: "Expert Years",
items: [
"Family heritage",
"Local mastery",
"Trusted quality",
],
},
{ id: "m1", value: "1000+", title: "Happy Clients", items: ["Private tours", "Custom designs", "Meaningful pieces"] },
{ id: "m2", value: "500+", title: "Unique Designs", items: ["Artisanal craft", "One-of-a-kind", "Exquisite finish"] },
{ id: "m3", value: "30", title: "Expert Years", items: ["Family heritage", "Local mastery", "Trusted quality"] },
]}
title="Craftsmanship in Numbers"
description="Quality defined by experience."
@@ -386,9 +182,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Visit Us"
title="Take Home a Piece of Mexico’s Fire"
description="Book a private showroom appointment or consult with us via WhatsApp."
@@ -402,45 +196,9 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/clay-slopes-formed-by-blue-clay-weathering-erosion-by-sea-fomm-ir-rih-bay-malta_181624-22477.jpg"
logoText="Opal House Cabo"
columns={[
{
title: "Boutique",
items: [
{
label: "Showroom Location",
href: "#",
},
{
label: "Book Appointment",
href: "#contact",
},
],
},
{
title: "Collections",
items: [
{
label: "Fire Opals",
href: "#products",
},
{
label: "Custom Jewelry",
href: "#experience",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ title: "Boutique", items: [{ label: "Showroom Location", href: "#" }, { label: "Book Appointment", href: "#contact" }] },
{ title: "Collections", items: [{ label: "Fire Opals", href: "#products" }, { label: "Custom Jewelry", href: "#experience" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
]}
/>
</div>