Merge version_1 into main #1
169
src/app/page.tsx
169
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Trending",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Trending", id: "#hero"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "#community",
|
||||
},
|
||||
name: "Community", id: "#community"},
|
||||
]}
|
||||
brandName="AnimeHub"
|
||||
/>
|
||||
@@ -48,41 +42,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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: "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: "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: "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: "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: "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: "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}
|
||||
/>
|
||||
@@ -96,41 +71,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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."
|
||||
@@ -139,49 +90,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
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: "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: "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: "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: "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: "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"
|
||||
@@ -194,6 +121,12 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -204,16 +137,10 @@ export default function LandingPage() {
|
||||
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: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
@@ -227,33 +154,21 @@ export default function LandingPage() {
|
||||
logoText="AnimeHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Trending",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Trending", href: "#hero"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#community",
|
||||
},
|
||||
label: "Community", href: "#community"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user