Merge version_1 into main #1
165
src/app/page.tsx
165
src/app/page.tsx
@@ -29,69 +29,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Characters",
|
||||
id: "characters",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Characters", id: "characters" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hell's Paradise"
|
||||
button={{
|
||||
text: "Join Now", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Hell's Paradise"
|
||||
description="Uncover the mysteries of the Shinsenkyo island. A journey of redemption, chaos, and surreal beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Manga",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Join the Journey",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Manga", href: "#about" },
|
||||
{ text: "Join the Journey", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trees-with-fog_1204-31.jpg",
|
||||
imageAlt: "Surreal Forest",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystical-castle-full-pink-moon_23-2151995817.jpg",
|
||||
imageAlt: "Protagonist",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-leaf-with-water-drops-it_181624-4040.jpg",
|
||||
imageAlt: "Flora",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359757.jpg",
|
||||
imageAlt: "Ruined Shrine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661296.jpg",
|
||||
imageAlt: "Temple Gate",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-foggy-mysterious-forest-gloomy-day_181624-5013.jpg",
|
||||
imageAlt: "Energy Effect",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/trees-with-fog_1204-31.jpg", imageAlt: "Surreal Forest" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mystical-castle-full-pink-moon_23-2151995817.jpg", imageAlt: "Protagonist" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-leaf-with-water-drops-it_181624-4040.jpg", imageAlt: "Flora" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359757.jpg", imageAlt: "Ruined Shrine" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/door-stretching-into-fantasy-world_23-2151661296.jpg", imageAlt: "Temple Gate" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-foggy-mysterious-forest-gloomy-day_181624-5013.jpg", imageAlt: "Energy Effect" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,10 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The Legend of the Isle"
|
||||
description={[
|
||||
"Hell's Paradise: Jigokuraku follows the story of Gabimaru the Hollow, a ninja sentenced to death, who is sent on a perilous mission to find the Elixir of Life.",
|
||||
"On the island of Shinsenkyo, life and death intertwine. Warriors face surreal, god-like creatures and psychological trials that test their very soul.",
|
||||
"Discover the secrets hidden in the flora, the history of the Tensen, and the fight for redemption in this gripping dark fantasy masterpiece.",
|
||||
]}
|
||||
"Hell's Paradise: Jigokuraku follows the story of Gabimaru the Hollow, a ninja sentenced to death, who is sent on a perilous mission to find the Elixir of Life.", "On the island of Shinsenkyo, life and death intertwine. Warriors face surreal, god-like creatures and psychological trials that test their very soul.", "Discover the secrets hidden in the flora, the history of the Tensen, and the fight for redemption in this gripping dark fantasy masterpiece."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,34 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "The Ninja",
|
||||
title: "Gabimaru the Hollow",
|
||||
items: [
|
||||
"Superhuman strength and reflexes",
|
||||
"Ninjutsu master",
|
||||
"Seeking a return to his wife",
|
||||
],
|
||||
id: "1", label: "The Ninja", title: "Gabimaru the Hollow", items: [
|
||||
"Superhuman strength and reflexes", "Ninjutsu master", "Seeking a return to his wife"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "The Executioner",
|
||||
title: "Yamada Asaemon Sagiri",
|
||||
items: [
|
||||
"Expert swordsman",
|
||||
"Strong moral code",
|
||||
"Seeking personal growth",
|
||||
],
|
||||
id: "2", label: "The Executioner", title: "Yamada Asaemon Sagiri", items: [
|
||||
"Expert swordsman", "Strong moral code", "Seeking personal growth"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "The Immortal",
|
||||
title: "The Tensen",
|
||||
items: [
|
||||
"Divine beings of Shinsenkyo",
|
||||
"Masters of Tao",
|
||||
"Eternal and merciless",
|
||||
],
|
||||
id: "3", label: "The Immortal", title: "The Tensen", items: [
|
||||
"Divine beings of Shinsenkyo", "Masters of Tao", "Eternal and merciless"],
|
||||
},
|
||||
]}
|
||||
title="The Mortal and Immortal"
|
||||
@@ -155,49 +100,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fan One",
|
||||
handle: "@jigoku_fan",
|
||||
testimonial: "The plot twists are incredible. Absolutely gripping.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100169.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fan Two",
|
||||
handle: "@manga_lover",
|
||||
testimonial: "Stunning visuals and deep character development.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100262.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fan Three",
|
||||
handle: "@gabimaru_stan",
|
||||
testimonial: "One of the best dark fantasy series I have ever read.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118156.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fan Four",
|
||||
handle: "@asemon_fan",
|
||||
testimonial: "The balance of action and psychological depth is perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-girl-white-wig_23-2147680536.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fan Five",
|
||||
handle: "@tensen_watcher",
|
||||
testimonial: "Surreal, terrifying, and beautiful. Masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100193.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Fan One", handle: "@jigoku_fan", testimonial: "The plot twists are incredible. Absolutely gripping.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100169.jpg" },
|
||||
{ id: "2", name: "Fan Two", handle: "@manga_lover", testimonial: "Stunning visuals and deep character development.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100262.jpg" },
|
||||
{ id: "3", name: "Fan Three", handle: "@gabimaru_stan", testimonial: "One of the best dark fantasy series I have ever read.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118156.jpg" },
|
||||
{ id: "4", name: "Fan Four", handle: "@asemon_fan", testimonial: "The balance of action and psychological depth is perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sad-girl-white-wig_23-2147680536.jpg" },
|
||||
{ id: "5", name: "Fan Five", handle: "@tensen_watcher", testimonial: "Surreal, terrifying, and beautiful. Masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100193.jpg" },
|
||||
]}
|
||||
title="What Fans Are Saying"
|
||||
description="Voices from the island of Shinsenkyo."
|
||||
/>
|
||||
@@ -207,8 +117,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Get Island Updates"
|
||||
description="Sign up to receive the latest lore analysis, character deep-dives, and news about the franchise."
|
||||
@@ -222,16 +131,8 @@ export default function LandingPage() {
|
||||
logoText="Jigokuraku Fan Portal"
|
||||
copyrightText="© 2025 Hell's Paradise Fan Hub. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user