bender/f3a55d07-2cff-4d2e-9d63-f2ee41a1d1b9
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-31 06:14:24 +00:00
parent 2ac9771957
commit f0feecc1f3
1 changed files with 117 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

178
src/app/page.tsx
View File

@@ -34,37 +34,48 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "#hero"},
name: "Home", id: "#hero"
},
{
name: "About", id: "#about"},
name: "About", id: "#about"
},
{
name: "Products", id: "#products"},
name: "Products", id: "#products"
},
{
name: "Collections", id: "#collections"},
name: "Collections", id: "#collections"
},
{
name: "Reviews", id: "#testimonials"},
name: "Reviews", id: "#testimonials"
},
{
name: "FAQ", id: "#faq"},
name: "FAQ", id: "#faq"
},
{
name: "Contact", id: "#contact"},
name: "Contact", id: "#contact"
}
]}
brandName="Zaryn Jewels"
button={{
text: "Shop Now", href: "#products"}}
text: "Shop Now", href: "#products"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "radial-gradient"}}
variant: "radial-gradient"
}}
title="Adorn Yourself in Exquisite Beauty"
description="Discover Zaryn Jewels' curated collection of handcrafted pieces, where timeless elegance meets modern sophistication. Each jewel tells a story of passion and precision."
buttons={[
{
text: "Explore Collections", href: "#products"},
text: "Explore Collections", href: "#products"
},
{
text: "About Our Craft", href: "#about"},
text: "About Our Craft", href: "#about"
}
]}
imageSrc="http://img.b2bpic.net/free-photo/female-model-fall-winter-makeup-white-shirt_114579-9363.jpg"
imageAlt="Luxurious jewelry display with various sparkling pieces"
@@ -76,11 +87,13 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text", content: "Our Legacy of Fine Jewelry Craftsmanship"},
type: "text", content: "Our Legacy of Fine Jewelry Craftsmanship"
}
]}
buttons={[
{
text: "Learn More", href: "#"},
text: "Learn More", href: "#"
}
]}
imageWrapperClassName="w-full md:w-1/2"
/>
@@ -94,16 +107,22 @@ export default function LandingPage() {
features={[
{
id: "f1", title: "Handcrafted Perfection", author: "Artisan Craftsmanship", description: "Each Zaryn Jewel piece is meticulously handcrafted by skilled artisans, ensuring unparalleled quality and attention to detail. Experience the difference of true artistry.", tags: [
"Quality", "Unique"],
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg", imageAlt: "Delicate handcrafted diamond necklace"},
"Quality", "Unique"
],
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg", imageAlt: "Delicate handcrafted diamond necklace"
},
{
id: "f2", title: "Ethically Sourced Gems", author: "Responsible Luxury", description: "We are committed to ethical sourcing, ensuring all our gemstones and precious metals are obtained responsibly. Enjoy luxury with a clear conscience.", tags: [
"Ethical", "Sustainable"],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649123.jpg", imageAlt: "Ethically sourced gemstone collection"},
"Ethical", "Sustainable"
],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649123.jpg", imageAlt: "Ethically sourced gemstone collection"
},
{
id: "f3", title: "Timeless & Elegant Designs", author: "Enduring Style", description: "Our designers create pieces that transcend trends, offering timeless elegance and sophisticated beauty that will be cherished for generations.", tags: [
"Classic", "Modern"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-citrus_23-2149836421.jpg", imageAlt: "Timeless classic pearl earrings"},
"Classic", "Modern"
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chain-citrus_23-2149836421.jpg", imageAlt: "Timeless classic pearl earrings"
}
]}
title="Why Choose Zaryn Jewels?"
description="Experience the legacy of exceptional quality, ethical practices, and enduring beauty in every piece."
@@ -118,17 +137,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1", name: "Radiant Diamond Ring", price: "$2,800", imageSrc: "http://img.b2bpic.net/free-photo/transparent-box-golden-crown-close-up_23-2148333534.jpg", imageAlt: "Radiant diamond engagement ring"},
id: "p1", name: "Radiant Diamond Ring", price: "$2,800", imageSrc: "http://img.b2bpic.net/free-photo/transparent-box-golden-crown-close-up_23-2148333534.jpg", imageAlt: "Radiant diamond engagement ring"
},
{
id: "p2", name: "Delicate Gold Necklace", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-posing_23-2148889341.jpg", imageAlt: "Delicate gold chain necklace with a small pendant"},
id: "p2", name: "Delicate Gold Necklace", price: "$550", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-posing_23-2148889341.jpg", imageAlt: "Delicate gold chain necklace with a small pendant"
},
{
id: "p3", name: "Emerald Drop Earrings", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/back-view-crop-stock-photo-anonymous-fair-haired-lady-black-top-necklaces-her-back-taking-self-portrait_132075-10071.jpg", imageAlt: "Emerald gemstone drop earrings"},
id: "p3", name: "Emerald Drop Earrings", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/back-view-crop-stock-photo-anonymous-fair-haired-lady-black-top-necklaces-her-back-taking-self-portrait_132075-10071.jpg", imageAlt: "Emerald gemstone drop earrings"
},
{
id: "p4", name: "Stacked Gold Bangles", price: "$780", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kids-hands-wearing-colorful-bracelets_329181-16003.jpg", imageAlt: "Set of stacked gold bangle bracelets"},
id: "p4", name: "Stacked Gold Bangles", price: "$780", imageSrc: "http://img.b2bpic.net/free-photo/close-up-kids-hands-wearing-colorful-bracelets_329181-16003.jpg", imageAlt: "Set of stacked gold bangle bracelets"
},
{
id: "p5", name: "Sapphire Cocktail Ring", price: "$1,950", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-thin-graceful-hand-girl-with-nude-spring-trendy-manicure-gold-ring-her-fingers-orange-jacket_343596-7955.jpg", imageAlt: "Sapphire blue cocktail ring"},
id: "p5", name: "Sapphire Cocktail Ring", price: "$1,950", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-thin-graceful-hand-girl-with-nude-spring-trendy-manicure-gold-ring-her-fingers-orange-jacket_343596-7955.jpg", imageAlt: "Sapphire blue cocktail ring"
},
{
id: "p6", name: "Custom Initial Bracelet", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-showing-meditation-tool-meadow_1157-49979.jpg", imageAlt: "Personalized initial charm bracelet"},
id: "p6", name: "Custom Initial Bracelet", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/adult-woman-showing-meditation-tool-meadow_1157-49979.jpg", imageAlt: "Personalized initial charm bracelet"
}
]}
title="Our Exquisite Jewelry Collection"
description="Explore a world of sparkle and sophistication with our diverse range of rings, necklaces, earrings, and bracelets. Find your perfect piece today."
@@ -145,7 +170,8 @@ export default function LandingPage() {
id: "everyday", badge: "Popular", badgeIcon: Sparkles,
price: "Everyday Elegance", subtitle: "Subtle sophistication for daily wear.", buttons: [
{
text: "View Collection", href: "#products"}
text: "View Collection", href: "#products"
}
],
features: [
"Lightweight designs", "Durable materials", "Versatile styling", "Complimentary cleaning"
@@ -155,7 +181,8 @@ export default function LandingPage() {
id: "bridal", badge: "Bespoke", badgeIcon: Diamond,
price: "Bridal Radiance", subtitle: "Unforgettable pieces for your special day.", buttons: [
{
text: "Discover Bridal", href: "#products"}
text: "Discover Bridal", href: "#products"
}
],
features: [
"Custom design consultations", "Premium diamond selection", "Engagement & wedding sets", "Lifetime warranty"
@@ -165,7 +192,8 @@ export default function LandingPage() {
id: "haute", badge: "Exclusive", badgeIcon: Diamond,
price: "Haute Joaillerie", subtitle: "Exceptional artistry for discerning connoisseurs.", buttons: [
{
text: "Inquire Now", href: "#contact"}
text: "Inquire Now", href: "#contact"
}
],
features: [
"Rare gemstone editions", "Limited production runs", "Private viewing appointments", "Personalized concierge service"
@@ -185,17 +213,23 @@ export default function LandingPage() {
author="Sophia L. - Satisfied Client"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152310.jpg", alt: "Sophia L."},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152310.jpg", alt: "Sophia L."
},
{
src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg", alt: "Liam K."},
src: "http://img.b2bpic.net/free-photo/front-view-business-man-listening-music_23-2148763848.jpg", alt: "Liam K."
},
{
src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", alt: "Ava M."},
src: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg", alt: "Ava M."
},
{
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sits-step-using-smartphone_613910-8799.jpg", alt: "Noah S."},
src: "http://img.b2bpic.net/free-photo/stylish-bearded-male-sits-step-using-smartphone_613910-8799.jpg", alt: "Noah S."
},
{
src: "http://img.b2bpic.net/free-photo/portrait-plus-size-women-doing-their-beauty-regimen-skincare-routine_23-2150571321.jpg", alt: "Isabella R."},
src: "http://img.b2bpic.net/free-photo/portrait-plus-size-women-doing-their-beauty-regimen-skincare-routine_23-2150571321.jpg", alt: "Isabella R."
},
{
src: "http://img.b2bpic.net/free-photo/elegant-fashionable-caucasian-female-pretty-white-suit-pants-posing-fashion-photoshoot_181624-59366.jpg", alt: "William J."},
src: "http://img.b2bpic.net/free-photo/elegant-fashionable-caucasian-female-pretty-white-suit-pants-posing-fashion-photoshoot_181624-59366.jpg", alt: "William J."
}
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -207,7 +241,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue", "Luxury Watch Magazine", "Gemological Institute", "Elite Style", "Fashion Insider", "Jewelry Review", "Prestige Living"]}
"Vogue", "Luxury Watch Magazine", "Gemological Institute", "Elite Style", "Fashion Insider", "Jewelry Review", "Prestige Living"
]}
title="Trusted by Industry Leaders"
description="Our commitment to excellence has earned us recognition and features in the most esteemed publications and organizations."
speed={50}
@@ -221,15 +256,20 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "What materials do you use for your jewelry?", content: "We primarily work with 14k and 18k gold, platinum, and ethically sourced diamonds and gemstones. Each product description specifies the materials used for that particular piece."},
id: "q1", title: "What materials do you use for your jewelry?", content: "We primarily work with 14k and 18k gold, platinum, and ethically sourced diamonds and gemstones. Each product description specifies the materials used for that particular piece."
},
{
id: "q2", title: "Do you offer custom design services?", content: "Yes, we specialize in bespoke jewelry design. Our expert artisans can help bring your unique vision to life, from engagement rings to personalized pendants. Contact us to schedule a consultation."},
id: "q2", title: "Do you offer custom design services?", content: "Yes, we specialize in bespoke jewelry design. Our expert artisans can help bring your unique vision to life, from engagement rings to personalized pendants. Contact us to schedule a consultation."
},
{
id: "q3", title: "What is your return and exchange policy?", content: "We offer a 30-day return policy for unworn and undamaged items in their original packaging. Custom-designed pieces are final sale. Please see our full policy for more details."},
id: "q3", title: "What is your return and exchange policy?", content: "We offer a 30-day return policy for unworn and undamaged items in their original packaging. Custom-designed pieces are final sale. Please see our full policy for more details."
},
{
id: "q4", title: "How do I care for my Zaryn Jewels?", content: "To maintain the brilliance of your jewelry, we recommend gentle cleaning with a soft cloth and mild soap. Avoid harsh chemicals and store pieces separately to prevent scratching. We also offer professional cleaning services."},
id: "q4", title: "How do I care for my Zaryn Jewels?", content: "To maintain the brilliance of your jewelry, we recommend gentle cleaning with a soft cloth and mild soap. Avoid harsh chemicals and store pieces separately to prevent scratching. We also offer professional cleaning services."
},
{
id: "q5", title: "What are your shipping options?", content: "We offer insured shipping worldwide. Domestic orders typically arrive within 3-5 business days, while international orders may take longer. Expedited shipping is available at an additional cost."},
id: "q5", title: "What are your shipping options?", content: "We offer insured shipping worldwide. Domestic orders typically arrive within 3-5 business days, while international orders may take longer. Expedited shipping is available at an additional cost."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/black-businessman-assisting-clients_482257-121939.jpg"
imageAlt="Person holding a delicate ring box"
@@ -254,7 +294,8 @@ export default function LandingPage() {
name: "email", type: "email", placeholder: "Your Email", required: true
},
{
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"}
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"
}
]}
textarea={{
name: "message", placeholder: "Your Message", rows: 4,
@@ -274,49 +315,64 @@ export default function LandingPage() {
{
title: "Shop", items: [
{
label: "Rings", href: "#products"},
label: "Rings", href: "#products"
},
{
label: "Necklaces", href: "#products"},
label: "Necklaces", href: "#products"
},
{
label: "Earrings", href: "#products"},
label: "Earrings", href: "#products"
},
{
label: "Bracelets", href: "#products"},
label: "Bracelets", href: "#products"
},
{
label: "Custom Designs", href: "#contact"},
],
label: "Custom Designs", href: "#contact"
}
]
},
{
title: "About Us", items: [
{
label: "Our Story", href: "#about"},
label: "Our Story", href: "#about"
},
{
label: "Craftsmanship", href: "#about"},
label: "Craftsmanship", href: "#about"
},
{
label: "Ethical Sourcing", href: "#features"},
label: "Ethical Sourcing", href: "#features"
},
{
label: "Testimonials", href: "#testimonials"},
],
label: "Testimonials", href: "#testimonials"
}
]
},
{
title: "Support", items: [
{
label: "FAQ", href: "#faq"},
label: "FAQ", href: "#faq"
},
{
label: "Contact Us", href: "#contact"},
label: "Contact Us", href: "#contact"
},
{
label: "Shipping & Returns", href: "#"},
label: "Shipping & Returns", href: "#"
},
{
label: "Jewelry Care", href: "#faq"},
],
label: "Jewelry Care", href: "#faq"
}
]
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service", href: "#"},
],
},
label: "Terms of Service", href: "#"
}
]
}
]}
logoText="Zaryn Jewels"
copyrightText="© 2024 Zaryn Jewels. All rights reserved."