Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
312
src/app/page.tsx
312
src/app/page.tsx
@@ -19,23 +19,21 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Darknight",
|
||||
id: "darknight",
|
||||
},
|
||||
{
|
||||
name: "Interview",
|
||||
id: "interview",
|
||||
},
|
||||
{
|
||||
name: "Mentality",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="KOBE MAG"
|
||||
/>
|
||||
@@ -44,61 +42,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Kobe Bryant: The Mamba Legacy"
|
||||
description="An editorial tribute to the legend, the sneakers, and the mentality that changed the game forever."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-ladder_627829-3147.jpg",
|
||||
alt: "Kobe Bryant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/juneteenth-celebration-with-symbolic-representation-end-slavery-united-states_23-2151420837.jpg",
|
||||
alt: "Symbolic tribute",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-black-woman-with-yellow-powder_23-2149339776.jpg",
|
||||
alt: "Abstract energy",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-bright-t-shirt-with-skateboard-skatepark-laughs-water-splashes-from-his-hair_1321-3957.jpg",
|
||||
alt: "Dynamic spirit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-competing-paralympics-championship-games_23-2151492692.jpg",
|
||||
alt: "Athletic grit",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Features",
|
||||
href: "#darknight",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-arabian-muslim-boy-with-originally-hair-sunglasses-posed-streets-ladder_627829-3147.jpg", alt: "Kobe Bryant" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/juneteenth-celebration-with-symbolic-representation-end-slavery-united-states_23-2151420837.jpg", alt: "Symbolic tribute" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-black-woman-with-yellow-powder_23-2149339776.jpg", alt: "Abstract energy" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-man-bright-t-shirt-with-skateboard-skatepark-laughs-water-splashes-from-his-hair_1321-3957.jpg", alt: "Dynamic spirit" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-white-portrait-athlete-competing-paralympics-championship-games_23-2151492692.jpg", alt: "Athletic grit" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Features", href: "#darknight" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "LEGENDARY",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "81 POINTS",
|
||||
icon: Trophy,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "MAMBA MENTALITY",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "5 CHAMPIONSHIPS",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "TIMELESS",
|
||||
},
|
||||
{ type: "text", text: "LEGENDARY" },
|
||||
{ type: "text-icon", text: "81 POINTS", icon: Trophy },
|
||||
{ type: "text", text: "MAMBA MENTALITY" },
|
||||
{ type: "text-icon", text: "5 CHAMPIONSHIPS", icon: Award },
|
||||
{ type: "text", text: "TIMELESS" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,24 +68,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Performance First",
|
||||
description: "Precision-engineered for explosive speed and total court control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-athletic-woman-s-legs-with-copy-space_23-2148444908.jpg",
|
||||
imageAlt: "Darknight Details",
|
||||
},
|
||||
{
|
||||
title: "Scale Texture",
|
||||
description: "Signature snake-scale upper provides durability and unparalleled style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-724.jpg",
|
||||
imageAlt: "Snake Texture",
|
||||
},
|
||||
{
|
||||
title: "Cushioning tech",
|
||||
description: "Zoom Air integration ensures impact protection without losing ground feel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-simple-knitted-high-top-slip-sneakers_53876-96610.jpg",
|
||||
imageAlt: "Cushioning Tech",
|
||||
},
|
||||
{ title: "Performance First", description: "Precision-engineered for explosive speed and total court control.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-athletic-woman-s-legs-with-copy-space_23-2148444908.jpg", imageAlt: "Darknight Details" },
|
||||
{ title: "Scale Texture", description: "Signature snake-scale upper provides durability and unparalleled style.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-724.jpg", imageAlt: "Snake Texture" },
|
||||
{ title: "Cushioning tech", description: "Zoom Air integration ensures impact protection without losing ground feel.", imageSrc: "http://img.b2bpic.net/free-photo/white-simple-knitted-high-top-slip-sneakers_53876-96610.jpg", imageAlt: "Cushioning Tech" }
|
||||
]}
|
||||
title="Kobe 6 Darknight: A Masterpiece"
|
||||
description="The evolution of performance design meets timeless aesthetic in this iconic silhouette."
|
||||
@@ -138,27 +83,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20",
|
||||
title: "Seasons Played",
|
||||
description: "Two decades of unmatched consistency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-basket-ball_23-2149142371.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5",
|
||||
title: "NBA Championships",
|
||||
description: "The ultimate standard of competitive success.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/basketball-game-concept_23-2150910642.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "81",
|
||||
title: "Points Scored",
|
||||
description: "One of the greatest individual performances in history.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg",
|
||||
},
|
||||
{ id: "1", value: "20", title: "Seasons Played", description: "Two decades of unmatched consistency.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-with-basket-ball_23-2149142371.jpg" },
|
||||
{ id: "2", value: "5", title: "NBA Championships", description: "The ultimate standard of competitive success.", imageSrc: "http://img.b2bpic.net/free-photo/basketball-game-concept_23-2150910642.jpg" },
|
||||
{ id: "3", value: "81", title: "Points Scored", description: "One of the greatest individual performances in history.", imageSrc: "http://img.b2bpic.net/free-photo/full-lenght-photo-young-african-sports-man-standing-with-crossed-hands_171337-9491.jpg" }
|
||||
]}
|
||||
title="The Career by the Numbers"
|
||||
description="Quantifying greatness through decades of dominance."
|
||||
@@ -172,18 +99,9 @@ export default function LandingPage() {
|
||||
title="Interview: The Mind of the Mamba"
|
||||
description="In an exclusive 15-question deep dive, Kobe discusses his evolution from a curious child in Italy to a global basketball icon, his disciplined daily routine, the importance of silence, and the transition into a post-basketball storyteller."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "On Focus",
|
||||
description: "Defining the mental state required for elite performance.",
|
||||
},
|
||||
{
|
||||
title: "On Legacy",
|
||||
description: "Why storytelling is the final frontier of competition.",
|
||||
},
|
||||
{
|
||||
title: "On Mentorship",
|
||||
description: "Passing the torch to the next generation.",
|
||||
},
|
||||
{ title: "On Focus", description: "Defining the mental state required for elite performance." },
|
||||
{ title: "On Legacy", description: "Why storytelling is the final frontier of competition." },
|
||||
{ title: "On Mentorship", description: "Passing the torch to the next generation." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-man-practicing-rock-climbing-bouldering-wall_23-2151724730.jpg"
|
||||
imageAlt="Kobe Bryant Interview"
|
||||
@@ -194,81 +112,21 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What drives you?",
|
||||
content: "The constant search for improvement.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Italy's impact?",
|
||||
content: "Learning the game in a completely different tactical environment.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Defining success?",
|
||||
content: "Achieving your personal maximum output.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "The hardest loss?",
|
||||
content: "Every loss is a lesson.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "The hardest win?",
|
||||
content: "The one that requires sacrifice.",
|
||||
},
|
||||
{
|
||||
id: "q6",
|
||||
title: "Advice to youth?",
|
||||
content: "Fall in love with the work.",
|
||||
},
|
||||
{
|
||||
id: "q7",
|
||||
title: "Defining fear?",
|
||||
content: "Not reaching potential.",
|
||||
},
|
||||
{
|
||||
id: "q8",
|
||||
title: "On work ethic?",
|
||||
content: "It starts before the sun comes up.",
|
||||
},
|
||||
{
|
||||
id: "q9",
|
||||
title: "Silence or noise?",
|
||||
content: "Silence allows for reflection.",
|
||||
},
|
||||
{
|
||||
id: "q10",
|
||||
title: "On leadership?",
|
||||
content: "It is about shared accountability.",
|
||||
},
|
||||
{
|
||||
id: "q11",
|
||||
title: "Favorite shot?",
|
||||
content: "The one I haven't taken yet.",
|
||||
},
|
||||
{
|
||||
id: "q12",
|
||||
title: "Storytelling?",
|
||||
content: "Giving life to ideas.",
|
||||
},
|
||||
{
|
||||
id: "q13",
|
||||
title: "Post-game routine?",
|
||||
content: "Still working, just on different fields.",
|
||||
},
|
||||
{
|
||||
id: "q14",
|
||||
title: "Biggest challenge?",
|
||||
content: "Staying humble when you're at the top.",
|
||||
},
|
||||
{
|
||||
id: "q15",
|
||||
title: "Defining legacy?",
|
||||
content: "What you leave behind for others to use.",
|
||||
},
|
||||
{ id: "q1", title: "What drives you?", content: "The constant search for improvement." },
|
||||
{ id: "q2", title: "Italy's impact?", content: "Learning the game in a completely different tactical environment." },
|
||||
{ id: "q3", title: "Defining success?", content: "Achieving your personal maximum output." },
|
||||
{ id: "q4", title: "The hardest loss?", content: "Every loss is a lesson." },
|
||||
{ id: "q5", title: "The hardest win?", content: "The one that requires sacrifice." },
|
||||
{ id: "q6", title: "Advice to youth?", content: "Fall in love with the work." },
|
||||
{ id: "q7", title: "Defining fear?", content: "Not reaching potential." },
|
||||
{ id: "q8", title: "On work ethic?", content: "It starts before the sun comes up." },
|
||||
{ id: "q9", title: "Silence or noise?", content: "Silence allows for reflection." },
|
||||
{ id: "q10", title: "On leadership?", content: "It is about shared accountability." },
|
||||
{ id: "q11", title: "Favorite shot?", content: "The one I haven't taken yet." },
|
||||
{ id: "q12", title: "Storytelling?", content: "Giving life to ideas." },
|
||||
{ id: "q13", title: "Post-game routine?", content: "Still working, just on different fields." },
|
||||
{ id: "q14", title: "Biggest challenge?", content: "Staying humble when you're at the top." },
|
||||
{ id: "q15", title: "Defining legacy?", content: "What you leave behind for others to use." }
|
||||
]}
|
||||
sideTitle="15 Questions"
|
||||
sideDescription="The essence of the Mamba Mentality in 15 distilled inquiries."
|
||||
@@ -282,41 +140,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael A.",
|
||||
handle: "@hoopfan",
|
||||
testimonial: "Kobe taught me to work when no one is watching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-man-with-long-beard-wearing-basketball-uniform-angry-mad-raising-fist-frustrated-furious-while-shouting-with-anger-rage-aggressive-concept_839833-6491.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
handle: "@athlete",
|
||||
testimonial: "The Mamba Mentality is more than basketball; it's a lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sports-news-concept-collage_23-2149876515.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "John D.",
|
||||
handle: "@coach",
|
||||
testimonial: "The sheer discipline is unmatched in history.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-playing-together-basketball-outside_23-2148773284.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily K.",
|
||||
handle: "@journalist",
|
||||
testimonial: "He always had a vision beyond the court.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-her-room-recording-video-camera-lifestyle-vlog-social_1258-281981.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark S.",
|
||||
handle: "@fan",
|
||||
testimonial: "Watching him play felt like witnessing history.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-sporty-man-headband-holding-soccer-ball-looking-front-with-smile-face-standing-orange-wall_141793-51025.jpg",
|
||||
},
|
||||
{ id: "1", name: "Michael A.", handle: "@hoopfan", testimonial: "Kobe taught me to work when no one is watching.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-man-with-long-beard-wearing-basketball-uniform-angry-mad-raising-fist-frustrated-furious-while-shouting-with-anger-rage-aggressive-concept_839833-6491.jpg" },
|
||||
{ id: "2", name: "Sarah P.", handle: "@athlete", testimonial: "The Mamba Mentality is more than basketball; it's a lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/sports-news-concept-collage_23-2149876515.jpg" },
|
||||
{ id: "3", name: "John D.", handle: "@coach", testimonial: "The sheer discipline is unmatched in history.", imageSrc: "http://img.b2bpic.net/free-photo/women-playing-together-basketball-outside_23-2148773284.jpg" },
|
||||
{ id: "4", name: "Emily K.", handle: "@journalist", testimonial: "He always had a vision beyond the court.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-her-room-recording-video-camera-lifestyle-vlog-social_1258-281981.jpg" },
|
||||
{ id: "5", name: "Mark S.", handle: "@fan", testimonial: "Watching him play felt like witnessing history.", imageSrc: "http://img.b2bpic.net/free-photo/mature-sporty-man-headband-holding-soccer-ball-looking-front-with-smile-face-standing-orange-wall_141793-51025.jpg" }
|
||||
]}
|
||||
title="Perspectives"
|
||||
description="How the game was changed forever."
|
||||
@@ -327,15 +155,9 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Join the Mamba newsletter for exclusive features."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Subscribe Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -344,32 +166,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochrome-portrait-professional-tennis-player_23-2151418435.jpg"
|
||||
logoText="KOBE MAG"
|
||||
columns={[
|
||||
{
|
||||
title: "Magazine",
|
||||
items: [
|
||||
{
|
||||
label: "Archives",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legacy",
|
||||
items: [
|
||||
{
|
||||
label: "Mentality",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Magazine", items: [{ label: "Archives", href: "#" }, { label: "Shop", href: "#" }] },
|
||||
{ title: "Legacy", items: [{ label: "Mentality", href: "#" }, { label: "About", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user