Merge version_1 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Award, Clock, Download, Shield, Smartphone, Users, Zap } from "lucide-react";
|
||||
import { Award, Clock, Download, Play, Shield, Smartphone, Users, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Trending",
|
||||
id: "trending",
|
||||
},
|
||||
name: "Trending", id: "trending"},
|
||||
{
|
||||
name: "Genres",
|
||||
id: "genres",
|
||||
},
|
||||
name: "Genres", id: "genres"},
|
||||
{
|
||||
name: "My List",
|
||||
id: "list",
|
||||
},
|
||||
name: "My List", id: "list"},
|
||||
]}
|
||||
brandName="New Gen Ani"
|
||||
/>
|
||||
@@ -55,86 +47,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Unleash the Anime Universe"
|
||||
description="Stream your favorite series in high definition with New Gen Ani. Experience the peak of cinematic animation anytime, anywhere."
|
||||
kpis={[
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Anime Series",
|
||||
},
|
||||
value: "1000+", label: "Anime Series"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Streaming Access",
|
||||
},
|
||||
value: "24/7", label: "Streaming Access"},
|
||||
{
|
||||
value: "4K",
|
||||
label: "Ultra HD Quality",
|
||||
},
|
||||
value: "4K", label: "Ultra HD Quality"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Watch Now",
|
||||
href: "#trending",
|
||||
},
|
||||
text: "Watch Now", href: "#trending"},
|
||||
{
|
||||
text: "Add to List",
|
||||
href: "#",
|
||||
},
|
||||
text: "Add to List", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-people-walking-strange-environment-digital-illustration_456031-43.jpg"
|
||||
imageAlt="anime battle hero banner neon"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-pensive-man-checkeret-blazer-sunglasses-red-blue-lights_613910-21595.jpg",
|
||||
alt: "Portrait of attractive pensive man in checkeret blazer and sunglasses. Red and blue lights.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-pensive-man-checkeret-blazer-sunglasses-red-blue-lights_613910-21595.jpg", alt: "Portrait of attractive pensive man in checkeret blazer and sunglasses. Red and blue lights."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg",
|
||||
alt: "Unknown man posing with blue background medium shot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/unknown-man-posing-with-blue-background-medium-shot_23-2149417616.jpg", alt: "Unknown man posing with blue background medium shot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-posing-with-purple-light_23-2149596281.jpg",
|
||||
alt: "Medium shot girl posing with purple light",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-girl-posing-with-purple-light_23-2149596281.jpg", alt: "Medium shot girl posing with purple light"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096441.jpg",
|
||||
alt: "Woman portrait with bright blue lips",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096441.jpg", alt: "Woman portrait with bright blue lips"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596276.jpg",
|
||||
alt: "Medium shot boy posing in studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596276.jpg", alt: "Medium shot boy posing in studio"},
|
||||
]}
|
||||
avatarText="Join 50k+ active fans"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "New Episodes Daily",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "New Episodes Daily", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Ad-Free",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "100% Ad-Free", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Offline Mode",
|
||||
icon: Download,
|
||||
type: "text-icon", text: "Offline Mode", icon: Download,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Multi-Device Sync",
|
||||
icon: Smartphone,
|
||||
type: "text-icon", text: "Multi-Device Sync", icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community Events",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Community Events", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -146,28 +107,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Solo Leveling",
|
||||
description: "The path to greatness begins with a single level.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-with-fire-flames_23-2151152423.jpg",
|
||||
buttonIcon: "Play",
|
||||
title: "Solo Leveling", description: "The path to greatness begins with a single level.", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-with-fire-flames_23-2151152423.jpg", buttonIcon: Play,
|
||||
},
|
||||
{
|
||||
title: "Demon Slayer",
|
||||
description: "Breath of the sun, chasing away the darkness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halloween-portrait-witch_23-2151838934.jpg",
|
||||
buttonIcon: "Play",
|
||||
title: "Demon Slayer", description: "Breath of the sun, chasing away the darkness.", imageSrc: "http://img.b2bpic.net/free-photo/halloween-portrait-witch_23-2151838934.jpg", buttonIcon: Play,
|
||||
},
|
||||
{
|
||||
title: "Kaiju No. 8",
|
||||
description: "A man becomes the monster he once hunted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568837.jpg",
|
||||
buttonIcon: "Play",
|
||||
title: "Kaiju No. 8", description: "A man becomes the monster he once hunted.", imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568837.jpg", buttonIcon: Play,
|
||||
},
|
||||
{
|
||||
title: "Sakamoto Days",
|
||||
description: "Retired hitman battles mundane life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-anime-character-with-stars_23-2151556429.jpg",
|
||||
buttonIcon: "Play",
|
||||
title: "Sakamoto Days", description: "Retired hitman battles mundane life.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-anime-character-with-stars_23-2151556429.jpg", buttonIcon: Play,
|
||||
},
|
||||
]}
|
||||
title="Trending Now"
|
||||
@@ -183,41 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "e1",
|
||||
name: "Solo Leveling Ep 12",
|
||||
price: "2h ago",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-single-s-day-banner_23-2149520243.jpg",
|
||||
},
|
||||
id: "e1", name: "Solo Leveling Ep 12", price: "2h ago", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-single-s-day-banner_23-2149520243.jpg"},
|
||||
{
|
||||
id: "e2",
|
||||
name: "Dandadan Ep 8",
|
||||
price: "5h ago",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-with-fire-flames_23-2151152417.jpg",
|
||||
},
|
||||
id: "e2", name: "Dandadan Ep 8", price: "5h ago", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-with-fire-flames_23-2151152417.jpg"},
|
||||
{
|
||||
id: "e3",
|
||||
name: "Kaiju No. 8 Ep 5",
|
||||
price: "1d ago",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-casual-guy-relaxing-couch-isolated-screen_482257-120105.jpg",
|
||||
},
|
||||
id: "e3", name: "Kaiju No. 8 Ep 5", price: "1d ago", imageSrc: "http://img.b2bpic.net/free-photo/african-american-casual-guy-relaxing-couch-isolated-screen_482257-120105.jpg"},
|
||||
{
|
||||
id: "e4",
|
||||
name: "Sakamoto Days Ep 2",
|
||||
price: "1d ago",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-international-women-s-day-celebration-women-s-rights_23-2151368481.jpg",
|
||||
},
|
||||
id: "e4", name: "Sakamoto Days Ep 2", price: "1d ago", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-international-women-s-day-celebration-women-s-rights_23-2151368481.jpg"},
|
||||
{
|
||||
id: "e5",
|
||||
name: "My Hero Academia Ep 15",
|
||||
price: "2d ago",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-television-display-showing-news-streaming-channel-cord-cutters_482257-91859.jpg",
|
||||
},
|
||||
id: "e5", name: "My Hero Academia Ep 15", price: "2d ago", imageSrc: "http://img.b2bpic.net/free-photo/big-television-display-showing-news-streaming-channel-cord-cutters_482257-91859.jpg"},
|
||||
{
|
||||
id: "e6",
|
||||
name: "Bleach TYBW Ep 9",
|
||||
price: "3d ago",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100182.jpg",
|
||||
},
|
||||
id: "e6", name: "Bleach TYBW Ep 9", price: "3d ago", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100182.jpg"},
|
||||
]}
|
||||
title="Latest Episodes"
|
||||
description="Don't miss the newest chapters of your favorite sagas."
|
||||
@@ -228,25 +153,17 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Users",
|
||||
value: "5M+",
|
||||
},
|
||||
id: "m1", icon: Users,
|
||||
title: "Active Users", value: "5M+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Hours Streamed",
|
||||
value: "50M+",
|
||||
},
|
||||
id: "m2", icon: Clock,
|
||||
title: "Hours Streamed", value: "50M+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Top Rated",
|
||||
value: "9.8/10",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Top Rated", value: "9.8/10"},
|
||||
]}
|
||||
title="Community Stats"
|
||||
description="Join millions of fans streaming daily."
|
||||
@@ -259,20 +176,15 @@ export default function LandingPage() {
|
||||
title="Explore Every Genre"
|
||||
buttons={[
|
||||
{
|
||||
text: "Action",
|
||||
},
|
||||
text: "Action"},
|
||||
{
|
||||
text: "Fantasy",
|
||||
},
|
||||
text: "Fantasy"},
|
||||
{
|
||||
text: "Romance",
|
||||
},
|
||||
text: "Romance"},
|
||||
{
|
||||
text: "Horror",
|
||||
},
|
||||
text: "Horror"},
|
||||
{
|
||||
text: "Sci-Fi",
|
||||
},
|
||||
text: "Sci-Fi"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,45 +195,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Amazing UI",
|
||||
quote: "The best platform for anime streaming hands down.",
|
||||
name: "Alex R.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419463.jpg",
|
||||
},
|
||||
id: "t1", title: "Amazing UI", quote: "The best platform for anime streaming hands down.", name: "Alex R.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419463.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Huge Catalog",
|
||||
quote: "Always finding new gems on this platform.",
|
||||
name: "Jordan S.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-posing-studio_23-2149417569.jpg",
|
||||
},
|
||||
id: "t2", title: "Huge Catalog", quote: "Always finding new gems on this platform.", name: "Jordan S.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-man-posing-studio_23-2149417569.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Quality",
|
||||
quote: "Crystal clear streaming with no lag.",
|
||||
name: "Casey W.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-anime-doctor-portrait_23-2151151853.jpg",
|
||||
},
|
||||
id: "t3", title: "Great Quality", quote: "Crystal clear streaming with no lag.", name: "Casey W.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/rendering-anime-doctor-portrait_23-2151151853.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Perfect App",
|
||||
quote: "Responsive and easy to use across all devices.",
|
||||
name: "Riley P.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065219.jpg",
|
||||
},
|
||||
id: "t4", title: "Perfect App", quote: "Responsive and easy to use across all devices.", name: "Riley P.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065219.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Must Have",
|
||||
quote: "I've tried them all, this one is the best.",
|
||||
name: "Morgan L.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call_53876-65329.jpg",
|
||||
},
|
||||
id: "t5", title: "Must Have", quote: "I've tried them all, this one is the best.", name: "Morgan L.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-video-call_53876-65329.jpg"},
|
||||
]}
|
||||
title="What Fans Are Saying"
|
||||
description="Join a community that loves anime as much as you do."
|
||||
@@ -333,20 +215,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it free to start?",
|
||||
content: "Yes, start with a 14-day free trial.",
|
||||
},
|
||||
id: "q1", title: "Is it free to start?", content: "Yes, start with a 14-day free trial."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I download episodes?",
|
||||
content: "Absolutely, mobile apps allow offline viewing.",
|
||||
},
|
||||
id: "q2", title: "Can I download episodes?", content: "Absolutely, mobile apps allow offline viewing."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a watch list?",
|
||||
content: "Yes, save your favorites to 'My List'.",
|
||||
},
|
||||
id: "q3", title: "Is there a watch list?", content: "Yes, save your favorites to 'My List'."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -357,33 +230,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "Trending",
|
||||
href: "#trending",
|
||||
},
|
||||
label: "Trending", href: "#trending"},
|
||||
{
|
||||
label: "My List",
|
||||
href: "#",
|
||||
},
|
||||
label: "My List", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
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