bender/4bcbcab3-d956-4258-9569-d242a09cd35f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-11 06:40:52 +00:00
parent c2c006a7a7 fd5d509dc0
commit 2a5610e722
1 changed files with 156 additions and 379 deletions
Download Patch File Download Diff File Expand all files Collapse all files

535
src/app/page.tsx
View File

@@ -28,394 +28,171 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Collections",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="R Subham Pearls"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Collections", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="R Subham Pearls"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
title="Timeless Elegance in Every Pearl"
description="Discover R Subham Pearls and Jewellers, where tradition meets modern sophistication in every meticulously crafted piece."
testimonials={[
{
name: "Ananya Sharma",
handle: "@ananyas",
testimonial: "The pearl necklace is exquisite. Truly a masterpiece.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
},
{
name: "Rajesh Mehta",
handle: "@rajeshme",
testimonial: "Best place for authentic pearl jewelry in the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",
},
{
name: "Sunita Rao",
handle: "@sunitarao",
testimonial: "Absolutely stunning quality and craftsmanship.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
},
{
name: "Vikram Sethi",
handle: "@vikramsethi",
testimonial: "Great service and beautiful designs. Very happy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg",
},
{
name: "Priya Das",
handle: "@priyadas",
testimonial: "Excellent collection for weddings and occasions.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-buying-jewelry_7502-7603.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-graceful-woman-with-freckles-gently-touching-neck-darkhaired-girl-with-hairpins-necklace-pearls-posing-profile_197531-26423.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-friendly-cashier-taking-credit-card-from-customer-payment-purchases-chatting-smiling-laughing-medium-shot-shopping-concept_74855-11795.jpg",
alt: "Happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg",
alt: "Happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg",
alt: "Happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
alt: "Happy customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
alt: "Happy customer",
},
]}
marqueeItems={[
{
type: "text",
text: "Authentic",
},
{
type: "text",
text: "Artisan",
},
{
type: "text",
text: "Timeless",
},
{
type: "text",
text: "Luxurious",
},
{
type: "text",
text: "Premium",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "plain" }}
title="Timeless Elegance in Every Pearl"
description="Discover R Subham Pearls and Jewellers, where tradition meets modern sophistication in every meticulously crafted piece."
testimonials={[
{ name: "Ananya Sharma", handle: "@ananyas", testimonial: "The pearl necklace is exquisite. Truly a masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
{ name: "Rajesh Mehta", handle: "@rajeshme", testimonial: "Best place for authentic pearl jewelry in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg" },
{ name: "Sunita Rao", handle: "@sunitarao", testimonial: "Absolutely stunning quality and craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
{ name: "Vikram Sethi", handle: "@vikramsethi", testimonial: "Great service and beautiful designs. Very happy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg" },
{ name: "Priya Das", handle: "@priyadas", testimonial: "Excellent collection for weddings and occasions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-buying-jewelry_7502-7603.jpg" }
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-graceful-woman-with-freckles-gently-touching-neck-darkhaired-girl-with-hairpins-necklace-pearls-posing-profile_197531-26423.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/happy-friendly-cashier-taking-credit-card-from-customer-payment-purchases-chatting-smiling-laughing-medium-shot-shopping-concept_74855-11795.jpg", alt: "Happy customer" },
{ src: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg", alt: "Happy customer" },
{ src: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg", alt: "Happy customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", alt: "Happy customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Happy customer" }
]}
marqueeItems={[
{ type: "text", text: "Authentic" },
{ type: "text", text: "Artisan" },
{ type: "text", text: "Timeless" },
{ type: "text", text: "Luxurious" },
{ type: "text", text: "Premium" }
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Legacy of Craftsmanship"
description="For over three decades, we have curated the finest pearls and gold jewelry, serving generations with unparalleled quality and trust."
metrics={[
{
value: "30+",
title: "Years of Excellence",
},
{
value: "5000+",
title: "Happy Customers",
},
{
value: "100%",
title: "Authentic Pearls",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-with-pleasure-tries-take-off-her-pearl-necklace-portrait-woman-white-outfit_197531-26427.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Legacy of Craftsmanship"
description="For over three decades, we have curated the finest pearls and gold jewelry, serving generations with unparalleled quality and trust."
metrics={[
{ value: "30+", title: "Years of Excellence" },
{ value: "5000+", title: "Happy Customers" },
{ value: "100%", title: "Authentic Pearls" }
]}
imageSrc="http://img.b2bpic.net/free-photo/girl-with-pleasure-tries-take-off-her-pearl-necklace-portrait-woman-white-outfit_197531-26427.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Handcrafted Excellence",
tags: [
"Artisan",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400980.jpg",
},
{
id: "f2",
title: "Certified Authenticity",
tags: [
"Genuine",
],
imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695030.jpg",
},
{
id: "f3",
title: "Exclusive Designs",
tags: [
"Unique",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essentials-bead-working-with-scissors-thread_23-2148815808.jpg",
},
]}
title="Our Distinction"
description="Why choose R Subham Pearls for your next piece?"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Handcrafted Excellence", tags: ["Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400980.jpg" },
{ id: "f2", title: "Certified Authenticity", tags: ["Genuine"], imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695030.jpg" },
{ id: "f3", title: "Exclusive Designs", tags: ["Unique"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essentials-bead-working-with-scissors-thread_23-2148815808.jpg" }
]}
title="Our Distinction"
description="Why choose R Subham Pearls for your next piece?"
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Pearl Strand",
price: "$1200",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409281.jpg",
},
{
id: "p2",
name: "Bridal Pearl Set",
price: "$2500",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-aesthetic-golden-earrings_23-2149846573.jpg",
},
{
id: "p3",
name: "Minimalist Pearl Studs",
price: "$450",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490535.jpg",
},
{
id: "p4",
name: "Pearl & Diamond Pendant",
price: "$1800",
variant: "Platinum",
imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-coquettishly-touches-her-hair-woman-white-outfit-pearl-accessories-looks-into-camera_197531-14809.jpg",
},
{
id: "p5",
name: "Contemporary Pearl Ring",
price: "$600",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring_23-2150329669.jpg",
},
{
id: "p6",
name: "Royal Pearl Brooch",
price: "$950",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/crafting-beaded-necklace_23-2151961886.jpg",
},
]}
title="Signature Collections"
description="Browse our latest catalog of fine pearls and gold masterpieces."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Classic Pearl Strand", price: "$1200", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409281.jpg" },
{ id: "p2", name: "Bridal Pearl Set", price: "$2500", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-aesthetic-golden-earrings_23-2149846573.jpg" },
{ id: "p3", name: "Minimalist Pearl Studs", price: "$450", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490535.jpg" },
{ id: "p4", name: "Pearl & Diamond Pendant", price: "$1800", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-coquettishly-touches-her-hair-woman-white-outfit-pearl-accessories-looks-into-camera_197531-14809.jpg" },
{ id: "p5", name: "Contemporary Pearl Ring", price: "$600", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring_23-2150329669.jpg" },
{ id: "p6", name: "Royal Pearl Brooch", price: "$950", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/crafting-beaded-necklace_23-2151961886.jpg" }
]}
title="Signature Collections"
description="Browse our latest catalog of fine pearls and gold masterpieces."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "150+",
description: "Unique designs",
},
{
id: "m2",
value: "99%",
description: "Client satisfaction",
},
{
id: "m3",
value: "24h",
description: "Support response",
},
]}
title="Our Impact"
description="Numbers speak to our commitment and quality."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "150+", description: "Unique designs" },
{ id: "m2", value: "99%", description: "Client satisfaction" },
{ id: "m3", value: "24h", description: "Support response" }
]}
title="Our Impact"
description="Numbers speak to our commitment and quality."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Meera Iyer",
role: "Collector",
company: "FineArts",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
},
{
id: "t2",
name: "Arjun Khanna",
role: "Businessman",
company: "RetailCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2183.jpg",
},
{
id: "t3",
name: "Sarah Gupta",
role: "Architect",
company: "Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
},
{
id: "t4",
name: "Rahul Verma",
role: "Engineer",
company: "TechLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152310.jpg",
},
{
id: "t5",
name: "Anjali Bose",
role: "Designer",
company: "FashionCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg",
},
]}
kpiItems={[
{
value: "4.9/5",
label: "Customer Rating",
},
{
value: "5000+",
label: "Jewellery Pieces Sold",
},
{
value: "30+",
label: "Years in Business",
},
]}
title="Stories from Our Patrons"
description="Read what our cherished customers have to say."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Meera Iyer", role: "Collector", company: "FineArts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg" },
{ id: "t2", name: "Arjun Khanna", role: "Businessman", company: "RetailCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2183.jpg" },
{ id: "t3", name: "Sarah Gupta", role: "Architect", company: "Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg" },
{ id: "t4", name: "Rahul Verma", role: "Engineer", company: "TechLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152310.jpg" },
{ id: "t5", name: "Anjali Bose", role: "Designer", company: "FashionCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg" }
]}
kpiItems={[
{ value: "4.9/5", label: "Customer Rating" },
{ value: "5000+", label: "Jewellery Pieces Sold" },
{ value: "30+", label: "Years in Business" }
]}
title="Stories from Our Patrons"
description="Read what our cherished customers have to say."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Are your pearls authentic?",
content: "Yes, all our pearls are 100% natural and come with authenticity certificates.",
},
{
id: "q2",
title: "Do you offer custom designs?",
content: "Absolutely! Our expert artisans can help bring your dream jewelry piece to life.",
},
{
id: "q3",
title: "Is shipping insured?",
content: "Yes, every order is fully insured until it reaches your doorstep safely.",
},
]}
title="Frequently Asked Questions"
description="Have questions about our pearls or policies?"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Are your pearls authentic?", content: "Yes, all our pearls are 100% natural and come with authenticity certificates." },
{ id: "q2", title: "Do you offer custom designs?", content: "Absolutely! Our expert artisans can help bring your dream jewelry piece to life." },
{ id: "q3", title: "Is shipping insured?", content: "Yes, every order is fully insured until it reaches your doorstep safely." }
]}
title="Frequently Asked Questions"
description="Have questions about our pearls or policies?"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Visit our boutique or reach out to us for any bespoke inquiries."
buttons={[
{
text: "Contact Us",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "plain" }}
text="Visit our boutique or reach out to us for any bespoke inquiries."
buttons={[{ text: "Contact Us", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="R Subham Pearls"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="R Subham Pearls"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);