Merge version_1 into main #2
@@ -28,12 +28,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Trending", id: "#hero"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Community", id: "#community"},
|
||||
{ name: "Trending", id: "hero" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Community", id: "contact" },
|
||||
]}
|
||||
brandName="AnimeHub"
|
||||
/>
|
||||
@@ -41,23 +38,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Dive Into the Neon World"
|
||||
description="The ultimate destination for anime enthusiasts. Discover trending titles, share reviews, and join our vibrant community."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg", imageAlt: "anime hero dynamic pose neon blue"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/christianity-statue-represents-religion-spirituality-cultures-generative-ai_188544-12762.jpg", imageAlt: "anime character dynamic pose neon lighting"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150960836.jpg", imageAlt: "epic anime fighting pose digital art"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/halloween-scene-illustration-anime-style_23-2151794300.jpg", imageAlt: "mysterious anime character neon blue light"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568821.jpg", imageAlt: "powerful anime character action pose"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-neon-city-night_23-2152031327.jpg", imageAlt: "dynamic anime character stance neon blue"},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134224.jpg", imageAlt: "anime hero dynamic pose neon blue" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/christianity-statue-represents-religion-spirituality-cultures-generative-ai_188544-12762.jpg", imageAlt: "anime character dynamic pose neon lighting" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150960836.jpg", imageAlt: "epic anime fighting pose digital art" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/halloween-scene-illustration-anime-style_23-2151794300.jpg", imageAlt: "mysterious anime character neon blue light" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568821.jpg", imageAlt: "powerful anime character action pose" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-neon-city-night_23-2152031327.jpg", imageAlt: "dynamic anime character stance neon blue" },
|
||||
]}
|
||||
autoPlay={true}
|
||||
/>
|
||||
@@ -70,18 +60,12 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "c1", name: "Cyber Samurai", price: "New Release", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-character-neon-cityscape_23-2152007990.jpg"},
|
||||
{
|
||||
id: "c2", name: "Neon Mage", price: "Most Watched", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871877.jpg"},
|
||||
{
|
||||
id: "c3", name: "Tech Rogue", price: "Fan Favorite", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150961084.jpg"},
|
||||
{
|
||||
id: "c4", name: "Street Ninja", price: "Rising Star", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-with-people-doing-regular-tasks-anime-style_23-2151002531.jpg"},
|
||||
{
|
||||
id: "c5", name: "Arcade Legend", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732537.jpg"},
|
||||
{
|
||||
id: "c6", name: "Dark Soul", price: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278587.jpg"},
|
||||
{ id: "c1", name: "Cyber Samurai", price: "New Release", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-character-neon-cityscape_23-2152007990.jpg" },
|
||||
{ id: "c2", name: "Neon Mage", price: "Most Watched", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871877.jpg" },
|
||||
{ id: "c3", name: "Tech Rogue", price: "Fan Favorite", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-ninja-wearing-equipment_23-2150961084.jpg" },
|
||||
{ id: "c4", name: "Street Ninja", price: "Rising Star", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-with-people-doing-regular-tasks-anime-style_23-2151002531.jpg" },
|
||||
{ id: "c5", name: "Arcade Legend", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732537.jpg" },
|
||||
{ id: "c6", name: "Dark Soul", price: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278587.jpg" },
|
||||
]}
|
||||
title="Popular Characters"
|
||||
description="Trending heroes you need to know about."
|
||||
@@ -94,21 +78,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Kaito S.", handle: "@kaito_fan", testimonial: "Cyber Samurai is the best anime this season! Absolutely loved the animation quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568826.jpg"},
|
||||
{
|
||||
id: "2", name: "Yuki M.", handle: "@yuki_reviews", testimonial: "The soundtrack in Neon Mage is just breathtaking. A must-watch for everyone.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568883.jpg"},
|
||||
{
|
||||
id: "3", name: "Hiroshi T.", handle: "@hiro_anime", testimonial: "Finally, a site that captures the true essence of the anime community. Great stuff!", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-enigma-hooded-figure-wielding-blue-energy_23-2152031323.jpg"},
|
||||
{
|
||||
id: "4", name: "Akira N.", handle: "@akira_chan", testimonial: "I love the detailed character reviews here. It really helps me decide what to watch next.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-water_23-2151080243.jpg"},
|
||||
{
|
||||
id: "5", name: "Sora L.", handle: "@sora_fan", testimonial: "Clean UI and great content. This is the place to be for every otaku.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149314.jpg"},
|
||||
{ id: "1", name: "Kaito S.", handle: "@kaito_fan", testimonial: "Cyber Samurai is the best anime this season! Absolutely loved the animation quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568826.jpg" },
|
||||
{ id: "2", name: "Yuki M.", handle: "@yuki_reviews", testimonial: "The soundtrack in Neon Mage is just breathtaking. A must-watch for everyone.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568883.jpg" },
|
||||
{ id: "3", name: "Hiroshi T.", handle: "@hiro_anime", testimonial: "Finally, a site that captures the true essence of the anime community. Great stuff!", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-enigma-hooded-figure-wielding-blue-energy_23-2152031323.jpg" },
|
||||
{ id: "4", name: "Akira N.", handle: "@akira_chan", testimonial: "I love the detailed character reviews here. It really helps me decide what to watch next.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/anime-character-water_23-2151080243.jpg" },
|
||||
{ id: "5", name: "Sora L.", handle: "@sora_fan", testimonial: "Clean UI and great content. This is the place to be for every otaku.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149314.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Community Reviews"
|
||||
@@ -124,8 +98,8 @@ export default function LandingPage() {
|
||||
title="Pricing Plans"
|
||||
description="Choose the plan that suits you best."
|
||||
plans={[
|
||||
{ id: "p1", name: "Basic", price: "$9/mo", features: ["Ad-free experience", "Community access"] },
|
||||
{ id: "p2", name: "Pro", price: "$19/mo", features: ["4K Streaming", "Exclusive content", "Early access"] }
|
||||
{ id: "p1", price: "$9/mo", features: ["Ad-free experience", "Community access"] },
|
||||
{ id: "p2", price: "$19/mo", features: ["4K Streaming", "Exclusive content", "Early access"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,12 +110,8 @@ export default function LandingPage() {
|
||||
title="Join Our Community"
|
||||
description="Sign up to receive the latest updates, character releases, and exclusive community events."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-with-ai-enhanced-body_23-2151871889.jpg"
|
||||
@@ -154,21 +124,16 @@ export default function LandingPage() {
|
||||
logoText="AnimeHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Trending", href: "#hero"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Community", href: "#community"},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Trending", href: "#hero" },
|
||||
{ label: "Reviews", href: "#reviews" },
|
||||
{ label: "Community", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user