Merge version_2 into main #4
@@ -1,62 +1,25 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import "./styles/variables.css";
|
||||
import "./styles/base.css";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const manrope = Manrope({
|
||||
variable: "--font-manrope", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "AnimeHub - Connect with Anime Fans Worldwide", description: "Join AnimeHub, the ultimate community for anime enthusiasts. Discover trending series, share recommendations, and connect with 50K+ passionate anime fans.", keywords: "anime community, anime fans, anime recommendations, anime discussions, manga, watchlist, anime events", metadataBase: new URL("https://animehub.com"),
|
||||
alternates: {
|
||||
canonical: "https://animehub.com"},
|
||||
openGraph: {
|
||||
title: "AnimeHub - Connect with Anime Fans Worldwide", description: "Your ultimate anime community platform. Discover, discuss, and celebrate your favorite anime with passionate fans.", url: "https://animehub.com", siteName: "AnimeHub", type: "website", images: [
|
||||
{
|
||||
url: "http://img.b2bpic.net/free-vector/people-avatars-collection_1333-49.jpg", alt: "AnimeHub - Anime Community"},
|
||||
],
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "AnimeHub - Connect with Anime Fans", description: "Join the ultimate anime community. 50K+ fans connecting over their favorite series.", images: ["http://img.b2bpic.net/free-vector/people-avatars-collection_1333-49.jpg"],
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "AnimeHub - Your Ultimate Anime Community", description:
|
||||
"Connect with thousands of anime fans worldwide. Discover trending series, share recommendations, and celebrate your favorite shows with AnimeHub."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${manrope.variable} ${dmSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={inter.variable}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1424,7 +1387,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
@@ -40,28 +40,23 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Welcome to AnimeHub – Your Ultimate Anime Community"
|
||||
description="Connect with thousands of anime fans worldwide. Discover trending series, share recommendations, and celebrate your favorite shows with a passionate community of anime enthusiasts."
|
||||
tag="For Anime Lovers"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
kpis={[
|
||||
{ value: "50K+", label: "Anime Fans" },
|
||||
{ value: "1000+", label: "Titles Tracked" },
|
||||
{ value: "24/7", label: "Community Active" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
<HeroCarouselLogo
|
||||
logoText="AnimeHub"
|
||||
description="Connect with thousands of anime fans worldwide. Discover trending series, share recommendations, and celebrate your favorite shows."
|
||||
buttons={[
|
||||
{ text: "Join Community", href: "#community" },
|
||||
{ text: "Explore Anime", href: "#featured" },
|
||||
{ text: "Join Community", href: "community" },
|
||||
{ text: "Explore Anime", href: "featured" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/people-avatars-collection_1333-49.jpg"
|
||||
imageAlt="Anime character showcase"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/people-avatars-collection_1333-49.jpg", imageAlt: "Anime community showcase 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-japanese-restaurant-horizontal-sale-banner-template_23-2149425904.jpg", imageAlt: "Anime community showcase 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-dream-catcher_1321-1600.jpg", imageAlt: "Anime community showcase 3"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
ariaLabel="Hero section for anime community"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,7 +76,7 @@ export default function LandingPage() {
|
||||
{
|
||||
id: "3", name: "My Hero Academia", price: "Popular", variant: "Superhero • School • Action", imageSrc: "http://img.b2bpic.net/free-vector/superhero-costumes-set-comic-book-heroes-with-capes-posing-blue-sky-background_575670-68.jpg", imageAlt: "My Hero Academia anime cover"},
|
||||
]}
|
||||
buttons={[{ text: "View All Anime", href: "#featured" }]}
|
||||
buttons={[{ text: "View All Anime", href: "featured" }]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -108,7 +103,7 @@ export default function LandingPage() {
|
||||
id: 3,
|
||||
title: "Fan Events", description: "Participate in exclusive anime watchalongs, contests, and community-driven events throughout the year.", imageSrc: "http://img.b2bpic.net/free-psd/international-youth-day-template-design_23-2151602842.jpg?_wi=3"},
|
||||
]}
|
||||
buttons={[{ text: "Start Discussing", href: "#contact" }]}
|
||||
buttons={[{ text: "Start Discussing", href: "contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -220,22 +215,22 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Featured Anime", href: "#featured" },
|
||||
{ label: "Community", href: "#community" },
|
||||
{ label: "Ratings", href: "#ratings" },
|
||||
{ label: "Featured Anime", href: "featured" },
|
||||
{ label: "Community", href: "community" },
|
||||
{ label: "Ratings", href: "ratings" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Subscribe", href: "#contact" },
|
||||
{ label: "Testimonials", href: "testimonials" },
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Subscribe", href: "contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user