diff --git a/src/app/anime-catalog/page.tsx b/src/app/anime-catalog/page.tsx new file mode 100644 index 0000000..2d59e41 --- /dev/null +++ b/src/app/anime-catalog/page.tsx @@ -0,0 +1,79 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; +import ProductCardFour from '@/components/sections/product/ProductCardFour'; +import { useState } from 'react'; + +export default function AnimeCatalogPage() { + const [filter, setFilter] = useState("all"); + const allAnime = [ + { id: "1", name: "Cyber Samurai", price: "Action", variant: "2024", imageSrc: "http://img.b2bpic.net/free-photo/concept-halloween-celebration-covid-19-pandemic_1258-18691.jpg" }, + { id: "2", name: "Neon Maiden", price: "Sci-Fi", variant: "2023", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512126.jpg" }, + { id: "3", name: "Shadow Knight", price: "Fantasy", variant: "2024", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-boxes-with-lantern-perspective-side_187299-38087.jpg" }, + { id: "4", name: "Cloud Princess", price: "Adventure", variant: "2022", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133569.jpg" }, + { id: "5", name: "Dragon Soul", price: "Action", variant: "2024", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278793.jpg" }, + { id: "6", name: "Elemental Mage", price: "Fantasy", variant: "2023", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133576.jpg" }, + ]; + + const filteredAnime = filter === "all" ? allAnime : allAnime.filter(a => a.price === filter); + + return ( + + + + +
+
+

Anime Library

+
+ {["all", "Action", "Fantasy", "Sci-Fi", "Adventure"].map((f) => ( + + ))} +
+ +
+
+ + + + + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index efc34dc..da6c257 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,21 +32,13 @@ export default function LandingPage() { @@ -56,98 +48,55 @@ export default function LandingPage() { @@ -155,8 +104,8 @@ export default function LandingPage() {
@@ -169,20 +118,11 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "1", - value: "1.5M+", - description: "Active Anime Fans", - }, + id: "1", value: "1.5M+", description: "Active Anime Fans"}, { - id: "2", - value: "50K+", - description: "Series Catalog", - }, + id: "2", value: "50K+", description: "Series Catalog"}, { - id: "3", - value: "120+", - description: "Global Regions", - }, + id: "3", value: "120+", description: "Global Regions"}, ]} title="Community Power" description="See the passion driving our platform." @@ -195,48 +135,14 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "Great Experience", - quote: "I found so many new shows here.", - name: "Akira K.", - role: "Fan", - imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fantasy-portrait-with-costume_23-2151159175.jpg", - }, + id: "1", title: "Essential for tracking", quote: "I haven't missed a new episode since I started using this tracker.", name: "Sora T.", role: "Hardcore Fan", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-fantasy-portrait-with-costume_23-2151159175.jpg"}, { - id: "2", - title: "Amazing UI", - quote: "The design is super smooth.", - name: "Kenji M.", - role: "Fan", - imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-asian-woman_23-2151836552.jpg", - }, + id: "2", title: "Community is great", quote: "The discussion forums are so much better than generic social networks.", name: "Hana R.", role: "Community Member", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-asian-woman_23-2151836552.jpg"}, { - id: "3", - title: "Truly Epic", - quote: "Essential for any anime lover.", - name: "Yuki S.", - role: "Fan", - imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100180.jpg", - }, - { - id: "4", - title: "Perfect!", - quote: "Highly recommend to my friends.", - name: "Hiroshi T.", - role: "Fan", - imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100148.jpg", - }, - { - id: "5", - title: "Simply The Best", - quote: "I love the community features.", - name: "Mina K.", - role: "Fan", - imageSrc: "http://img.b2bpic.net/free-photo/anime-boy-playing-with-water-gun-beach_23-2151987391.jpg", - }, + id: "3", title: "Clean Interface", quote: "I love how easy it is to find hidden gems I missed.", name: "Ren K.", role: "Casual Viewer", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100180.jpg"}, ]} title="Fan Experiences" - description="What our users think about AniPortal." + description="What our global community says about their time on AniPortal." /> @@ -248,41 +154,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Cyber Samurai Figure", - price: "$89", - imageSrc: "http://img.b2bpic.net/free-photo/concept-halloween-celebration-covid-19-pandemic_1258-18691.jpg", - }, + id: "p1", name: "Cyber Samurai Figure", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/concept-halloween-celebration-covid-19-pandemic_1258-18691.jpg"}, { - id: "p2", - name: "Neon Maiden Doll", - price: "$75", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512126.jpg", - }, + id: "p2", name: "Neon Maiden Doll", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-universe-texture-projection_23-2149512126.jpg"}, { - id: "p3", - name: "Shadow Knight Statue", - price: "$120", - imageSrc: "http://img.b2bpic.net/free-photo/ramadan-boxes-with-lantern-perspective-side_187299-38087.jpg", - }, + id: "p3", name: "Shadow Knight Statue", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-boxes-with-lantern-perspective-side_187299-38087.jpg"}, { - id: "p4", - name: "Cloud Princess Figure", - price: "$95", - imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133569.jpg", - }, + id: "p4", name: "Cloud Princess Figure", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133569.jpg"}, { - id: "p5", - name: "Dragon Soul Keyring", - price: "$25", - imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278793.jpg", - }, + id: "p5", name: "Dragon Soul Keyring", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-ninja-naruto_23-2151278793.jpg"}, { - id: "p6", - name: "Elemental Mage Set", - price: "$150", - imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133576.jpg", - }, + id: "p6", name: "Elemental Mage Set", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133576.jpg"}, ]} title="Top Anime Merchandise" description="Exclusive collectibles for true fans." @@ -295,20 +177,11 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "How do I subscribe?", - content: "You can sign up directly via our membership dashboard.", - }, + id: "1", title: "How do I subscribe?", content: "You can sign up directly via our membership dashboard."}, { - id: "2", - title: "Are there community guidelines?", - content: "Yes, we encourage a respectful environment for everyone.", - }, + id: "2", title: "Are there community guidelines?", content: "Yes, we encourage a respectful environment for everyone."}, { - id: "3", - title: "Can I suggest shows?", - content: "Absolutely! Use the feedback form to reach our content team.", - }, + id: "3", title: "Can I suggest shows?", content: "Absolutely! Use the feedback form to reach our content team."}, ]} title="Need Help?" description="Common questions from our community members." @@ -321,14 +194,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "AniWatch", - "OtakuGlobal", - "StudioDream", - "AnimeFeed", - "FestivAnime", - "JumpApp", - "MerchHaven", - ]} + "AniWatch", "OtakuGlobal", "StudioDream", "AnimeFeed", "FestivAnime", "JumpApp", "MerchHaven"]} title="Trusted By Creators" description="Leading studios and influencers collaborate with us." /> @@ -338,16 +204,13 @@ export default function LandingPage() { @@ -357,42 +220,27 @@ export default function LandingPage() { logoText="AniPortal" columns={[ { - title: "Platform", - items: [ + title: "Platform", items: [ { - label: "About", - href: "#", - }, + label: "About", href: "#"}, { - label: "Series", - href: "#featured", - }, + label: "Series", href: "#featured"}, ], }, { - title: "Resources", - items: [ + title: "Resources", items: [ { - label: "Blog", - href: "#", - }, + label: "Blog", href: "#"}, { - label: "Community", - href: "#metrics", - }, + label: "Community", href: "#metrics"}, ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { - label: "Privacy", - href: "#", - }, + label: "Privacy", href: "#"}, { - label: "Terms", - href: "#", - }, + label: "Terms", href: "#"}, ], }, ]} @@ -402,4 +250,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/watch/[id]/page.tsx b/src/app/watch/[id]/page.tsx new file mode 100644 index 0000000..f9c51d4 --- /dev/null +++ b/src/app/watch/[id]/page.tsx @@ -0,0 +1,74 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import ReactLenis from "lenis/react"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal'; +import { useState } from 'react'; + +export default function AnimeWatchPage({ params }: { params: { id: string } }) { + const [currentEpisode, setCurrentEpisode] = useState(1); + const episodes = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; + + return ( + + + + +
+
+
+ Video Player: Episode {currentEpisode} +
+

Anime Series Title - Episode {currentEpisode}

+
+ +
+

Episodes

+
+ {episodes.map((ep) => ( + + ))} +
+
+
+ + + + + ); +} \ No newline at end of file