Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -28,71 +28,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Library",
|
||||
id: "#library",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Library", id: "#library" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="AniStream"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Anime & Movies, Limitless."
|
||||
description="Experience high-quality entertainment in any language. Secure, fast, and optimized for your viewing pleasure."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Watching",
|
||||
href: "#library",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Watching", href: "#library" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide-1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png?_wi=1",
|
||||
imageAlt: "Hero slide 1",
|
||||
},
|
||||
{
|
||||
id: "slide-2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png?_wi=2",
|
||||
imageAlt: "Hero slide 2",
|
||||
},
|
||||
{
|
||||
id: "slide-3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png?_wi=3",
|
||||
imageAlt: "Hero slide 3",
|
||||
},
|
||||
{
|
||||
id: "slide-4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png?_wi=4",
|
||||
imageAlt: "Hero slide 4",
|
||||
},
|
||||
{
|
||||
id: "slide-5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png?_wi=5",
|
||||
imageAlt: "Hero slide 5",
|
||||
},
|
||||
{
|
||||
id: "slide-6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png?_wi=6",
|
||||
imageAlt: "Hero slide 6",
|
||||
},
|
||||
{ id: "slide-1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png", imageAlt: "Hero slide 1" },
|
||||
{ id: "slide-2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png", imageAlt: "Hero slide 2" },
|
||||
{ id: "slide-3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png", imageAlt: "Hero slide 3" },
|
||||
{ id: "slide-4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png", imageAlt: "Hero slide 4" },
|
||||
{ id: "slide-5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png", imageAlt: "Hero slide 5" },
|
||||
{ id: "slide-6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-quality-cinematic-anime-themed-ba-1774783806158-c808b30b.png", imageAlt: "Hero slide 6" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,24 +61,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Multi-Language Support",
|
||||
description: "Seamlessly switch between dubbed and subbed versions in any language you prefer.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-clean-card-icon-representation-of-mult-1774783805443-6c17ceaa.png",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "4K Ultra HD Quality",
|
||||
description: "Watch your favorite shows and movies in breathtaking 4K clarity, optimized for any device.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-resolution-display-icon-represent-1774783806296-80f0764f.png",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Secure & Copyright Safe",
|
||||
description: "Our platform is built to provide safe and legal streaming experiences without interruption.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-secure-encrypted-shield-icon-represent-1774783805159-6f32486c.png",
|
||||
},
|
||||
{ id: 1, title: "Multi-Language Support", description: "Seamlessly switch between dubbed and subbed versions in any language you prefer.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-clean-card-icon-representation-of-mult-1774783805443-6c17ceaa.png" },
|
||||
{ id: 2, title: "4K Ultra HD Quality", description: "Watch your favorite shows and movies in breathtaking 4K clarity, optimized for any device.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-high-resolution-display-icon-represent-1774783806296-80f0764f.png" },
|
||||
{ id: 3, title: "Secure & Copyright Safe", description: "Our platform is built to provide safe and legal streaming experiences without interruption.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-secure-encrypted-shield-icon-represent-1774783805159-6f32486c.png" }
|
||||
]}
|
||||
title="Why Stream With Us?"
|
||||
description="We prioritize your viewing experience with cutting-edge technology."
|
||||
@@ -134,24 +77,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "prod1",
|
||||
name: "Epic Anime Action",
|
||||
price: "Stream Now",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-vibrant-anime-promotional-poster-for-a-1774783806024-c63afb09.png",
|
||||
},
|
||||
{
|
||||
id: "prod2",
|
||||
name: "Sci-Fi Masterpiece",
|
||||
price: "Stream Now",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-dramatic-promotional-poster-for-a-scie-1774783807242-20888172.png",
|
||||
},
|
||||
{
|
||||
id: "prod3",
|
||||
name: "Fantasy Drama",
|
||||
price: "Stream Now",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/an-emotional-and-visually-striking-fanta-1774783805619-e0ef0357.png",
|
||||
},
|
||||
{ id: "prod1", name: "Epic Anime Action", price: "Stream Now", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-vibrant-anime-promotional-poster-for-a-1774783806024-c63afb09.png" },
|
||||
{ id: "prod2", name: "Sci-Fi Masterpiece", price: "Stream Now", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/a-dramatic-promotional-poster-for-a-scie-1774783807242-20888172.png" },
|
||||
{ id: "prod3", name: "Fantasy Drama", price: "Stream Now", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/an-emotional-and-visually-striking-fanta-1774783805619-e0ef0357.png" }
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Explore the latest and greatest anime and movies in our collection."
|
||||
@@ -162,31 +90,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-happy-anime-fan-neutral-ba-1774783805240-72c06f88.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-tech-savvy-movie-enthusias-1774783806795-1aef0535.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-satisfied-streaming-servic-1774783804983-0e6535d1.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-passionate-film-collector--1774783805268-79f37271.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Rivera",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-happy-anime-fan-neutral-ba-1774783805240-72c06f88.png?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-happy-anime-fan-neutral-ba-1774783805240-72c06f88.png" },
|
||||
{ id: "t2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-tech-savvy-movie-enthusias-1774783806795-1aef0535.png" },
|
||||
{ id: "t3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-satisfied-streaming-servic-1774783804983-0e6535d1.png" },
|
||||
{ id: "t4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-passionate-film-collector--1774783805268-79f37271.png" },
|
||||
{ id: "t5", name: "Alex Rivera", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcMCT6bRsuLZ0J5yhxYcCTwipj/headshot-of-a-happy-anime-fan-neutral-ba-1774783805240-72c06f88.png" }
|
||||
]}
|
||||
cardTitle="What Users Say"
|
||||
cardAnimation="slide-up"
|
||||
@@ -199,21 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is this platform safe?",
|
||||
content: "Yes, we use secure protocols to ensure your data and viewing safety.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are there copyright issues?",
|
||||
content: "We operate within compliant streaming standards to provide a stable service.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I watch offline?",
|
||||
content: "Download features are available on our premium mobile plans.",
|
||||
},
|
||||
{ id: "f1", title: "Is this platform safe?", content: "Yes, we use secure protocols to ensure your data and viewing safety." },
|
||||
{ id: "f2", title: "Are there copyright issues?", content: "We operate within compliant streaming standards to provide a stable service." },
|
||||
{ id: "f3", title: "Can I watch offline?", content: "Download features are available on our premium mobile plans." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about AniStream."
|
||||
@@ -224,14 +120,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AniStream"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user