Merge version_1 into main #1
232
src/app/page.tsx
232
src/app/page.tsx
@@ -31,41 +31,23 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Taehyung",
|
||||
id: "#taehyung",
|
||||
},
|
||||
name: "Taehyung", id: "#taehyung"},
|
||||
{
|
||||
name: "Jungkook",
|
||||
id: "#jungkook",
|
||||
},
|
||||
name: "Jungkook", id: "#jungkook"},
|
||||
{
|
||||
name: "Jimin",
|
||||
id: "#jimin",
|
||||
},
|
||||
name: "Jimin", id: "#jimin"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Gallery", id: "#gallery"},
|
||||
{
|
||||
name: "Music",
|
||||
id: "#music",
|
||||
},
|
||||
name: "Music", id: "#music"},
|
||||
{
|
||||
name: "Quotes",
|
||||
id: "#quotes",
|
||||
},
|
||||
name: "Quotes", id: "#quotes"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="BTS Serenity"
|
||||
/>
|
||||
@@ -77,13 +59,9 @@ export default function LandingPage() {
|
||||
description="Dive into the dreamy world of Taehyung, Jungkook, and Jimin. Experience the magic of their music, art, and inspiring journey."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Their World",
|
||||
href: "#members",
|
||||
},
|
||||
text: "Explore Their World", href: "#members"},
|
||||
{
|
||||
text: "Discover Music",
|
||||
href: "#music",
|
||||
},
|
||||
text: "Discover Music", href: "#music"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512159.jpg"
|
||||
imageAlt="Cinematic concert stage with BTS members glowing in purple light, featuring Taehyung, Jungkook, and Jimin"
|
||||
@@ -99,26 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "taehyung",
|
||||
name: "Kim Taehyung (V)",
|
||||
role: "Vocalist, Visual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512107.jpg",
|
||||
imageAlt: "Taehyung in a dreamy purple concert setting",
|
||||
},
|
||||
id: "taehyung", name: "Kim Taehyung (V)", role: "Vocalist, Visual", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512107.jpg", imageAlt: "Taehyung in a dreamy purple concert setting"},
|
||||
{
|
||||
id: "jungkook",
|
||||
name: "Jeon Jungkook",
|
||||
role: "Main Vocalist, Lead Dancer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-female-dj_23-2148325407.jpg",
|
||||
imageAlt: "Jungkook performing powerfully in neon lights",
|
||||
},
|
||||
id: "jungkook", name: "Jeon Jungkook", role: "Main Vocalist, Lead Dancer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-female-dj_23-2148325407.jpg", imageAlt: "Jungkook performing powerfully in neon lights"},
|
||||
{
|
||||
id: "jimin",
|
||||
name: "Park Jimin",
|
||||
role: "Main Dancer, Lead Vocalist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emo-girl-holding-guitar-side-view_23-2149542276.jpg",
|
||||
imageAlt: "Jimin performing gracefully in soft purple light",
|
||||
},
|
||||
id: "jimin", name: "Park Jimin", role: "Main Dancer, Lead Vocalist", imageSrc: "http://img.b2bpic.net/free-photo/emo-girl-holding-guitar-side-view_23-2149542276.jpg", imageAlt: "Jimin performing gracefully in soft purple light"},
|
||||
]}
|
||||
title="Our Beloved Artists"
|
||||
description="Explore the unique talents and captivating charm of Taehyung, Jungkook, and Jimin, the shining stars of BTS. Each member brings a distinct artistry to the stage, touching hearts globally."
|
||||
@@ -133,53 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "photo-1",
|
||||
name: "Backstage Serenity",
|
||||
price: "",
|
||||
variant: "Group Moment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-emo-resurgence_23-2149542340.jpg",
|
||||
imageAlt: "BTS members in a candid backstage moment with purple hues",
|
||||
},
|
||||
id: "photo-1", name: "Backstage Serenity", price: "", variant: "Group Moment", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girl-emo-resurgence_23-2149542340.jpg", imageAlt: "BTS members in a candid backstage moment with purple hues"},
|
||||
{
|
||||
id: "photo-2",
|
||||
name: "Unity on Stage",
|
||||
price: "",
|
||||
variant: "Performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-together_23-2149241605.jpg",
|
||||
imageAlt: "BTS members in a cinematic group photo with purple lighting",
|
||||
},
|
||||
id: "photo-2", name: "Unity on Stage", price: "", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-together_23-2149241605.jpg", imageAlt: "BTS members in a cinematic group photo with purple lighting"},
|
||||
{
|
||||
id: "photo-3",
|
||||
name: "The Purple Ocean",
|
||||
price: "",
|
||||
variant: "Fan Love",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551541.jpg",
|
||||
imageAlt: "BTS concert light show with glowing purple fan lightsticks",
|
||||
},
|
||||
id: "photo-3", name: "The Purple Ocean", price: "", variant: "Fan Love", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-scene-from-techno-music-party_23-2150551541.jpg", imageAlt: "BTS concert light show with glowing purple fan lightsticks"},
|
||||
{
|
||||
id: "photo-4",
|
||||
name: "V's Gaze",
|
||||
price: "",
|
||||
variant: "Taehyung",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-close-up-portrait-confident-beautiful-dollish-girl-with-short-light-violet-hair-wearing-lilac-sweater-pink-wall_176420-11383.jpg",
|
||||
imageAlt: "Taehyung in a solo stage performance with emotional lighting",
|
||||
},
|
||||
id: "photo-4", name: "V's Gaze", price: "", variant: "Taehyung", imageSrc: "http://img.b2bpic.net/free-photo/fashion-close-up-portrait-confident-beautiful-dollish-girl-with-short-light-violet-hair-wearing-lilac-sweater-pink-wall_176420-11383.jpg", imageAlt: "Taehyung in a solo stage performance with emotional lighting"},
|
||||
{
|
||||
id: "photo-5",
|
||||
name: "Jimin's Grace",
|
||||
price: "",
|
||||
variant: "Jimin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-girl-with-red-lips-wearing-black-dress-posed-against-blue-sky-sunny-day_627829-11570.jpg",
|
||||
imageAlt: "Jimin in an elegant dance move with purple haze",
|
||||
},
|
||||
id: "photo-5", name: "Jimin's Grace", price: "", variant: "Jimin", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-girl-with-red-lips-wearing-black-dress-posed-against-blue-sky-sunny-day_627829-11570.jpg", imageAlt: "Jimin in an elegant dance move with purple haze"},
|
||||
{
|
||||
id: "photo-6",
|
||||
name: "Jungkook's Power",
|
||||
price: "",
|
||||
variant: "Jungkook",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-making-duck-face-while-showing-victory-sign_158595-4338.jpg",
|
||||
imageAlt: "Jungkook in a powerful vocal moment during a concert",
|
||||
},
|
||||
id: "photo-6", name: "Jungkook's Power", price: "", variant: "Jungkook", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-making-duck-face-while-showing-victory-sign_158595-4338.jpg", imageAlt: "Jungkook in a powerful vocal moment during a concert"},
|
||||
]}
|
||||
title="Dreamlike Gallery"
|
||||
description="A collection of aesthetic moments, capturing the essence of their artistry and the magic they bring to the stage. Each image tells a story of passion and connection."
|
||||
@@ -193,35 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stigma (V Solo)",
|
||||
description: "A powerful and emotionally charged vocal performance showcasing Taehyung's unique soulful voice and deep lyrical expression.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-violet-liquid-drops-background_23-2148227068.jpg",
|
||||
imageAlt: "Stigma single cover with purple galaxy theme",
|
||||
},
|
||||
title: "Stigma (V Solo)", description: "A powerful and emotionally charged vocal performance showcasing Taehyung's unique soulful voice and deep lyrical expression.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-violet-liquid-drops-background_23-2148227068.jpg", imageAlt: "Stigma single cover with purple galaxy theme"},
|
||||
{
|
||||
title: "Euphoria (Jungkook Solo)",
|
||||
description: "An uplifting and vibrant track that perfectly captures Jungkook's golden vocals and the feeling of pure bliss.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-abstract-colorful-shapes_1048-1504.jpg",
|
||||
imageAlt: "Euphoria single cover with dark aesthetic",
|
||||
},
|
||||
title: "Euphoria (Jungkook Solo)", description: "An uplifting and vibrant track that perfectly captures Jungkook's golden vocals and the feeling of pure bliss.", imageSrc: "http://img.b2bpic.net/free-photo/bright-abstract-colorful-shapes_1048-1504.jpg", imageAlt: "Euphoria single cover with dark aesthetic"},
|
||||
{
|
||||
title: "Serendipity (Jimin Solo)",
|
||||
description: "A poetic and ethereal masterpiece, highlighting Jimin's delicate yet powerful vocals and captivating artistry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/music-festival-poster_23-2148071366.jpg",
|
||||
imageAlt: "Serendipity single cover with neon purple",
|
||||
},
|
||||
title: "Serendipity (Jimin Solo)", description: "A poetic and ethereal masterpiece, highlighting Jimin's delicate yet powerful vocals and captivating artistry.", imageSrc: "http://img.b2bpic.net/free-vector/music-festival-poster_23-2148071366.jpg", imageAlt: "Serendipity single cover with neon purple"},
|
||||
{
|
||||
title: "Filter (Jimin Solo)",
|
||||
description: "A sensual and playful track that showcases Jimin's versatility and alluring stage presence, exploring different facets of himself.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-portrait-man-woman-vaporwave-style_23-2148950788.jpg",
|
||||
imageAlt: "Filter single cover with ethereal soft glow",
|
||||
},
|
||||
title: "Filter (Jimin Solo)", description: "A sensual and playful track that showcases Jimin's versatility and alluring stage presence, exploring different facets of himself.", imageSrc: "http://img.b2bpic.net/free-photo/interior-portrait-man-woman-vaporwave-style_23-2148950788.jpg", imageAlt: "Filter single cover with ethereal soft glow"},
|
||||
{
|
||||
title: "Inner Child (V Solo)",
|
||||
description: "A heartwarming and reflective song dedicated to his younger self, offering comfort and hope through his distinct vocal tone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512111.jpg",
|
||||
imageAlt: "Inner Child single cover vibrant and dynamic",
|
||||
},
|
||||
title: "Inner Child (V Solo)", description: "A heartwarming and reflective song dedicated to his younger self, offering comfort and hope through his distinct vocal tone.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512111.jpg", imageAlt: "Inner Child single cover vibrant and dynamic"},
|
||||
]}
|
||||
title="Harmonies of the Soul"
|
||||
description="Journey through a curated selection of their most beloved and emotionally resonant tracks, crafted to comfort and inspire the ARMY. Each song is a testament to their artistry."
|
||||
@@ -236,27 +143,17 @@ export default function LandingPage() {
|
||||
author="J-Hope (Jung Hoseok)"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-woman-with-fluorescent-make-up_23-2148410100.jpg",
|
||||
alt: "ARMY Fan Avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-woman-with-fluorescent-make-up_23-2148410100.jpg", alt: "ARMY Fan Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cosplay-artist-dressed-up-as-anime-characters_23-2150632359.jpg",
|
||||
alt: "ARMY Fan Avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cosplay-artist-dressed-up-as-anime-characters_23-2150632359.jpg", alt: "ARMY Fan Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-short-hair-covered-neon-light_250224-149.jpg",
|
||||
alt: "ARMY Fan Avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-short-hair-covered-neon-light_250224-149.jpg", alt: "ARMY Fan Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-colorful-fluorescent-make-up-face_23-2148410054.jpg",
|
||||
alt: "ARMY Fan Avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-colorful-fluorescent-make-up-face_23-2148410054.jpg", alt: "ARMY Fan Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100275.jpg",
|
||||
alt: "ARMY Fan Avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100275.jpg", alt: "ARMY Fan Avatar 5"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -266,25 +163,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What does BTS stand for?",
|
||||
content: "BTS stands for Bangtan Sonyeondan (방탄소년단), which translates to 'Bulletproof Boy Scouts'. In 2017, they also added 'Beyond The Scene' as an alternative meaning for their English branding.",
|
||||
},
|
||||
id: "faq-1", title: "What does BTS stand for?", content: "BTS stands for Bangtan Sonyeondan (방탄소년단), which translates to 'Bulletproof Boy Scouts'. In 2017, they also added 'Beyond The Scene' as an alternative meaning for their English branding."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What is the meaning behind the name ARMY?",
|
||||
content: "ARMY stands for 'Adorable Representative M.C. for Youth'. It symbolizes their devoted fanbase, who are seen as the protective 'armor' to BTS.",
|
||||
},
|
||||
id: "faq-2", title: "What is the meaning behind the name ARMY?", content: "ARMY stands for 'Adorable Representative M.C. for Youth'. It symbolizes their devoted fanbase, who are seen as the protective 'armor' to BTS."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Where can I find official merchandise?",
|
||||
content: "Official merchandise is available through Weverse Shop, their official global store, as well as licensed retailers. Always check for authenticity.",
|
||||
},
|
||||
id: "faq-3", title: "Where can I find official merchandise?", content: "Official merchandise is available through Weverse Shop, their official global store, as well as licensed retailers. Always check for authenticity."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "How can I support their music?",
|
||||
content: "You can support their music by streaming on official platforms, purchasing albums, and participating in fan-led streaming and voting projects during comeback periods.",
|
||||
},
|
||||
id: "faq-4", title: "How can I support their music?", content: "You can support their music by streaming on official platforms, purchasing albums, and participating in fan-led streaming and voting projects during comeback periods."},
|
||||
]}
|
||||
sideTitle="Your Questions, Our Answers"
|
||||
sideDescription="Find answers to common questions about BTS, their music, and the global ARMY community. We're here to help you navigate their incredible universe."
|
||||
@@ -296,18 +181,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Connect with Fellow ARMY"
|
||||
buttons={[
|
||||
{
|
||||
text: "Send a Message",
|
||||
href: "#",
|
||||
},
|
||||
text: "Send a Message", href: "#"},
|
||||
{
|
||||
text: "Join Our Community",
|
||||
href: "https://weverse.io/bts/feed",
|
||||
},
|
||||
text: "Join Our Community", href: "https://weverse.io/bts/feed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -318,49 +198,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Members",
|
||||
href: "#members",
|
||||
},
|
||||
label: "Members", href: "#members"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Gallery", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Music",
|
||||
href: "#music",
|
||||
},
|
||||
label: "Music", href: "#music"},
|
||||
{
|
||||
label: "Quotes",
|
||||
href: "#quotes",
|
||||
},
|
||||
label: "Quotes", href: "#quotes"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Weverse",
|
||||
href: "https://weverse.io/bts/feed",
|
||||
},
|
||||
label: "Weverse", href: "https://weverse.io/bts/feed"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user