Update src/app/anime/page.tsx
This commit is contained in:
@@ -28,36 +28,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
href: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Anime",
|
||||
id: "anime",
|
||||
href: "#anime-catalog",
|
||||
},
|
||||
name: "Anime", id: "/anime"},
|
||||
{
|
||||
name: "Watch Free",
|
||||
id: "watch-free",
|
||||
href: "#features",
|
||||
},
|
||||
name: "Watch Free", id: "#features"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faqs",
|
||||
href: "#faq",
|
||||
},
|
||||
name: "FAQs", id: "/faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
href: "#contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="AnimeFlix Hindi"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#anime-catalog",
|
||||
}}
|
||||
text: "Get Started", href: "#anime-catalog"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -66,125 +49,46 @@ export default function LandingPage() {
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Action, Fantasy",
|
||||
name: "Naruto: Shippuden",
|
||||
price: "Free",
|
||||
rating: 5,
|
||||
reviewCount: "1.2K",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=3",
|
||||
imageAlt: "Naruto: Shippuden anime poster",
|
||||
},
|
||||
id: "1", category: "Action, Fantasy", name: "Naruto: Shippuden", price: "Free", rating: 5,
|
||||
reviewCount: "1.2K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png", imageAlt: "Naruto: Shippuden anime poster"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Dark Fantasy, Action",
|
||||
name: "Attack on Titan",
|
||||
price: "Free",
|
||||
rating: 5,
|
||||
reviewCount: "1.5K",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=3",
|
||||
imageAlt: "Attack on Titan anime poster",
|
||||
},
|
||||
id: "2", category: "Dark Fantasy, Action", name: "Attack on Titan", price: "Free", rating: 5,
|
||||
reviewCount: "1.5K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png", imageAlt: "Attack on Titan anime poster"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Supernatural, Action",
|
||||
name: "Jujutsu Kaisen",
|
||||
price: "Free",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=4",
|
||||
imageAlt: "Jujutsu Kaisen anime poster",
|
||||
},
|
||||
id: "3", category: "Supernatural, Action", name: "Jujutsu Kaisen", price: "Free", rating: 5,
|
||||
reviewCount: "980", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png", imageAlt: "Jujutsu Kaisen anime poster"},
|
||||
{
|
||||
id: "4",
|
||||
category: "Comedy, Slice of Life",
|
||||
name: "Spy x Family",
|
||||
price: "Free",
|
||||
rating: 4.5,
|
||||
reviewCount: "750",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png?_wi=3",
|
||||
imageAlt: "Spy x Family anime poster",
|
||||
},
|
||||
id: "4", category: "Comedy, Slice of Life", name: "Spy x Family", price: "Free", rating: 4.5,
|
||||
reviewCount: "750", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png", imageAlt: "Spy x Family anime poster"},
|
||||
{
|
||||
id: "5",
|
||||
category: "Adventure, Fantasy",
|
||||
name: "Demon Slayer",
|
||||
price: "Free",
|
||||
rating: 5,
|
||||
reviewCount: "1.3K",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=4",
|
||||
imageAlt: "Demon Slayer anime poster",
|
||||
},
|
||||
id: "5", category: "Adventure, Fantasy", name: "Demon Slayer", price: "Free", rating: 5,
|
||||
reviewCount: "1.3K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png", imageAlt: "Demon Slayer anime poster"},
|
||||
{
|
||||
id: "6",
|
||||
category: "Superhero, Action",
|
||||
name: "My Hero Academia",
|
||||
price: "Free",
|
||||
rating: 4.5,
|
||||
reviewCount: "1.1K",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=5",
|
||||
imageAlt: "My Hero Academia anime poster",
|
||||
},
|
||||
id: "6", category: "Superhero, Action", name: "My Hero Academia", price: "Free", rating: 4.5,
|
||||
reviewCount: "1.1K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png", imageAlt: "My Hero Academia anime poster"},
|
||||
{
|
||||
id: "7",
|
||||
category: "Adventure, Fantasy",
|
||||
name: "One Piece",
|
||||
price: "Free",
|
||||
rating: 4.8,
|
||||
reviewCount: "2.0K",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png?_wi=4",
|
||||
imageAlt: "One Piece anime poster",
|
||||
},
|
||||
id: "7", category: "Adventure, Fantasy", name: "One Piece", price: "Free", rating: 4.8,
|
||||
reviewCount: "2.0K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png", imageAlt: "One Piece anime poster"},
|
||||
{
|
||||
id: "8",
|
||||
category: "Martial Arts, Adventure",
|
||||
name: "Dragon Ball Z",
|
||||
price: "Free",
|
||||
rating: 4.7,
|
||||
reviewCount: "1.8K",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=5",
|
||||
imageAlt: "Dragon Ball Z anime poster",
|
||||
},
|
||||
id: "8", category: "Martial Arts, Adventure", name: "Dragon Ball Z", price: "Free", rating: 4.7,
|
||||
reviewCount: "1.8K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png", imageAlt: "Dragon Ball Z anime poster"},
|
||||
]}
|
||||
searchPlaceholder="Search thousands of Hindi-dubbed anime..."
|
||||
filters={[
|
||||
{
|
||||
label: "Genre",
|
||||
options: [
|
||||
"All",
|
||||
"Action",
|
||||
"Fantasy",
|
||||
"Sci-Fi",
|
||||
"Romance",
|
||||
"Comedy",
|
||||
"Slice of Life",
|
||||
],
|
||||
selected: "All",
|
||||
onChange: "() => {}",
|
||||
label: "Genre", options: [
|
||||
"All", "Action", "Fantasy", "Sci-Fi", "Romance", "Comedy", "Slice of Life"],
|
||||
selected: "All", onChange: () => {},
|
||||
},
|
||||
{
|
||||
label: "Status",
|
||||
options: [
|
||||
"All",
|
||||
"Ongoing",
|
||||
"Completed",
|
||||
"Upcoming",
|
||||
],
|
||||
selected: "All",
|
||||
onChange: "() => {}",
|
||||
label: "Status", options: [
|
||||
"All", "Ongoing", "Completed", "Upcoming"],
|
||||
selected: "All", onChange: () => {},
|
||||
},
|
||||
{
|
||||
label: "Year",
|
||||
options: [
|
||||
"All",
|
||||
"2024",
|
||||
"2023",
|
||||
"2022",
|
||||
"2021",
|
||||
"Older",
|
||||
],
|
||||
selected: "All",
|
||||
onChange: "() => {}",
|
||||
label: "Year", options: [
|
||||
"All", "2024", "2023", "2022", "2021", "Older"],
|
||||
selected: "All", onChange: () => {},
|
||||
},
|
||||
]}
|
||||
emptyMessage="No anime found matching your criteria."
|
||||
@@ -193,38 +97,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="explore-genres" data-section="explore-genres">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Action Thrillers",
|
||||
description: "Explosive battles and heart-pounding adventures.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png?_wi=6",
|
||||
imageAlt: "Dynamic action anime scene",
|
||||
},
|
||||
id: "1", title: "Action Thrillers", description: "Explosive battles and heart-pounding adventures.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-fantasy-action-s-1774536262172-cab0145a.png", imageAlt: "Dynamic action anime scene"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fantasy Worlds",
|
||||
description: "Magic, mythical creatures, and epic quests.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png?_wi=6",
|
||||
imageAlt: "Magical fantasy anime landscape",
|
||||
},
|
||||
id: "2", title: "Fantasy Worlds", description: "Magic, mythical creatures, and epic quests.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-sci-fi-mystery-f-1774536262969-f5ec645d.png", imageAlt: "Magical fantasy anime landscape"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Sci-Fi Futures",
|
||||
description: "Advanced technology and intergalactic sagas.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-futuristic-3d-ui-dashboard-showing-ani-1774536259971-916f77ba.png?_wi=2",
|
||||
imageAlt: "Futuristic sci-fi anime city",
|
||||
},
|
||||
id: "3", title: "Sci-Fi Futures", description: "Advanced technology and intergalactic sagas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-futuristic-3d-ui-dashboard-showing-ani-1774536259971-916f77ba.png", imageAlt: "Futuristic sci-fi anime city"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Heartfelt Romance",
|
||||
description: "Love stories that will warm your soul.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png?_wi=5",
|
||||
imageAlt: "Romantic anime couple",
|
||||
},
|
||||
id: "4", title: "Heartfelt Romance", description: "Love stories that will warm your soul.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BUGJOxrVi933hFXeJ6Lo4G9ZLq/a-3d-anime-poster-for-a-slice-of-life-co-1774536258436-38ad7b61.png", imageAlt: "Romantic anime couple"},
|
||||
]}
|
||||
title="Explore Diverse Anime Universes"
|
||||
description="Dive into our curated collection of Hindi-dubbed anime spanning every imaginable genre. Discover new favorites or rewatch classics with our stunning 3D UI."
|
||||
@@ -235,17 +120,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Can't find your favorite?"
|
||||
tagIcon={Sparkles}
|
||||
title="Request Your Next Anime Obsession"
|
||||
description="Our library is constantly growing. Help us prioritize what to dub next in Hindi by requesting your most anticipated series or movies!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Suggest Anime",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Suggest Anime", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,62 +136,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "All Anime",
|
||||
href: "/anime",
|
||||
},
|
||||
label: "All Anime", href: "/anime"},
|
||||
{
|
||||
label: "New Releases",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Releases", href: "#"},
|
||||
{
|
||||
label: "Popular Titles",
|
||||
href: "#",
|
||||
},
|
||||
label: "Popular Titles", href: "#"},
|
||||
{
|
||||
label: "Genres",
|
||||
href: "#",
|
||||
},
|
||||
label: "Genres", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/faqs",
|
||||
},
|
||||
label: "FAQs", href: "/faqs"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
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