Update src/app/page.tsx

This commit is contained in:
2026-04-10 01:08:09 +00:00
parent 331d3f73fb
commit 48197ad6b7

View File

@@ -28,22 +28,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Collection",
id: "product",
},
{
name: "Brand",
id: "about",
},
{
name: "Experience",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Collection", id: "product" },
{ name: "Brand", id: "about" },
{ name: "Experience", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="ERAX"
/>
@@ -52,103 +40,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background="gradient-bars"
background={{ variant: "gradient-bars" }}
title="ERAX: THE SILK OBSIDIAN"
description="Redefining luxury through architectural silhouettes and artisanal craftsmanship."
testimonials={[
{
name: "Elena V.",
handle: "@elena_v",
testimonial: "The tactility of the silk is unmatched. Truly wearable art.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-blue-light-background_23-2149445878.jpg?_wi=1",
imageAlt: "luxury silk fabric dark background",
},
{
name: "Marcus A.",
handle: "@m_arch",
testimonial: "ERAX has set a new standard for modern luxury.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872562.jpg?_wi=1",
imageAlt: "luxury fabric texture dark",
},
{
name: "Sophia L.",
handle: "@sophia_l",
testimonial: "Sophisticated, bold, and timeless. My wardrobe essentials.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg?_wi=1",
imageAlt: "luxury clothing floating card 3d",
},
{
name: "Julian R.",
handle: "@julianr",
testimonial: "The precision in detail is evident in every stitch.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg?_wi=1",
imageAlt: "premium fashion accessory dark",
},
{
name: "Amara K.",
handle: "@amarak",
testimonial: "Unparalleled elegance. A visionary collection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg?_wi=1",
imageAlt: "high-end clothing detail",
},
{ name: "Elena V.", handle: "@elena_v", testimonial: "The tactility of the silk is unmatched. Truly wearable art.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-blue-light-background_23-2149445878.jpg", imageAlt: "luxury silk fabric dark background" },
{ name: "Marcus A.", handle: "@m_arch", testimonial: "ERAX has set a new standard for modern luxury.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872562.jpg", imageAlt: "luxury fabric texture dark" },
{ name: "Sophia L.", handle: "@sophia_l", testimonial: "Sophisticated, bold, and timeless. My wardrobe essentials.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg", imageAlt: "luxury clothing floating card 3d" },
{ name: "Julian R.", handle: "@julianr", testimonial: "The precision in detail is evident in every stitch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg", imageAlt: "premium fashion accessory dark" },
{ name: "Amara K.", handle: "@amarak", testimonial: "Unparalleled elegance. A visionary collection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg", imageAlt: "high-end clothing detail" }
]}
buttons={[
{
text: "Explore Collection",
href: "#product",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing-blue-light-background_23-2149445878.jpg?_wi=2"
buttons={[{ text: "Explore Collection", href: "#product" }]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-posing-blue-light-background_23-2149445878.jpg"
imageAlt="ERAX premium silk garment floating 3D render"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",
alt: "Model 1",
},
{
src: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
alt: "Model 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg",
alt: "Model 3",
},
{
src: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg",
alt: "Model 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg",
alt: "Model 5",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg", alt: "Model 1" },
{ src: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg", alt: "Model 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg", alt: "Model 3" },
{ src: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg", alt: "Model 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg", alt: "Model 5" }
]}
marqueeItems={[
{
type: "text",
text: "SILK OBSIDIAN",
},
{
type: "text",
text: "ARCHITECTURAL",
},
{
type: "text",
text: "TIMELESS",
},
{
type: "text",
text: "BESPOKE",
},
{
type: "text",
text: "ARTISANAL",
},
{ type: "text", text: "SILK OBSIDIAN" },
{ type: "text", text: "ARCHITECTURAL" },
{ type: "text", text: "TIMELESS" },
{ type: "text", text: "BESPOKE" },
{ type: "text", text: "ARTISANAL" }
]}
/>
</div>
@@ -160,20 +78,11 @@ export default function LandingPage() {
title="CRAFTED IN OBSIDIAN"
description="Our studio bridges the gap between high-tech digital precision and raw, organic textile heritage."
bulletPoints={[
{
title: "Precision Milling",
description: "Cutting-edge laser-precise fabric cutting techniques.",
},
{
title: "Silk Sovereignty",
description: "Sourcing rare, high-grade mulberry silk exclusively.",
},
{
title: "Tactile Design",
description: "Sculptural silhouettes that define modern luxury.",
},
{ title: "Precision Milling", description: "Cutting-edge laser-precise fabric cutting techniques." },
{ title: "Silk Sovereignty", description: "Sourcing rare, high-grade mulberry silk exclusively." },
{ title: "Tactile Design", description: "Sculptural silhouettes that define modern luxury." }
]}
imageSrc="http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872562.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872562.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -185,48 +94,12 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Obsidian Drape",
price: "$1,200",
variant: "Matte Silk",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg?_wi=2",
},
{
id: "2",
name: "Architectural Coat",
price: "$3,500",
variant: "Midnight Wool",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg?_wi=2",
},
{
id: "3",
name: "Fluid Trousers",
price: "$850",
variant: "Charcoal Silk",
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg?_wi=2",
},
{
id: "4",
name: "Essential Shirt",
price: "$600",
variant: "Silk Blend",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg?_wi=3",
},
{
id: "5",
name: "Statement Vest",
price: "$950",
variant: "Black Twill",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg?_wi=3",
},
{
id: "6",
name: "Silk Scarf",
price: "$350",
variant: "Obsidian",
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg?_wi=3",
},
{ id: "1", name: "Obsidian Drape", price: "$1,200", variant: "Matte Silk", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg" },
{ id: "2", name: "Architectural Coat", price: "$3,500", variant: "Midnight Wool", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg" },
{ id: "3", name: "Fluid Trousers", price: "$850", variant: "Charcoal Silk", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg" },
{ id: "4", name: "Essential Shirt", price: "$600", variant: "Silk Blend", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg" },
{ id: "5", name: "Statement Vest", price: "$950", variant: "Black Twill", imageSrc: "http://img.b2bpic.net/free-photo/top-view-girl-laying-floor_23-2149645174.jpg" },
{ id: "6", name: "Silk Scarf", price: "$350", variant: "Obsidian", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg" }
]}
title="THE PERMANENT COLLECTION"
description="Curated pieces defined by minimalist silhouettes and superior material integrity."
@@ -238,61 +111,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah V.",
date: "Oct 2024",
title: "Modern Icon",
quote: "The drape on the silk pieces is simply architectural perfection.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",
imageAlt: "stylish portrait dark background",
},
{
id: "2",
name: "David L.",
date: "Sep 2024",
title: "Luxury Expert",
quote: "I've never felt silk with such structural density.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
imageAlt: "fashion portrait elegant dark",
},
{
id: "3",
name: "Mia S.",
date: "Aug 2024",
title: "Stylist",
quote: "ERAX elevates daily wear into a profound aesthetic experience.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg",
imageAlt: "sophisticated fashion portrait",
},
{
id: "4",
name: "Chen W.",
date: "Jul 2024",
title: "Collector",
quote: "Exquisite quality that defies time. A brand to watch.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg",
imageAlt: "model fashion editorial dark",
},
{
id: "5",
name: "Emma R.",
date: "Jun 2024",
title: "Client",
quote: "Deep charcoal tones, perfect tailoring, exceptional service.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg",
imageAlt: "professional fashion portrait",
},
{ id: "1", name: "Sarah V.", date: "Oct 2024", title: "Modern Icon", quote: "The drape on the silk pieces is simply architectural perfection.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg", imageAlt: "stylish portrait dark background" },
{ id: "2", name: "David L.", date: "Sep 2024", title: "Luxury Expert", quote: "I've never felt silk with such structural density.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg", imageAlt: "fashion portrait elegant dark" },
{ id: "3", name: "Mia S.", date: "Aug 2024", title: "Stylist", quote: "ERAX elevates daily wear into a profound aesthetic experience.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-stylish-brunette-woman-model-with-evening-makeup-red-lips-white-jacket_158538-11557.jpg", imageAlt: "sophisticated fashion portrait" },
{ id: "4", name: "Chen W.", date: "Jul 2024", title: "Collector", quote: "Exquisite quality that defies time. A brand to watch.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg", imageAlt: "model fashion editorial dark" },
{ id: "5", name: "Emma R.", date: "Jun 2024", title: "Client", quote: "Deep charcoal tones, perfect tailoring, exceptional service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-black-sweater-with-crossed-arms-chest_613910-7044.jpg", imageAlt: "professional fashion portrait" }
]}
title="THE ERAX COMMUNITY"
description="Refining the standards of global luxury for our most discerning patrons."
@@ -307,26 +130,8 @@ export default function LandingPage() {
title="JOURNAL"
description="Insights from the atelier, covering design philosophy, textile innovation, and seasonal collections."
blogs={[
{
id: "b1",
category: "Design",
title: "The Art of Obsidian",
excerpt: "Exploring the depths of our signature charcoal palette.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg?_wi=4",
authorName: "Creative Lead",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg",
date: "Jan 2025",
},
{
id: "b2",
category: "Craft",
title: "Silk Sovereignty",
excerpt: "How we source the finest mulberry silk from ethical partners.",
imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg?_wi=4",
authorName: "Master Tailor",
authorAvatar: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg",
date: "Dec 2024",
},
{ id: "b1", category: "Design", title: "The Art of Obsidian", excerpt: "Exploring the depths of our signature charcoal palette.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-taking-photo-with-smartphone_23-2150746437.jpg", authorName: "Creative Lead", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-model-with-natural-blond-hair-posing-red-background-close-up-studio-shot-silk-cocktail-dress_639032-829.jpg", date: "Jan 2025" },
{ id: "b2", category: "Craft", title: "Silk Sovereignty", excerpt: "How we source the finest mulberry silk from ethical partners.", imageSrc: "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-still-life_23-2150176762.jpg", authorName: "Master Tailor", authorAvatar: "http://img.b2bpic.net/free-photo/gorgeous-adult-caucasian-blonde-silk-black-pajamas-uses-headphones-sits-balcony-day-leisure-lifestyle-beauty-concept_197531-31178.jpg", date: "Dec 2024" }
]}
/>
</div>
@@ -336,32 +141,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/portrait-business-woman_158595-950.jpg"
logoText="ERAX"
columns={[
{
title: "Brand",
items: [
{
label: "Philosophy",
href: "#about",
},
{
label: "Craft",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Concierge",
href: "#contact",
},
{
label: "Privacy",
href: "#",
},
],
},
{ title: "Brand", items: [{ label: "Philosophy", href: "#about" }, { label: "Craft", href: "#" }] },
{ title: "Support", items: [{ label: "Concierge", href: "#contact" }, { label: "Privacy", href: "#" }] }
]}
/>
</div>