Merge version_1 into main #1
303
src/app/page.tsx
303
src/app/page.tsx
@@ -15,207 +15,122 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "Library",
|
||||
id: "#library",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="AnimeStream"
|
||||
button={{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Library", id: "library" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "footer" },
|
||||
]}
|
||||
brandName="AnimeStream"
|
||||
button={{ text: "Sign Up", href: "#footer" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="AnimeStream Hub"
|
||||
description="The ultimate destination for premium anime streaming. Watch thousands of titles in HD for free, anytime, anywhere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Watching",
|
||||
href: "#library",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/epic-anime-action-scene-with-vibrant-col-1774589693360-e9b0d325.png"
|
||||
imageAlt="Epic anime action scene"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="AnimeStream Hub"
|
||||
description="The ultimate destination for premium anime streaming. Watch thousands of titles in HD for free, anytime, anywhere."
|
||||
buttons={[
|
||||
{ text: "Start Watching", href: "#library" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/epic-anime-action-scene-with-vibrant-col-1774589693360-e9b0d325.png"
|
||||
imageAlt="Epic anime action scene"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Ultra-Fast Streaming",
|
||||
description: "Global CDN nodes for buffer-free playback.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/modern-high-speed-fiber-internet-icon-bl-1774589693148-bcba555b.png",
|
||||
imageAlt: "Fast internet",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Cross-Device Sync",
|
||||
description: "Watch on your phone, tablet, or PC seamlessly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/smartphone-displaying-anime-interface-se-1774589693498-95a0f9b9.png",
|
||||
imageAlt: "Mobile app",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Unlimited Cloud Vault",
|
||||
description: "Keep your favorites organized and secure.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/minimalist-cloud-storage-icon-white-digi-1774589692355-118bd82a.png",
|
||||
imageAlt: "Cloud storage",
|
||||
},
|
||||
]}
|
||||
title="Why Choose AnimeStream"
|
||||
description="Experience superior streaming quality with our cutting-edge infrastructure and user-focused interface."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Ultra-Fast Streaming", description: "Global CDN nodes for buffer-free playback.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/modern-high-speed-fiber-internet-icon-bl-1774589693148-bcba555b.png", imageAlt: "Fast internet"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Cross-Device Sync", description: "Watch on your phone, tablet, or PC seamlessly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/smartphone-displaying-anime-interface-se-1774589693498-95a0f9b9.png", imageAlt: "Mobile app"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Unlimited Cloud Vault", description: "Keep your favorites organized and secure.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/minimalist-cloud-storage-icon-white-digi-1774589692355-118bd82a.png", imageAlt: "Cloud storage"},
|
||||
]}
|
||||
title="Why Choose AnimeStream"
|
||||
description="Experience superior streaming quality with our cutting-edge infrastructure and user-focused interface."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="library" data-section="library">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Shadow Realm Chronicles",
|
||||
price: "Free",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/high-quality-movie-poster-card-4k-digita-1774589694128-dd29a3f9.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Neon Blade Fighter",
|
||||
price: "Free",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/action-anime-series-cover-art-high-energ-1774589694152-75521732.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Whispers of the Wind",
|
||||
price: "Free",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/slice-of-life-anime-scene-soft-warm-ligh-1774589693481-c24ea153.png",
|
||||
},
|
||||
]}
|
||||
title="Popular Titles"
|
||||
description="Discover the most trending anime series and movies of the season."
|
||||
/>
|
||||
</div>
|
||||
<div id="library" data-section="library">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Shadow Realm Chronicles", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/high-quality-movie-poster-card-4k-digita-1774589694128-dd29a3f9.png"},
|
||||
{
|
||||
id: "2", name: "Neon Blade Fighter", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/action-anime-series-cover-art-high-energ-1774589694152-75521732.png"},
|
||||
{
|
||||
id: "3", name: "Whispers of the Wind", price: "Free", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/slice-of-life-anime-scene-soft-warm-ligh-1774589693481-c24ea153.png"},
|
||||
]}
|
||||
title="Popular Titles"
|
||||
description="Discover the most trending anime series and movies of the season."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "2024-01-10",
|
||||
title: "Amazing quality",
|
||||
quote: "The streaming speed is incredible!",
|
||||
tag: "Pro Fan",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/portrait-of-a-young-adult-fan-wearing-ca-1774589693071-be486666.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/dark-tech-aesthetic-interface-background-1774589693633-6f842c3b.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
date: "2024-02-15",
|
||||
title: "Best UI",
|
||||
quote: "Love how easy it is to navigate.",
|
||||
tag: "Critic",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/portrait-of-a-creative-designer-studio-b-1774589694530-ff20ecad.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/blurred-high-tech-interface-background-b-1774589692594-8abece23.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "2024-03-05",
|
||||
title: "Huge library",
|
||||
quote: "Finally, all my favorites in one place.",
|
||||
tag: "Casual",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/friendly-user-portrait-bright-studio-lig-1774589693037-cb747fe1.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/abstract-dark-digital-art-blue-highlight-1774589693322-516225be.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
date: "2024-03-20",
|
||||
title: "Highly recommend",
|
||||
quote: "Absolutely free and high quality.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/portrait-of-a-tech-reviewer-clean-minima-1774589693873-b7e97c74.png",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/high-tech-abstract-background-blue-grid--1774589694791-776c1dcd.png",
|
||||
},
|
||||
]}
|
||||
title="Loved by Fans"
|
||||
description="Join our growing community of anime enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", date: "2024-01-10", title: "Amazing quality", quote: "The streaming speed is incredible!", tag: "Pro Fan", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/portrait-of-a-young-adult-fan-wearing-ca-1774589693071-be486666.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/dark-tech-aesthetic-interface-background-1774589693633-6f842c3b.png"},
|
||||
{
|
||||
id: "2", name: "Michael K.", date: "2024-02-15", title: "Best UI", quote: "Love how easy it is to navigate.", tag: "Critic", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/portrait-of-a-creative-designer-studio-b-1774589694530-ff20ecad.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/blurred-high-tech-interface-background-b-1774589692594-8abece23.png"},
|
||||
{
|
||||
id: "3", name: "Emily R.", date: "2024-03-05", title: "Huge library", quote: "Finally, all my favorites in one place.", tag: "Casual", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/friendly-user-portrait-bright-studio-lig-1774589693037-cb747fe1.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/abstract-dark-digital-art-blue-highlight-1774589693322-516225be.png"},
|
||||
{
|
||||
id: "4", name: "David W.", date: "2024-03-20", title: "Highly recommend", quote: "Absolutely free and high quality.", tag: "Expert", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/portrait-of-a-tech-reviewer-clean-minima-1774589693873-b7e97c74.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BW0ZBFUborhW9HuOANQmTj4TTO/high-tech-abstract-background-blue-grid--1774589694791-776c1dcd.png"},
|
||||
]}
|
||||
title="Loved by Fans"
|
||||
description="Join our growing community of anime enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AnimeStream"
|
||||
copyrightText="© 2025 | All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Help Center", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AnimeStream"
|
||||
copyrightText="© 2025 | All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user