bender/203d41b7-76e8-49c9-a06d-56c6eef16964
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-28 06:09:25 +00:00
parent 533acf6b06
commit f9ac62e725
1 changed files with 65 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

306
src/app/page.tsx
View File

@@ -32,107 +32,63 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Collections",
id: "#products",
},
name: "Collections", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=36n271"
logoAlt="Radiant Gems Logo"
brandName="Radiant Gems"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Adorn Yourself in Exquisite Beauty"
description="Discover handcrafted jewellery that tells your unique story. Elegance, perfected."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-going-crazy-cheerful-happy_158538-25187.jpg",
alt: "Sarah Johnson",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-female-trendy-summer-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-going-crazy-cheerful-happy_158538-25187.jpg", alt: "Sarah Johnson"},
{
src: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23266.jpg",
alt: "Michael Chen",
},
src: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23266.jpg", alt: "Michael Chen"},
{
src: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-posed-street_627829-8100.jpg",
alt: "Emily Rodriguez",
},
src: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-posed-street_627829-8100.jpg", alt: "Emily Rodriguez"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-dressed-plaid-blaizer-turtleneck-sweater-looking-thoughtful-outdoor_574295-2015.jpg",
alt: "David Kim",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-dressed-plaid-blaizer-turtleneck-sweater-looking-thoughtful-outdoor_574295-2015.jpg", alt: "David Kim"},
{
src: "http://img.b2bpic.net/free-photo/stylish-african-american-plus-size-model-with-mobile-phone-hand-against-wooden-cafe-winter-day_627829-14267.jpg",
alt: "Sophia W.",
},
src: "http://img.b2bpic.net/free-photo/stylish-african-american-plus-size-model-with-mobile-phone-hand-against-wooden-cafe-winter-day_627829-14267.jpg", alt: "Sophia W."},
]}
avatarText="Trusted by thousands of happy customers"
buttons={[
{
text: "Shop New Arrivals",
href: "#products",
},
text: "Shop New Arrivals", href: "#products"},
{
text: "Explore Collections",
href: "#products",
},
text: "Explore Collections", href: "#products"},
]}
buttonAnimation="opacity"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/painted-pink-water-with-green-star-spangles_23-2148016599.jpg",
alt: "Sparkling Confetti",
},
type: "image", src: "http://img.b2bpic.net/free-photo/painted-pink-water-with-green-star-spangles_23-2148016599.jpg", alt: "Sparkling Confetti"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/abstract-pink-flat-slime_23-2148231679.jpg",
alt: "Pink Water Texture",
},
type: "image", src: "http://img.b2bpic.net/free-photo/abstract-pink-flat-slime_23-2148231679.jpg", alt: "Pink Water Texture"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/red-blurred-firework-display_23-2147904919.jpg",
alt: "Abstract Light Glimmers",
},
type: "image", src: "http://img.b2bpic.net/free-photo/red-blurred-firework-display_23-2147904919.jpg", alt: "Abstract Light Glimmers"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-pink-sequin-background_53876-147986.jpg",
alt: "Glitter Decoration Detail",
},
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-pink-sequin-background_53876-147986.jpg", alt: "Glitter Decoration Detail"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-30906.jpg",
alt: "Happy Woman Smiling",
},
type: "image", src: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-female-with-pink-silk-dress-sitting-outdoor-cafe_181624-30906.jpg", alt: "Happy Woman Smiling"},
]}
marqueeSpeed={30}
showMarqueeCard={true}
@@ -146,9 +102,7 @@ export default function LandingPage() {
description="At Radiant Gems, we believe jewellery is more than an accessory—it's an extension of your inner self. Our master artisans blend traditional techniques with contemporary design, creating pieces that resonate with elegance and individuality. Each gem is meticulously selected, and every curve perfected, ensuring a treasure that lasts a lifetime."
buttons={[
{
text: "Our Story",
href: "#",
},
text: "Our Story", href: "#"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914176.jpg"
@@ -162,23 +116,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Ethically Sourced Gems",
description: "We partner with trusted suppliers to ensure every gemstone is ethically and sustainably sourced, reflecting our commitment to responsibility.",
imageSrc: "http://img.b2bpic.net/free-photo/dazzling-pink-glitter_23-2148778509.jpg",
imageAlt: "Sparkling pink gemstone",
},
title: "Ethically Sourced Gems", description: "We partner with trusted suppliers to ensure every gemstone is ethically and sustainably sourced, reflecting our commitment to responsibility.", imageSrc: "http://img.b2bpic.net/free-photo/dazzling-pink-glitter_23-2148778509.jpg", imageAlt: "Sparkling pink gemstone"},
{
title: "Handcrafted Perfection",
description: "Each piece is meticulously handcrafted by skilled artisans, ensuring unparalleled quality, intricate detail, and lasting beauty.",
imageSrc: "http://img.b2bpic.net/free-photo/engagement-ring-red-ring-box-surrounded-by-rose-petals_23-2151978890.jpg",
imageAlt: "Jewellery design sketch",
},
title: "Handcrafted Perfection", description: "Each piece is meticulously handcrafted by skilled artisans, ensuring unparalleled quality, intricate detail, and lasting beauty.", imageSrc: "http://img.b2bpic.net/free-photo/engagement-ring-red-ring-box-surrounded-by-rose-petals_23-2151978890.jpg", imageAlt: "Jewellery design sketch"},
{
title: "Secure & Insured Delivery",
description: "Your precious purchase is carefully packaged and shipped with full insurance, guaranteeing its safe and pristine arrival.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-parcels-reaching-lock-modern-loft-sunny-moving-vibes-one-person-online-shopping_169016-69542.jpg",
imageAlt: "Luxury jewellery gift box",
},
title: "Secure & Insured Delivery", description: "Your precious purchase is carefully packaged and shipped with full insurance, guaranteeing its safe and pristine arrival.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-parcels-reaching-lock-modern-loft-sunny-moving-vibes-one-person-online-shopping_169016-69542.jpg", imageAlt: "Luxury jewellery gift box"},
]}
title="The Art of Radiant Gems"
description="Experience the difference of exceptional quality and thoughtful design in every piece."
@@ -193,47 +135,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "prod-1",
name: "Eternal Sparkle Ring",
price: "$1,899",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-ring-with-colorful-gemstones_1203-1525.jpg",
imageAlt: "Diamond engagement ring",
},
id: "prod-1", name: "Eternal Sparkle Ring", price: "$1,899", imageSrc: "http://img.b2bpic.net/free-photo/elegant-ring-with-colorful-gemstones_1203-1525.jpg", imageAlt: "Diamond engagement ring"},
{
id: "prod-2",
name: "Celeste Diamond Necklace",
price: "$2,500",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bride-wearing-pendant-necklace-with-black-cord_181624-15666.jpg",
imageAlt: "Delicate diamond necklace",
},
id: "prod-2", name: "Celeste Diamond Necklace", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bride-wearing-pendant-necklace-with-black-cord_181624-15666.jpg", imageAlt: "Delicate diamond necklace"},
{
id: "prod-3",
name: "Starlight Hoops",
price: "$799",
imageSrc: "http://img.b2bpic.net/free-photo/cherry-trending-collection_23-2151917691.jpg",
imageAlt: "Hoop diamond earrings",
},
id: "prod-3", name: "Starlight Hoops", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/cherry-trending-collection_23-2151917691.jpg", imageAlt: "Hoop diamond earrings"},
{
id: "prod-4",
name: "Rose Bloom Bracelet",
price: "$1,250",
imageSrc: "http://img.b2bpic.net/free-photo/close-shot-womans-hands-with-ring-bracelet-jewerly_343596-1626.jpg",
imageAlt: "Gold tennis bracelet",
},
id: "prod-4", name: "Rose Bloom Bracelet", price: "$1,250", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-womans-hands-with-ring-bracelet-jewerly_343596-1626.jpg", imageAlt: "Gold tennis bracelet"},
{
id: "prod-5",
name: "Minimalist Charm Pendant",
price: "$450",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg",
imageAlt: "Minimalist gold pendant",
},
id: "prod-5", name: "Minimalist Charm Pendant", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg", imageAlt: "Minimalist gold pendant"},
{
id: "prod-6",
name: "Vintage Elegance Ring",
price: "$3,200",
imageSrc: "http://img.b2bpic.net/free-vector/round-lace-with-damask-arabesque-elements-mehndi-style-orient-traditional-ornament_1217-4359.jpg",
imageAlt: "Cocktail ring large gemstone",
},
id: "prod-6", name: "Vintage Elegance Ring", price: "$3,200", imageSrc: "http://img.b2bpic.net/free-vector/round-lace-with-damask-arabesque-elements-mehndi-style-orient-traditional-ornament_1217-4359.jpg", imageAlt: "Cocktail ring large gemstone"},
]}
title="Our Signature Collections"
description="Explore a world of shimmering diamonds, vibrant gemstones, and timeless designs."
@@ -245,61 +157,26 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="slide-up"
testimonials={[
{
id: "t-1",
name: "Olivia R.",
role: "Fashion Blogger",
company: "StyleMuse",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-5145.jpg",
imageAlt: "Olivia R.",
},
id: "t-1", name: "Olivia R.", role: "Fashion Blogger", company: "StyleMuse", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-towel-smokes-cigarette-reads-newspaper_1153-5145.jpg", imageAlt: "Olivia R."},
{
id: "t-2",
name: "James L.",
role: "Art Collector",
company: "Prestige Art",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg",
imageAlt: "James L.",
},
id: "t-2", name: "James L.", role: "Art Collector", company: "Prestige Art", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businesswoman-with-notebook-holding-her-diary-planner-sitting-office_1258-194721.jpg", imageAlt: "James L."},
{
id: "t-3",
name: "Sophia B.",
role: "Luxury Consultant",
company: "Elysian Estates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-confident-brunette-posing_651396-486.jpg",
imageAlt: "Sophia B.",
},
id: "t-3", name: "Sophia B.", role: "Luxury Consultant", company: "Elysian Estates", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-graceful-confident-brunette-posing_651396-486.jpg", imageAlt: "Sophia B."},
{
id: "t-4",
name: "Ethan P.",
role: "Entrepreneur",
company: "Innovate Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg",
imageAlt: "Ethan P.",
},
id: "t-4", name: "Ethan P.", role: "Entrepreneur", company: "Innovate Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg", imageAlt: "Ethan P."},
{
id: "t-5",
name: "Ava K.",
role: "Celebrity Stylist",
company: "GlamSquad",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/proud-bride-with-beautiful-smile_1153-1575.jpg",
imageAlt: "Ava K.",
},
id: "t-5", name: "Ava K.", role: "Celebrity Stylist", company: "GlamSquad", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/proud-bride-with-beautiful-smile_1153-1575.jpg", imageAlt: "Ava K."},
{
id: "t-6",
name: "Daniel S.",
role: "Architect",
company: "Urban Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-is-blue-suit-fashion-hipster-male-posing-near-white-interior-studio_158538-25099.jpg",
imageAlt: "Daniel S.",
},
id: "t-6", name: "Daniel S.", role: "Architect", company: "Urban Designs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-is-blue-suit-fashion-hipster-male-posing-near-white-interior-studio_158538-25099.jpg", imageAlt: "Daniel S."},
]}
title="What Our Valued Customers Say"
description="Hear from those who've experienced the Radiant Gems difference and found their perfect piece."
@@ -311,14 +188,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Harper's Bazaar",
"Elle",
"Glamour",
"W Magazine",
"Town & Country",
"Robb Report",
]}
"Vogue", "Harper's Bazaar", "Elle", "Glamour", "W Magazine", "Town & Country", "Robb Report"]}
title="As Seen In"
description="Our exquisite pieces have graced the pages of leading fashion and luxury publications."
/>
@@ -330,30 +200,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What materials are your jewellery made from?",
content: "Our jewellery is crafted from the finest materials, including 14k and 18k gold, sterling silver, ethically sourced diamonds, and genuine gemstones. Each product description details the specific materials used.",
},
id: "faq-1", title: "What materials are your jewellery made from?", content: "Our jewellery is crafted from the finest materials, including 14k and 18k gold, sterling silver, ethically sourced diamonds, and genuine gemstones. Each product description details the specific materials used."},
{
id: "faq-2",
title: "Do you offer international shipping?",
content: "Yes, we proudly offer insured international shipping to most countries. Shipping costs and delivery times vary by destination and will be calculated at checkout.",
},
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, we proudly offer insured international shipping to most countries. Shipping costs and delivery times vary by destination and will be calculated at checkout."},
{
id: "faq-3",
title: "What is your return policy?",
content: "We offer a 30-day return policy on all unworn items in their original packaging. Custom-made or engraved items are non-refundable. Please see our full return policy for more details.",
},
id: "faq-3", title: "What is your return policy?", content: "We offer a 30-day return policy on all unworn items in their original packaging. Custom-made or engraved items are non-refundable. Please see our full return policy for more details."},
{
id: "faq-4",
title: "Can I customize a piece of jewellery?",
content: "Yes, we offer bespoke customization services for a truly unique piece. Please contact our design team to discuss your vision, and we will guide you through the process.",
},
id: "faq-4", title: "Can I customize a piece of jewellery?", content: "Yes, we offer bespoke customization services for a truly unique piece. Please contact our design team to discuss your vision, and we will guide you through the process."},
{
id: "faq-5",
title: "How do I care for my jewellery?",
content: "To maintain the brilliance of your Radiant Gems jewellery, avoid contact with harsh chemicals, lotions, and perfumes. Clean gently with a soft cloth and store in a dry, safe place.",
},
id: "faq-5", title: "How do I care for my jewellery?", content: "To maintain the brilliance of your Radiant Gems jewellery, avoid contact with harsh chemicals, lotions, and perfumes. Clean gently with a soft cloth and store in a dry, safe place."},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166947.jpg"
imageAlt="Elegant jewellery display case"
@@ -372,22 +227,14 @@ export default function LandingPage() {
description="Have a question, need assistance, or want to discuss a custom design? Our dedicated team is here to help."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/gift-wrapping-design-space_53876-23098.jpg"
@@ -402,58 +249,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
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"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Craftsmanship",
href: "#features",
},
label: "Craftsmanship", href: "#features"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
title: "Support",
items: [
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: "#"},
],
},
]}