bender/b1defd75-7dd1-4412-a55e-6aae7609feeb
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-11 07:21:18 +00:00
parent d4d38f3937
commit 983dfa12ae
1 changed files with 53 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Collection", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Sringar"
/>
@@ -55,82 +43,35 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Timeless Elegance by Sringar"
description="Discover our curated collection of luxury accessories, designed to complement every facet of your unique style."
kpis={[
{
value: "500+",
label: "Designs",
},
{
value: "10k+",
label: "Happy Clients",
},
{
value: "15+",
label: "Years Legacy",
},
{ value: "500+", label: "Designs" },
{ value: "10k+", label: "Happy Clients" },
{ value: "15+", label: "Years Legacy" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Shop Now",
href: "#products",
},
{
text: "Explore Story",
href: "#about",
},
{ text: "Shop Now", href: "#products" },
{ text: "Explore Story", href: "#about" },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-consultant-hands-presenting-necklace-store_651396-1499.jpg"
imageAlt="Luxurious accessories collection"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/seller-shows-client-exclusive-men-s-watch-standing-open-showcase-luxury-jewelry-store_613910-20411.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/salesperson-displays-new-selection-beautiful-jewelry-costume-jewelry-counter-shopping-holiday-anniversary-gifts_166373-8866.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/lifestyle-scene-from-ordinary-mall-america_23-2151564183.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199434.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-tools-cutting-wire_23-2148643276.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/seller-shows-client-exclusive-men-s-watch-standing-open-showcase-luxury-jewelry-store_613910-20411.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/salesperson-displays-new-selection-beautiful-jewelry-costume-jewelry-counter-shopping-holiday-anniversary-gifts_166373-8866.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/lifestyle-scene-from-ordinary-mall-america_23-2151564183.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199434.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/close-up-tools-cutting-wire_23-2148643276.jpg", alt: "Client 5" },
]}
marqueeItems={[
{
type: "text",
text: "Handcrafted Luxury",
},
{
type: "text",
text: "Sustainable Materials",
},
{
type: "text",
text: "Global Design",
},
{
type: "text",
text: "Lifetime Quality",
},
{
type: "text",
text: "Artisan Crafted",
},
{ type: "text", text: "Handcrafted Luxury" },
{ type: "text", text: "Sustainable Materials" },
{ type: "text", text: "Global Design" },
{ type: "text", text: "Lifetime Quality" },
{ type: "text", text: "Artisan Crafted" },
]}
/>
</div>
@@ -142,18 +83,9 @@ export default function LandingPage() {
title="Refining Personal Style"
description="At Sringar, we believe accessories are the soul of an outfit. Our artisans meticulously craft each piece to ensure you carry elegance wherever you go."
bulletPoints={[
{
title: "Artisan Quality",
description: "Hand-picked materials for lasting beauty.",
},
{
title: "Unique Designs",
description: "Exclusive styles that stand the test of time.",
},
{
title: "Global Inspiration",
description: "Classic aesthetics from across the globe.",
},
{ title: "Artisan Quality", description: "Hand-picked materials for lasting beauty." },
{ title: "Unique Designs", description: "Exclusive styles that stand the test of time." },
{ title: "Global Inspiration", description: "Classic aesthetics from across the globe." },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186734.jpg"
imageAlt="Artisan crafting jewelry"
@@ -166,20 +98,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Mass-market jewelry",
"Low-quality materials",
"Disposable fashion",
],
}}
positiveCard={{
items: [
"Curated artisan pieces",
"Premium-grade materials",
"Investment-quality luxury",
],
}}
negativeCard={{ items: ["Mass-market jewelry", "Low-quality materials", "Disposable fashion"] }}
positiveCard={{ items: ["Curated artisan pieces", "Premium-grade materials", "Investment-quality luxury"] }}
title="What Defines Sringar"
description="Experience the difference of fine jewelry and accessories."
/>
@@ -192,48 +112,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Golden Radiance Necklace",
price: "$120",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12601.jpg",
},
{
id: "p2",
name: "Crystal Drop Earrings",
price: "$85",
variant: "Silver",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560623.jpg",
},
{
id: "p3",
name: "Minimalist Cuff",
price: "$95",
variant: "Gold",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg",
},
{
id: "p4",
name: "Luxury Silk Tote",
price: "$250",
variant: "Beige",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-white-boots-fashionable-woman-posing-city-warm-fur-coat-with-black-leather-bag_285396-4727.jpg",
},
{
id: "p5",
name: "Classic Timeless Watch",
price: "$320",
variant: "Rose Gold",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-fashion-beauty-sensual-caucasian-woman-wearing-colorful-shawl-head-accessories-posing-with-hand-shoulder-isolated-gray-background_613910-19097.jpg",
},
{
id: "p6",
name: "Pearl Stud Set",
price: "$110",
variant: "Pearl",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-hat_23-2149836466.jpg",
},
{ id: "p1", name: "Golden Radiance Necklace", price: "$120", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12601.jpg" },
{ id: "p2", name: "Crystal Drop Earrings", price: "$85", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560623.jpg" },
{ id: "p3", name: "Minimalist Cuff", price: "$95", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg" },
{ id: "p4", name: "Luxury Silk Tote", price: "$250", variant: "Beige", imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-white-boots-fashionable-woman-posing-city-warm-fur-coat-with-black-leather-bag_285396-4727.jpg" },
{ id: "p5", name: "Classic Timeless Watch", price: "$320", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/traditional-fashion-beauty-sensual-caucasian-woman-wearing-colorful-shawl-head-accessories-posing-with-hand-shoulder-isolated-gray-background_613910-19097.jpg" },
{ id: "p6", name: "Pearl Stud Set", price: "$110", variant: "Pearl", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gold-chains-hat_23-2149836466.jpg" },
]}
title="Our Signature Collection"
description="Select from our range of refined accessories designed for the modern connoisseur."
@@ -242,56 +126,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardThree
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "tier1",
name: "Silver Membership",
price: "$99/yr",
features: [
"Early access to drops",
"Members only discounts",
"Birthday special gifts",
],
buttons: [
{
text: "Join Now",
href: "#",
},
],
id: "tier1", name: "Silver Membership", price: "$99/yr", features: ["Early access to drops", "Members only discounts", "Birthday special gifts"],
buttons: [{ text: "Join Now", href: "#" }],
},
{
id: "tier2",
name: "Gold Membership",
price: "$199/yr",
features: [
"Silver benefits included",
"Personal stylist consultation",
"Annual accessory gift set",
],
buttons: [
{
text: "Join Now",
href: "#",
},
],
id: "tier2", name: "Gold Membership", price: "$199/yr", features: ["Silver benefits included", "Personal stylist consultation", "Annual accessory gift set"],
buttons: [{ text: "Join Now", href: "#" }],
},
{
id: "tier3",
name: "Diamond Concierge",
price: "$499/yr",
features: [
"Gold benefits included",
"Private event invites",
"Customized gift curation",
],
buttons: [
{
text: "Join Now",
href: "#",
},
],
id: "tier3", name: "Diamond Concierge", price: "$499/yr", features: ["Gold benefits included", "Private event invites", "Customized gift curation"],
buttons: [{ text: "Join Now", href: "#" }],
},
]}
title="Membership Tiers"
@@ -305,27 +154,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1500+",
title: "Unique Designs",
description: "An ever-evolving catalog of curated luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/artistic-concept-roses-with-white-cubes_23-2148369315.jpg",
},
{
id: "m2",
value: "98%",
title: "Customer Satisfaction",
description: "Our customers are our greatest advocates.",
imageSrc: "http://img.b2bpic.net/free-photo/lady-retail-sister-fashion-consumerism_1301-1648.jpg",
},
{
id: "m3",
value: "15+",
title: "Years of Elegance",
description: "Delivering excellence since our inception.",
imageSrc: "http://img.b2bpic.net/free-photo/thinking-about-new-project-dress_329181-14370.jpg",
},
{ id: "m1", value: "1500+", title: "Unique Designs", description: "An ever-evolving catalog of curated luxury.", imageSrc: "http://img.b2bpic.net/free-photo/artistic-concept-roses-with-white-cubes_23-2148369315.jpg" },
{ id: "m2", value: "98%", title: "Customer Satisfaction", description: "Our customers are our greatest advocates.", imageSrc: "http://img.b2bpic.net/free-photo/lady-retail-sister-fashion-consumerism_1301-1648.jpg" },
{ id: "m3", value: "15+", title: "Years of Elegance", description: "Delivering excellence since our inception.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-about-new-project-dress_329181-14370.jpg" },
]}
title="Sringar by the Numbers"
description="Committed to quality and consistency."
@@ -339,26 +170,11 @@ export default function LandingPage() {
rating={5}
author="Ananya Roy"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-necklace-together_1303-30654.jpg",
alt: "Ananya",
},
{
src: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33432.jpg",
alt: "Rohan",
},
{
src: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356547.jpg",
alt: "Priya",
},
{
src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-smiling-camera_23-2148238203.jpg",
alt: "Vikas",
},
{
src: "http://img.b2bpic.net/free-photo/man-black-suit-talking-phone_23-2148401451.jpg",
alt: "Meera",
},
{ src: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-necklace-together_1303-30654.jpg", alt: "Ananya" },
{ src: "http://img.b2bpic.net/free-photo/woman-standing-with-shopping-bags_1157-33432.jpg", alt: "Rohan" },
{ src: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356547.jpg", alt: "Priya" },
{ src: "http://img.b2bpic.net/free-photo/woman-with-shopping-bags-smiling-camera_23-2148238203.jpg", alt: "Vikas" },
{ src: "http://img.b2bpic.net/free-photo/man-black-suit-talking-phone_23-2148401451.jpg", alt: "Meera" },
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -369,21 +185,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How is the quality ensured?",
content: "Every piece is inspected by expert curators to ensure high-grade quality.",
},
{
id: "f2",
title: "Do you ship worldwide?",
content: "Yes, we provide international shipping to all major countries.",
},
{
id: "f3",
title: "Can I return a piece?",
content: "Returns are accepted within 14 days of purchase in original condition.",
},
{ id: "f1", title: "How is the quality ensured?", content: "Every piece is inspected by expert curators to ensure high-grade quality." },
{ id: "f2", title: "Do you ship worldwide?", content: "Yes, we provide international shipping to all major countries." },
{ id: "f3", title: "Can I return a piece?", content: "Returns are accepted within 14 days of purchase in original condition." },
]}
sideTitle="Questions? We have answers."
sideDescription="Find clarity on our products, shipping, and membership policies."
@@ -394,9 +198,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in Touch"
title="Join the Inner Circle"
description="Sign up for early notifications of new arrivals, exclusive discounts, and style tips."
@@ -408,45 +210,9 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/floral-arrangement-with-natural-protea-flowers-flat-lay-top-view_169016-11009.jpg"
logoText="Sringar"
columns={[
{
title: "Explore",
items: [
{
label: "Shop All",
href: "#products",
},
{
label: "Our Story",
href: "#about",
},
],
},
{
title: "Support",
items: [
{
label: "Help Center",
href: "#faq",
},
{
label: "Returns",
href: "#faq",
},
],
},
{
title: "Follow",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Facebook",
href: "https://facebook.com",
},
],
},
{ title: "Explore", items: [{ label: "Shop All", href: "#products" }, { label: "Our Story", href: "#about" }] },
{ title: "Support", items: [{ label: "Help Center", href: "#faq" }, { label: "Returns", href: "#faq" }] },
{ title: "Follow", items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }] },
]}
/>
</div>