Merge version_1 into main #4
@@ -3,25 +3,23 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function UpcomingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Trending", id: "trending" },
|
||||
{ name: "Upcoming", id: "upcoming" },
|
||||
{ name: "Categories", id: "categories" },
|
||||
{ name: "Community", id: "community" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Trending", id: "/trending" },
|
||||
{ name: "Upcoming", id: "/upcoming" },
|
||||
{ name: "Community", id: "/community" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Categories", href: "/categories" },
|
||||
@@ -29,8 +27,7 @@ export default function UpcomingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{ label: "Forum", href: "/forum" },
|
||||
{ label: "User Profiles", href: "/profiles" },
|
||||
{ label: "Reviews", href: "/reviews" },
|
||||
@@ -38,8 +35,7 @@ export default function UpcomingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
@@ -47,8 +43,7 @@ export default function UpcomingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Cookie Policy", href: "/cookies" },
|
||||
@@ -79,18 +74,62 @@ export default function UpcomingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="upcoming-releases" data-section="upcoming-releases">
|
||||
<ProductCardOne
|
||||
title="Upcoming Releases"
|
||||
description="Mark your calendars for the most anticipated anime releases. Get notified when new episodes and series premiere on AnimeCore."
|
||||
<div id="upcoming-hero" data-section="upcoming-hero">
|
||||
<HeroBillboardTestimonial
|
||||
title="Upcoming Anime Releases"
|
||||
description="Discover what's coming next in the anime world. Stay ahead with our comprehensive upcoming releases calendar featuring the most anticipated new series and seasons launching soon on AnimeCore."
|
||||
tag="📅 Coming Soon"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "animated-grid"}}
|
||||
buttons={[
|
||||
{ text: "Set Notifications", href: "/notifications" },
|
||||
{ text: "View All", href: "/upcoming" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/upcoming-anime-teaser-poster-with-myster-1773419313972-2a5038a0.png"
|
||||
imageAlt="Upcoming anime teaser with mystery elements"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
text: "Set Notifications",
|
||||
href: "/upcoming",
|
||||
},
|
||||
name: "Sakura Tanaka", handle: "@sakura_anime", testimonial: "AnimeCore's release calendar keeps me updated on all upcoming shows. Never miss a premiere!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/cute-anime-character-avatar-portrait-in--1773419312512-19e50b5c.png", imageAlt: "Sakura's avatar"},
|
||||
{
|
||||
name: "Kenji Yamamoto", handle: "@kenji_fan", testimonial: "Notifications for upcoming releases are a lifesaver. Never missed an episode since!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/cool-anime-boy-character-avatar-professi-1773419312816-c444ec4b.png", imageAlt: "Kenji's avatar"},
|
||||
{
|
||||
name: "Yuki Mizuki", handle: "@yuki_watches", testimonial: "The anticipation features are incredible. Building hype for new series is so fun here!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/professional-anime-character-avatar-for--1773419312673-bdd39084.png", imageAlt: "Yuki's avatar"},
|
||||
{
|
||||
name: "Hiroshi Sato", handle: "@hiroshi_otaku", testimonial: "Always know what's dropping next. Perfect way to plan my anime watching schedule!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/happy-smiling-anime-character-avatar-fri-1773419316045-88273c9b.png", imageAlt: "Hiroshi's avatar"},
|
||||
{
|
||||
name: "Akira Nakamura", handle: "@akira_cinema", testimonial: "Upcoming section is my go-to for planning weekend anime marathons!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/passionate-anime-enthusiast-character-av-1773419313114-01032cbf.png", imageAlt: "Akira's avatar"},
|
||||
{
|
||||
name: "Emi Kobayashi", handle: "@emi_anime_fan", testimonial: "Premium features show all upcoming releases with detailed info. Simply amazing!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/diverse-anime-community-member-avatar-in-1773419313803-22b237b9.png", imageAlt: "Emi's avatar"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
className="relative overflow-hidden"
|
||||
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20"
|
||||
textBoxClassName="backdrop-blur-lg bg-blue-500/10 rounded-2xl p-8 border border-cyan-400/20"
|
||||
titleClassName="text-5xl md:text-7xl font-extrabold bg-gradient-to-r from-cyan-300 to-blue-300 bg-clip-text text-transparent"
|
||||
descriptionClassName="text-lg text-blue-100/90"
|
||||
mediaWrapperClassName="rounded-2xl overflow-hidden border border-cyan-400/30 shadow-2xl shadow-cyan-500/20"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="new-releases" data-section="new-releases">
|
||||
<ProductCardOne
|
||||
title="This Month's Releases"
|
||||
description="Fresh anime dropping this month with new episodes, series premieres, and exclusive content updates. Check back daily for new announcements!"
|
||||
tag="🎉 January 2025"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Notify Me", href: "/notifications" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -99,26 +138,11 @@ export default function UpcomingPage() {
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "upcoming-1",
|
||||
name: "Cosmic Rebellion",
|
||||
price: "Releases Jan 15, 2025",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/upcoming-anime-teaser-poster-with-myster-1773419313972-2a5038a0.png?_wi=5",
|
||||
imageAlt: "Cosmic Rebellion - Upcoming anime",
|
||||
},
|
||||
id: "release-1", name: "Cosmic Rebellion", price: "Releases Jan 15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/upcoming-anime-teaser-poster-with-myster-1773419313972-2a5038a0.png", imageAlt: "Cosmic Rebellion - Upcoming anime"},
|
||||
{
|
||||
id: "upcoming-2",
|
||||
name: "Azure Fantasy",
|
||||
price: "Releases Jan 22, 2025",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/new-anime-series-teaser-poster-with-intr-1773419313276-879056d4.png?_wi=4",
|
||||
imageAlt: "Azure Fantasy - Fantasy anime series",
|
||||
},
|
||||
id: "release-2", name: "Azure Fantasy", price: "Releases Jan 22", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/new-anime-series-teaser-poster-with-intr-1773419313276-879056d4.png", imageAlt: "Azure Fantasy - Fantasy anime series"},
|
||||
{
|
||||
id: "upcoming-3",
|
||||
name: "Quantum Nexus",
|
||||
price: "Releases Feb 1, 2025",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/anime-season-premiere-poster-with-dynami-1773419314384-3557f72d.png?_wi=3",
|
||||
imageAlt: "Quantum Nexus - Sci-fi anime release",
|
||||
},
|
||||
id: "release-3", name: "Quantum Nexus", price: "Releases Feb 1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/anime-season-premiere-poster-with-dynami-1773419314384-3557f72d.png", imageAlt: "Quantum Nexus - Sci-fi anime release"},
|
||||
]}
|
||||
className="relative"
|
||||
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"
|
||||
@@ -131,56 +155,25 @@ export default function UpcomingPage() {
|
||||
|
||||
<div id="upcoming-news" data-section="upcoming-news">
|
||||
<BlogCardThree
|
||||
title="What's Coming Next"
|
||||
description="Latest announcements about upcoming anime releases, special events, and studio collaborations you won't want to miss."
|
||||
tag="📰 Announcements"
|
||||
title="Upcoming News & Announcements"
|
||||
description="Get the latest announcements about upcoming anime releases, studio news, production updates, and exclusive previews of what's coming to AnimeCore."
|
||||
tag="📢 News"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "See All News",
|
||||
href: "/news",
|
||||
},
|
||||
{ text: "Read More", href: "/news" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "upcoming-news-1",
|
||||
category: "Release Schedule",
|
||||
title: "January 2025 Anime Premiere Lineup Revealed",
|
||||
excerpt: "Discover 15 brand new anime series set to premiere this January with exclusive previews and premiere date countdowns.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/anime-news-article-header-image-with-pro-1773419314041-752fafeb.png?_wi=2",
|
||||
imageAlt: "January anime releases",
|
||||
authorName: "AnimeCore Updates",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/cute-anime-character-avatar-portrait-in--1773419312512-19e50b5c.png",
|
||||
date: "Dec 25, 2024",
|
||||
},
|
||||
id: "news-1", category: "Release Announcement", title: "Three Major Studio Collaborations Announced for Q1 2025", excerpt: "Top animation studios confirm exciting new collaborations bringing unprecedented production values to upcoming anime series.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/anime-news-article-header-image-with-pro-1773419314041-752fafeb.png", imageAlt: "Studio collaboration announcement", authorName: "Anime Times Editorial", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/cute-anime-character-avatar-portrait-in--1773419312512-19e50b5c.png", date: "Dec 28, 2024"},
|
||||
{
|
||||
id: "upcoming-news-2",
|
||||
category: "Studio Announcement",
|
||||
title: "Legendary Studio Announces Multi-Season Commitment",
|
||||
excerpt: "Top-tier animation studio confirms 3-season deal for highly anticipated series with extended episode counts.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/breaking-anime-news-visual-with-eye-catc-1773419313823-cb0c0c10.png?_wi=2",
|
||||
imageAlt: "Studio multi-season deal",
|
||||
authorName: "Industry Insider Report",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/cool-anime-boy-character-avatar-professi-1773419312816-c444ec4b.png",
|
||||
date: "Dec 23, 2024",
|
||||
},
|
||||
id: "news-2", category: "Production Update", title: "Next-Gen Animation Techniques to Debut in Upcoming Releases", excerpt: "Revolutionary animation technology makes its debut in highly anticipated series starting January 2025.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/breaking-anime-news-visual-with-eye-catc-1773419313823-cb0c0c10.png", imageAlt: "Animation technology update", authorName: "Streaming Analytics Hub", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/cool-anime-boy-character-avatar-professi-1773419312816-c444ec4b.png", date: "Dec 27, 2024"},
|
||||
{
|
||||
id: "upcoming-news-3",
|
||||
category: "Special Events",
|
||||
title: "Global Anime Festival 2025 Dates and Special Screenings",
|
||||
excerpt: "Mark your calendars for the world's largest anime celebration featuring premiere screenings, industry panels, and fan events.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/anime-success-story-news-image-with-cele-1773419314156-e88df940.png?_wi=2",
|
||||
imageAlt: "Anime festival announcement",
|
||||
authorName: "Festival Committee",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/professional-anime-character-avatar-for--1773419312673-bdd39084.png",
|
||||
date: "Dec 22, 2024",
|
||||
},
|
||||
id: "news-3", category: "Preview", title: "Exclusive First Look: Character Designs for Winter Season", excerpt: "AnimeCore gets exclusive early access to stunning character designs from five upcoming winter anime premieres.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/anime-success-story-news-image-with-cele-1773419314156-e88df940.png", imageAlt: "Exclusive character design preview", authorName: "Digital Entertainment News", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtkMMsHdw0e6wDxpSYOYOFUtLd/professional-anime-character-avatar-for--1773419312673-bdd39084.png", date: "Dec 26, 2024"},
|
||||
]}
|
||||
className="relative"
|
||||
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"
|
||||
@@ -193,68 +186,6 @@ export default function UpcomingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="upcoming-faq" data-section="upcoming-faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Upcoming Anime FAQ"
|
||||
sideDescription="Get answers to questions about release schedules, premiere dates, notification settings, and how to prepare for your favorite upcoming releases."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "/support",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
showCard={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-upcoming-1",
|
||||
title: "How do I get notifications for upcoming releases?",
|
||||
content: "Visit any anime's detail page and click 'Notify Me' to enable notifications. You'll receive alerts via email and in-app notifications when the release date arrives.",
|
||||
},
|
||||
{
|
||||
id: "faq-upcoming-2",
|
||||
title: "Can I add upcoming anime to my watchlist?",
|
||||
content: "Yes! You can add any upcoming anime to your personal watchlist from the detail page. Your watchlist syncs across all devices so you never miss a premiere.",
|
||||
},
|
||||
{
|
||||
id: "faq-upcoming-3",
|
||||
title: "When do new episode schedules get posted?",
|
||||
content: "Studios typically announce schedules 2-4 weeks in advance. We update our platform immediately upon official announcement with exact premiere times.",
|
||||
},
|
||||
{
|
||||
id: "faq-upcoming-4",
|
||||
title: "What's the difference between 'Coming Soon' and 'Pre-Release'?",
|
||||
content: "'Coming Soon' indicates anime in pre-production with estimated dates. 'Pre-Release' shows anime with confirmed premiere dates within 2 weeks.",
|
||||
},
|
||||
{
|
||||
id: "faq-upcoming-5",
|
||||
title: "Can I set multiple notifications for the same anime?",
|
||||
content: "Absolutely! Set notifications for premiere date, episode drops, and special events. Customize notification frequency to suit your preferences.",
|
||||
},
|
||||
{
|
||||
id: "faq-upcoming-6",
|
||||
title: "How early can I watch episodes after they premiere?",
|
||||
content: "Most anime premiere simultaneously worldwide on AnimeCore with multiple language options. Some simulcast series appear within minutes of their TV broadcast.",
|
||||
},
|
||||
]}
|
||||
className="relative"
|
||||
containerClassName="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"
|
||||
contentClassName="grid grid-cols-1 md:grid-cols-2 gap-12"
|
||||
textContainerClassName="backdrop-blur-lg bg-gradient-to-b from-blue-600/20 to-transparent p-8 rounded-2xl border border-cyan-400/20"
|
||||
sideTitleClassName="text-4xl font-extrabold text-cyan-300 mb-4"
|
||||
sideDescriptionClassName="text-lg text-blue-100/80 mb-6"
|
||||
buttonContainerClassName="flex gap-4"
|
||||
buttonClassName="px-6 py-3 bg-cyan-500/20 border border-cyan-400/50 text-cyan-300 rounded-lg hover:bg-cyan-500/30 transition-all duration-300"
|
||||
accordionClassName="space-y-3"
|
||||
accordionTitleClassName="text-lg font-semibold text-cyan-300 cursor-pointer"
|
||||
accordionContentClassName="text-blue-100/80 pt-3"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
|
||||
Reference in New Issue
Block a user