Update src/app/page.tsx
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -30,117 +30,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shows",
|
||||
id: "latest",
|
||||
},
|
||||
{
|
||||
name: "Community",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shows", id: "latest" },
|
||||
{ name: "Community", id: "metrics" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="AnimeHub"
|
||||
button={{ text: "Get Started", href: "#latest" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="The Ultimate Anime Streaming Experience"
|
||||
description="Stream your favorite anime in high definition, completely free. Available in all languages with subtitles and dubs for everyone, everywhere."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Kaito",
|
||||
handle: "@kaito_fan",
|
||||
testimonial: "The best anime selection I have found online!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Yuki",
|
||||
handle: "@yuki_anime",
|
||||
testimonial: "Absolutely amazing speed and quality!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339658-ab456e8f.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Hiro",
|
||||
handle: "@hiro_otaku",
|
||||
testimonial: "I love the multi-language support!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339601-79b0f19d.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Aoi",
|
||||
handle: "@aoi_stream",
|
||||
testimonial: "Perfect streaming platform, no ads!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339360-858812b2.png?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Ren",
|
||||
handle: "@ren_anime",
|
||||
testimonial: "The UI is so clean and easy to use!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg?_wi=2",
|
||||
},
|
||||
{ name: "Kaito", handle: "@kaito_fan", testimonial: "The best anime selection I have found online!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg" },
|
||||
{ name: "Yuki", handle: "@yuki_anime", testimonial: "Absolutely amazing speed and quality!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339658-ab456e8f.png" },
|
||||
{ name: "Hiro", handle: "@hiro_otaku", testimonial: "I love the multi-language support!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339601-79b0f19d.png" },
|
||||
{ name: "Aoi", handle: "@aoi_stream", testimonial: "Perfect streaming platform, no ads!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339360-858812b2.png" },
|
||||
{ name: "Ren", handle: "@ren_anime", testimonial: "The UI is so clean and easy to use!", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/a-stunning-high-quality-anime-girl-chara-1774949340801-04cf2e31.png"
|
||||
imageAlt="Hero anime character"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg",
|
||||
alt: "Fan 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339658-ab456e8f.png",
|
||||
alt: "Fan 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339601-79b0f19d.png",
|
||||
alt: "Fan 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339360-858812b2.png",
|
||||
alt: "Fan 4",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg",
|
||||
alt: "Fan 5",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg", alt: "Fan 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339658-ab456e8f.png", alt: "Fan 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339601-79b0f19d.png", alt: "Fan 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339360-858812b2.png", alt: "Fan 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg", alt: "Fan 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free Streaming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "No Ads",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Subtitled & Dubbed",
|
||||
},
|
||||
{ type: "text", text: "High Quality" },
|
||||
{ type: "text", text: "Free Streaming" },
|
||||
{ type: "text", text: "Global Access" },
|
||||
{ type: "text", text: "No Ads" },
|
||||
{ type: "text", text: "Subtitled & Dubbed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,24 +89,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sword Master Saga",
|
||||
price: "Season 2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/high-quality-anime-key-visual-art-featur-1774949340338-9e7a303e.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "School Life Diary",
|
||||
price: "Episode 12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/cute-slice-of-life-anime-scene-high-scho-1774949341288-102f8653.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Neon City Fighters",
|
||||
price: "Season 4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/action-anime-scene-sci-fi-futuristic-cit-1774949340614-5b7fbebd.png",
|
||||
},
|
||||
{ id: "1", name: "Sword Master Saga", price: "Season 2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/high-quality-anime-key-visual-art-featur-1774949340338-9e7a303e.png" },
|
||||
{ id: "2", name: "School Life Diary", price: "Episode 12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/cute-slice-of-life-anime-scene-high-scho-1774949341288-102f8653.png" },
|
||||
{ id: "3", name: "Neon City Fighters", price: "Season 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/action-anime-scene-sci-fi-futuristic-cit-1774949340614-5b7fbebd.png" },
|
||||
]}
|
||||
title="Latest Anime Releases"
|
||||
description="Dive into the newest episodes of the most popular series currently trending."
|
||||
@@ -192,24 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Active Fans",
|
||||
value: "1.2M+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Globe,
|
||||
title: "Languages Supported",
|
||||
value: "50+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Play,
|
||||
title: "Episodes Available",
|
||||
value: "25k+",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Active Fans", value: "1.2M+" },
|
||||
{ id: "m2", icon: Globe, title: "Languages Supported", value: "50+" },
|
||||
{ id: "m3", icon: Play, title: "Episodes Available", value: "25k+" },
|
||||
]}
|
||||
title="Our Global Impact"
|
||||
description="We are growing rapidly thanks to our incredible community of fans."
|
||||
@@ -222,60 +119,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Fan",
|
||||
company: "Global Group",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael",
|
||||
role: "Fan",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339658-ab456e8f.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
role: "Fan",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339601-79b0f19d.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
role: "Fan",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339360-858812b2.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica",
|
||||
role: "Fan",
|
||||
company: "Community Hub",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg?_wi=4",
|
||||
},
|
||||
{ id: "t1", name: "Sarah", role: "Fan", company: "Global Group", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg" },
|
||||
{ id: "t2", name: "Michael", role: "Fan", company: "Innovate", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339658-ab456e8f.png" },
|
||||
{ id: "t3", name: "Emily", role: "Fan", company: "Growth", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339601-79b0f19d.png" },
|
||||
{ id: "t4", name: "David", role: "Fan", company: "Startup", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949339360-858812b2.png" },
|
||||
{ id: "t5", name: "Jessica", role: "Fan", company: "Community Hub", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bhlcz5jYfFHDXsYcxCx8M8625T/portrait-of-a-diverse-young-fan-anime-st-1774949340585-98636582.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Community Rating",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
{ value: "4.9/5", label: "Community Rating" },
|
||||
{ value: "99.9%", label: "Uptime" },
|
||||
{ value: "24/7", label: "Support" },
|
||||
]}
|
||||
title="Voices from the Community"
|
||||
description="See why fans across the world choose our platform for their anime needs."
|
||||
@@ -287,21 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is AnimeHub really free?",
|
||||
content: "Yes, AnimeHub is completely free to use for everyone.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I watch offline?",
|
||||
content: "We support offline downloads on our mobile app.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there dubs available?",
|
||||
content: "We offer dubs in many major languages, with subtitles available for all.",
|
||||
},
|
||||
{ id: "f1", title: "Is AnimeHub really free?", content: "Yes, AnimeHub is completely free to use for everyone." },
|
||||
{ id: "f2", title: "Can I watch offline?", content: "We support offline downloads on our mobile app." },
|
||||
{ id: "f3", title: "Are there dubs available?", content: "We offer dubs in many major languages, with subtitles available for all." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers you need."
|
||||
@@ -312,45 +153,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Shows",
|
||||
href: "#latest",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#metrics",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Shows", href: "#latest" }, { label: "Community", href: "#metrics" }] },
|
||||
{ title: "Resources", items: [{ label: "FAQ", href: "#faq" }, { label: "Help Center", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 AnimeHub. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user