bender/d7e7cb13-ee7b-47a9-99b2-c1960c5ecfa3
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-06-08 13:08:25 +00:00
parent 347dabd6a3
commit 53be8a95d4
1 changed files with 66 additions and 241 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Collections",
id: "#collections",
},
name: "Collections", id: "#collections"},
{
name: "Craftsmanship",
id: "#craftsmanship",
},
name: "Craftsmanship", id: "#craftsmanship"},
{
name: "Legacy",
id: "#legacy",
},
name: "Legacy", id: "#legacy"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Chrome Hearts"
/>
@@ -60,23 +50,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
logoText="CHROME HEARTS"
description="Unleash your spirit. Define your legacy. Master-crafted luxury that defies convention."
buttons={[
{
text: "Explore Collections",
href: "#collections",
},
text: "Explore Collections", href: "#collections"},
{
text: "Bespoke Creations",
href: "#contact",
},
text: "Bespoke Creations", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15192.jpg"
imageAlt="Luxurious dark leather background with subtle branding"
mediaAnimation="entrance-slide"
mediaAnimation="blur-reveal"
/>
</div>
@@ -85,14 +70,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"VOGUE",
"GQ",
"HYPEBEAST",
"ROLLING STONE",
"FASHION WEEK",
"LUXURY DAILY",
"HIGH SNOBIETY",
]}
"VOGUE", "GQ", "HYPEBEAST", "ROLLING STONE", "FASHION WEEK", "LUXURY DAILY", "HIGH SNOBIETY"]}
title="A Legacy of Influence."
description="Trusted by icons, coveted by collectors. Our creations transcend fashion, becoming statements of identity."
/>
@@ -104,9 +82,7 @@ export default function LandingPage() {
title="In a world of fleeting trends, find your permanent mark. \\n\\nWe craft legends, not accessories."
buttons={[
{
text: "Our Philosophy",
href: "#legacy",
},
text: "Our Philosophy", href: "#legacy"},
]}
/>
</div>
@@ -117,23 +93,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Artisanal Mastery",
description: "Hand-forged sterling silver, custom leathers, and precious stones, shaped by the hands of master craftsmen.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-black-hair-dark-green-dress-posing-chair_613910-11094.jpg",
imageAlt: "Intricate silver jewelry being handcrafted",
},
title: "Artisanal Mastery", description: "Hand-forged sterling silver, custom leathers, and precious stones, shaped by the hands of master craftsmen.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-long-black-hair-dark-green-dress-posing-chair_613910-11094.jpg", imageAlt: "Intricate silver jewelry being handcrafted"},
{
title: "Iconic Design Language",
description: "Bold cross motifs, gothic influences, and rock & roll aesthetics define our instantly recognizable, defiant style.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg",
imageAlt: "High-fashion leather goods with iconic branding",
},
title: "Iconic Design Language", description: "Bold cross motifs, gothic influences, and rock & roll aesthetics define our instantly recognizable, defiant style.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7924.jpg", imageAlt: "High-fashion leather goods with iconic branding"},
{
title: "Legacy & Exclusivity",
description: "Each creation is more than an item; it's an heirloom, a rare piece designed for the discerning collector.",
imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-skull_23-2149872236.jpg",
imageAlt: "Sculptural silver bracelet, a unique piece of art",
},
title: "Legacy & Exclusivity", description: "Each creation is more than an item; it's an heirloom, a rare piece designed for the discerning collector.", imageSrc: "http://img.b2bpic.net/free-photo/gold-aesthetic-wallpaper-with-skull_23-2149872236.jpg", imageAlt: "Sculptural silver bracelet, a unique piece of art"},
]}
title="Unparalleled Craftsmanship. Exclusive Design."
description="Every Chrome Hearts piece is a testament to meticulous artistry and an uncompromising vision. Discover the hallmarks of true luxury."
@@ -144,31 +108,14 @@ export default function LandingPage() {
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
metrics={[
{
id: "process-1",
value: "01",
title: "Vision & Consultation",
description: "Share your desires with our specialists to envision a piece that embodies your unique style.",
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096487.jpg",
imageAlt: "Artisan crafting metal with detailed tools",
},
id: "process-1", value: "01", title: "Vision & Consultation", description: "Share your desires with our specialists to envision a piece that embodies your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools-view_23-2150096487.jpg", imageAlt: "Artisan crafting metal with detailed tools"},
{
id: "process-2",
value: "02",
title: "Masterful Creation",
description: "Our artisans meticulously handcraft your item, infusing it with unparalleled detail and spirit.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862168.jpg",
imageAlt: "Luxury boutique interior with exclusive jewelry display",
},
id: "process-2", value: "02", title: "Masterful Creation", description: "Our artisans meticulously handcraft your item, infusing it with unparalleled detail and spirit.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862168.jpg", imageAlt: "Luxury boutique interior with exclusive jewelry display"},
{
id: "process-3",
value: "03",
title: "Acquisition & Legacy",
description: "Receive your bespoke creation, a tangible extension of your identity, ready to leave its mark.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12388.jpg",
imageAlt: "Stylized product photography of a luxury item presentation",
},
id: "process-3", value: "03", title: "Acquisition & Legacy", description: "Receive your bespoke creation, a tangible extension of your identity, ready to leave its mark.", imageSrc: "http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12388.jpg", imageAlt: "Stylized product photography of a luxury item presentation"},
]}
title="Your Journey to a Statement Piece."
description="From concept to creation, experience the bespoke process of acquiring a Chrome Hearts masterpiece."
@@ -180,49 +127,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "product-1",
name: "Cross Pave Ring",
price: "Price on Request",
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg",
imageAlt: "Iconic Chrome Hearts cross pave ring",
},
id: "product-1", name: "Cross Pave Ring", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17721.jpg", imageAlt: "Iconic Chrome Hearts cross pave ring"},
{
id: "product-2",
name: "Leather Rider Jacket",
price: "Price on Request",
imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-female-wearing-denim-outfit-posing-motorcycle-with-her-partner_181624-50387.jpg",
imageAlt: "Luxury Chrome Hearts leather rider jacket",
},
id: "product-2", name: "Leather Rider Jacket", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-female-wearing-denim-outfit-posing-motorcycle-with-her-partner_181624-50387.jpg", imageAlt: "Luxury Chrome Hearts leather rider jacket"},
{
id: "product-3",
name: "Dagger Pendant Necklace",
price: "Price on Request",
imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576825.jpg",
imageAlt: "Silver dagger pendant necklace",
},
id: "product-3", name: "Dagger Pendant Necklace", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576825.jpg", imageAlt: "Silver dagger pendant necklace"},
{
id: "product-4",
name: "Aviator Sunglasses",
price: "Price on Request",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-retrofuturism-portrait_23-2151940209.jpg",
imageAlt: "Luxury Chrome Hearts aviator sunglasses",
},
id: "product-4", name: "Aviator Sunglasses", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-retrofuturism-portrait_23-2151940209.jpg", imageAlt: "Luxury Chrome Hearts aviator sunglasses"},
{
id: "product-5",
name: "Silver Link Bracelet",
price: "Price on Request",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",
imageAlt: "Intricate silver link bracelet",
},
id: "product-5", name: "Silver Link Bracelet", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg", imageAlt: "Intricate silver link bracelet"},
{
id: "product-6",
name: "Floral Cross Belt Buckle",
price: "Price on Request",
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-pasta-beans-dark-table_23-2148340411.jpg",
imageAlt: "Ornate floral cross belt buckle",
},
id: "product-6", name: "Floral Cross Belt Buckle", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-pasta-beans-dark-table_23-2148340411.jpg", imageAlt: "Ornate floral cross belt buckle"},
]}
title="Iconic Collections. Limitless Expression."
description="Explore our curated selections of jewelry, apparel, and accessories – each a testament to our enduring legacy."
@@ -233,40 +151,21 @@ export default function LandingPage() {
<BlogCardOne
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
title="Stories Forged in Silver & Soul."
description="Delve into the narrative behind the legends. Our editorial unveils the artistry, heritage, and rebellion defining Chrome Hearts."
blogs={[
{
id: "blog-1",
category: "Heritage",
title: "The Unwritten History of Chrome Hearts",
excerpt: "Discover the rebellious origins and cultural impact that forged our iconic aesthetic.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-kaleidoscope-magnetic-metallic-shaving-backdrop_23-2148263553.jpg",
imageAlt: "Archival image showcasing Chrome Hearts' history",
id: "blog-1", category: "Heritage", title: "The Unwritten History of Chrome Hearts", excerpt: "Discover the rebellious origins and cultural impact that forged our iconic aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-kaleidoscope-magnetic-metallic-shaving-backdrop_23-2148263553.jpg", imageAlt: "Archival image showcasing Chrome Hearts' history", authorName: "Richard Stark", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-studio-lights-background_158538-9525.jpg", date: "October 26, 2024"
},
{
id: "blog-2",
category: "Artistry",
title: "Alchemy of Materials: Silver, Leather, & Beyond",
excerpt: "A deep dive into the master craftsmanship behind every meticulously detailed piece.",
imageSrc: "http://img.b2bpic.net/free-photo/variety-items-father-s-day_23-2147683507.jpg",
imageAlt: "Exclusive collection showcased in an avant-garde fashion editorial",
id: "blog-2", category: "Artistry", title: "Alchemy of Materials: Silver, Leather, & Beyond", excerpt: "A deep dive into the master craftsmanship behind every meticulously detailed piece.", imageSrc: "http://img.b2bpic.net/free-photo/variety-items-father-s-day_23-2147683507.jpg", imageAlt: "Exclusive collection showcased in an avant-garde fashion editorial", authorName: "Laurie Lynn Stark", authorAvatar: "http://img.b2bpic.net/free-photo/good-looking-young-female-model-taking-picture-herself-dressing-room_197531-7167.jpg", date: "September 15, 2024"
},
{
id: "blog-3",
category: "Culture",
title: "Beyond Fashion: Chrome Hearts as a Lifestyle",
excerpt: "Explore how our creations transcend trends to become statements of personal identity and freedom.",
imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-holding-tools_23-2150164927.jpg",
imageAlt: "Master silversmith working on a detailed piece of jewelry",
id: "blog-3", category: "Culture", title: "Beyond Fashion: Chrome Hearts as a Lifestyle", excerpt: "Explore how our creations transcend trends to become statements of personal identity and freedom.", imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-holding-tools_23-2150164927.jpg", imageAlt: "Master silversmith working on a detailed piece of jewelry", authorName: "Jesse Jo Stark", authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-white-woman-with-beautiful-smile-making-selfie-confident-pose_197531-7163.jpg", date: "August 10, 2024"
},
{
id: "blog-4",
category: "Vision",
title: "The Daring Visionaries Behind the Empire",
excerpt: "Meet the minds and hands that continue to push boundaries and define luxury's edge.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-african-woman-wearing-fashionable-black-coat-red-turtleneck-posing-outdoor-sunny-day_627829-6538.jpg",
imageAlt: "Rockstar-style fashion shoot featuring luxury apparel",
id: "blog-4", category: "Vision", title: "The Daring Visionaries Behind the Empire", excerpt: "Meet the minds and hands that continue to push boundaries and define luxury's edge.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-curly-haired-african-woman-wearing-fashionable-black-coat-red-turtleneck-posing-outdoor-sunny-day_627829-6538.jpg", imageAlt: "Rockstar-style fashion shoot featuring luxury apparel", authorName: "Frank & Lana", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg", date: "July 22, 2024"
},
]}
/>
@@ -276,66 +175,31 @@ export default function LandingPage() {
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={false}
animationType="depth-3d"
testimonials={[
{
id: "t-1",
name: "Jared K.",
role: "Creative Director",
company: "Avant-Garde Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg",
imageAlt: "Portrait of Jared K., Creative Director",
},
id: "t-1", name: "Jared K.", role: "Creative Director", company: "Avant-Garde Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-creator-presents-fast-fashion-jacket-viewers-filming-haul_482257-115675.jpg", imageAlt: "Portrait of Jared K., Creative Director"},
{
id: "t-2",
name: "Sophia L.",
role: "Collector",
company: "Private Art Collection",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
imageAlt: "Portrait of Sophia L., Art Collector",
},
id: "t-2", name: "Sophia L.", role: "Collector", company: "Private Art Collection", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", imageAlt: "Portrait of Sophia L., Art Collector"},
{
id: "t-3",
name: "Marcus R.",
role: "Musician",
company: "Defiant Sounds",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg",
imageAlt: "Portrait of Marcus R., Musician",
},
id: "t-3", name: "Marcus R.", role: "Musician", company: "Defiant Sounds", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg", imageAlt: "Portrait of Marcus R., Musician"},
{
id: "t-4",
name: "Elena V.",
role: "Fashion Icon",
company: "Global Influencer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-3502.jpg",
imageAlt: "Portrait of Elena V., Fashion Icon",
},
id: "t-4", name: "Elena V.", role: "Fashion Icon", company: "Global Influencer", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-3502.jpg", imageAlt: "Portrait of Elena V., Fashion Icon"},
{
id: "t-5",
name: "David C.",
role: "Entrepreneur",
company: "Luxury Tech Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg",
imageAlt: "Portrait of David C., Entrepreneur",
},
id: "t-5", name: "David C.", role: "Entrepreneur", company: "Luxury Tech Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-bearded-businessman-standing-indoors_171337-19232.jpg", imageAlt: "Portrait of David C., Entrepreneur"},
]}
kpiItems={[
{
value: "200+",
label: "Years of Combined Craftsmanship",
},
value: "200+", label: "Years of Combined Craftsmanship"},
{
value: "1M+",
label: "Iconic Pieces Created",
},
value: "1M+", label: "Iconic Pieces Created"},
{
value: "50+",
label: "Global Boutique Locations",
},
value: "50+", label: "Global Boutique Locations"},
]}
title="Voices of the Visionaries. \\nOur Clients Define Legacy."
description="Hear directly from those who embody the Chrome Hearts spirit. Their experiences, their statements, their style."
@@ -346,20 +210,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Exclusive Access"
title="Claim Your Statement Piece."
description="Connect with our specialists for bespoke commissions, private viewings, or inquiries into our latest collections. Your next legacy awaits."
buttons={[
{
text: "Inquire Now",
href: "#",
},
text: "Inquire Now", href: "#"},
{
text: "Visit a Boutique",
href: "#",
},
text: "Visit a Boutique", href: "#"},
]}
/>
</div>
@@ -368,83 +227,49 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Collections",
items: [
title: "Collections", items: [
{
label: "Jewelry",
href: "#collections",
},
label: "Jewelry", href: "#collections"},
{
label: "Apparel",
href: "#collections",
},
label: "Apparel", href: "#collections"},
{
label: "Accessories",
href: "#collections",
},
label: "Accessories", href: "#collections"},
{
label: "Home Goods",
href: "#collections",
},
label: "Home Goods", href: "#collections"},
],
},
{
title: "Brand",
items: [
title: "Brand", items: [
{
label: "Our Legacy",
href: "#craftsmanship",
},
label: "Our Legacy", href: "#craftsmanship"},
{
label: "Craftsmanship",
href: "#craftsmanship",
},
label: "Craftsmanship", href: "#craftsmanship"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Boutiques",
href: "#contact",
},
label: "Boutiques", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Client Services",
href: "#",
},
label: "Client Services", href: "#"},
{
label: "FAQs",
href: "#",
},
label: "FAQs", href: "#"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Cookie Policy",
href: "#",
},
label: "Cookie Policy", href: "#"},
],
},
]}