Merge version_1 into main #2
471
src/app/page.tsx
471
src/app/page.tsx
@@ -13,331 +13,168 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="AnimeVerse"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="AnimeVerse"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Welcome to the AnimeVerse"
|
||||
description="The ultimate destination for anime enthusiasts to explore, connect, and celebrate the art of Japanese animation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ren A.",
|
||||
handle: "@renanime",
|
||||
testimonial: "The best anime community I've joined!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028632.jpg?_wi=1",
|
||||
imageAlt: "anime city background",
|
||||
},
|
||||
{
|
||||
name: "Sora K.",
|
||||
handle: "@sorax",
|
||||
testimonial: "Incredible features and stunning visuals.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magical-snowy-valley-with-pink-crystal-palace_23-2152016859.jpg?_wi=1",
|
||||
imageAlt: "anime characters fantasy style",
|
||||
},
|
||||
{
|
||||
name: "Miku H.",
|
||||
handle: "@mikuh",
|
||||
testimonial: "Everything an otaku needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-eyes-illustration_23-2151660533.jpg?_wi=1",
|
||||
imageAlt: "anime character eye close up",
|
||||
},
|
||||
{
|
||||
name: "Kenji P.",
|
||||
handle: "@kenjip",
|
||||
testimonial: "Community is top-tier!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909869.jpg?_wi=1",
|
||||
imageAlt: "anime action motion effect",
|
||||
},
|
||||
{
|
||||
name: "Yuki M.",
|
||||
handle: "@yukim",
|
||||
testimonial: "Love the weekly spotlights.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741505.jpg?_wi=1",
|
||||
imageAlt: "futuristic anime gadget",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Now",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028632.jpg?_wi=2"
|
||||
imageAlt="Anime cityscape"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839627.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/anime-style-character-with-lit-torch_23-2151152172.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-neon-city_23-2152007997.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839651.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/anime-girl-winter-wonderland_23-2152020176.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10k+ anime fans"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "New Releases",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Events",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deep Analysis",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Art Galleries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Forums",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Welcome to the AnimeVerse"
|
||||
description="The ultimate destination for anime enthusiasts to explore, connect, and celebrate the art of Japanese animation."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ren A.", handle: "@renanime", testimonial: "The best anime community I've joined!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028632.jpg", imageAlt: "anime city background"},
|
||||
{
|
||||
name: "Sora K.", handle: "@sorax", testimonial: "Incredible features and stunning visuals.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magical-snowy-valley-with-pink-crystal-palace_23-2152016859.jpg", imageAlt: "anime characters fantasy style"},
|
||||
{
|
||||
name: "Miku H.", handle: "@mikuh", testimonial: "Everything an otaku needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-eyes-illustration_23-2151660533.jpg", imageAlt: "anime character eye close up"},
|
||||
{
|
||||
name: "Kenji P.", handle: "@kenjip", testimonial: "Community is top-tier!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909869.jpg", imageAlt: "anime action motion effect"},
|
||||
{
|
||||
name: "Yuki M.", handle: "@yukim", testimonial: "Love the weekly spotlights.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741505.jpg", imageAlt: "futuristic anime gadget"},
|
||||
]}
|
||||
buttons={[{ text: "Explore Now", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028632.jpg"
|
||||
imageAlt="Anime cityscape"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839627.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/anime-style-character-with-lit-torch_23-2151152172.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-neon-city_23-2152007997.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839651.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/anime-girl-winter-wonderland_23-2152020176.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 10k+ anime fans"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "New Releases" },
|
||||
{ type: "text", text: "Community Events" },
|
||||
{ type: "text", text: "Deep Analysis" },
|
||||
{ type: "text", text: "Art Galleries" },
|
||||
{ type: "text", text: "Global Forums" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
description="We are dedicated to bridging the gap between anime creators and fans worldwide, fostering a space of innovation, creativity, and connection."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Global Reach",
|
||||
description: "Connecting fans across continents.",
|
||||
},
|
||||
{
|
||||
title: "Art Appreciation",
|
||||
description: "Deep dives into animation styles.",
|
||||
},
|
||||
{
|
||||
title: "Community Events",
|
||||
description: "Interactive watch parties and more.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/magical-snowy-valley-with-pink-crystal-palace_23-2152016859.jpg?_wi=2"
|
||||
imageAlt="Anime mission"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Mission"
|
||||
description="We are dedicated to bridging the gap between anime creators and fans worldwide, fostering a space of innovation, creativity, and connection."
|
||||
bulletPoints={[
|
||||
{ title: "Global Reach", description: "Connecting fans across continents." },
|
||||
{ title: "Art Appreciation", description: "Deep dives into animation styles." },
|
||||
{ title: "Community Events", description: "Interactive watch parties and more." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/magical-snowy-valley-with-pink-crystal-palace_23-2152016859.jpg"
|
||||
imageAlt="Anime mission"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Curated Spotlights",
|
||||
descriptions: [
|
||||
"Hand-picked episodes and series.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-eyes-illustration_23-2151660533.jpg?_wi=2",
|
||||
imageAlt: "Curated",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Interactive Motion",
|
||||
descriptions: [
|
||||
"Animations that breathe life.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909869.jpg?_wi=2",
|
||||
imageAlt: "Motion",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Advanced Insights",
|
||||
descriptions: [
|
||||
"Technical details on production.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741505.jpg?_wi=2",
|
||||
imageAlt: "Insights",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Experience"
|
||||
description="Dive deep into features built for true lovers of anime."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Curated Spotlights", descriptions: ["Hand-picked episodes and series."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-eyes-illustration_23-2151660533.jpg", imageAlt: "Curated"},
|
||||
{
|
||||
id: "f2", title: "Interactive Motion", descriptions: ["Animations that breathe life."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909869.jpg", imageAlt: "Motion"},
|
||||
{
|
||||
id: "f3", title: "Advanced Insights", descriptions: ["Technical details on production."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-half-robot-half-panda-bear-with-futuristic-parts_23-2151741505.jpg", imageAlt: "Insights"},
|
||||
]}
|
||||
title="Unrivaled Experience"
|
||||
description="Dive deep into features built for true lovers of anime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Akira",
|
||||
role: "Fan",
|
||||
testimonial: "Mind-blowing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839627.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Yoko",
|
||||
role: "Fan",
|
||||
testimonial: "Simply spectacular.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-with-lit-torch_23-2151152172.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ken",
|
||||
role: "Fan",
|
||||
testimonial: "Everything works perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-neon-city_23-2152007997.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Maya",
|
||||
role: "Fan",
|
||||
testimonial: "Love the community vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839651.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Hiro",
|
||||
role: "Fan",
|
||||
testimonial: "Keep it coming!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-girl-winter-wonderland_23-2152020176.jpg",
|
||||
},
|
||||
]}
|
||||
title="Fan Voices"
|
||||
description="See what others have to say about the AnimeVerse."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Akira", role: "Fan", testimonial: "Mind-blowing!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839627.jpg"},
|
||||
{
|
||||
id: "t2", name: "Yoko", role: "Fan", testimonial: "Simply spectacular.", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-with-lit-torch_23-2151152172.jpg"},
|
||||
{
|
||||
id: "t3", name: "Ken", role: "Fan", testimonial: "Everything works perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-neon-city_23-2152007997.jpg"},
|
||||
{
|
||||
id: "t4", name: "Maya", role: "Fan", testimonial: "Love the community vibe.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839651.jpg"},
|
||||
{
|
||||
id: "t5", name: "Hiro", role: "Fan", testimonial: "Keep it coming!", imageSrc: "http://img.b2bpic.net/free-photo/anime-girl-winter-wonderland_23-2152020176.jpg"},
|
||||
]}
|
||||
title="Fan Voices"
|
||||
description="See what others have to say about the AnimeVerse."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Exclusive Merchandise"
|
||||
description="Own a piece of the AnimeVerse with our limited edition collections."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cyber Samurai Hoodie",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-neon-city_23-2152007997.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon City Poster",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028632.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fantasy Crystal Pin",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magical-snowy-valley-with-pink-crystal-palace_23-2152016859.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Action Motion Tee",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909869.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Eye of Wisdom Print",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-eyes-illustration_23-2151660533.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Exclusive Merchandise"
|
||||
description="Own a piece of the AnimeVerse with our limited edition collections."
|
||||
products={[
|
||||
{ id: "p1", name: "Cyber Samurai Hoodie", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-neon-city_23-2152007997.jpg" },
|
||||
{ id: "p2", name: "Neon City Poster", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028632.jpg" },
|
||||
{ id: "p3", name: "Fantasy Crystal Pin", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/magical-snowy-valley-with-pink-crystal-palace_23-2152016859.jpg" },
|
||||
{ id: "p4", name: "Action Motion Tee", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/galaxy-background-illustration_23-2151909869.jpg" },
|
||||
{ id: "p5", name: "Eye of Wisdom Print", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/anime-eyes-illustration_23-2151660533.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AnimeVerse"
|
||||
copyrightText="© 2025 | AnimeVerse"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Features", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community", items: [{ label: "Reviews", href: "#testimonials" }],
|
||||
},
|
||||
]}
|
||||
logoText="AnimeVerse"
|
||||
copyrightText="© 2025 | AnimeVerse"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user