bender/20127335-ef40-4ec5-b13d-cc131084c1d8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-07 07:00:31 +00:00
parent e1b7a3c23b
commit ab0ee37d2c
1 changed files with 25 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/page.tsx
View File

@@ -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: "#" },
],
},