Merge version_1 into main #1
191
src/app/page.tsx
191
src/app/page.tsx
@@ -31,90 +31,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Library",
|
||||
id: "library",
|
||||
},
|
||||
name: "Library", id: "library"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Eclipse Scans"
|
||||
button={{
|
||||
text: "Start Reading",
|
||||
href: "#library",
|
||||
}}
|
||||
text: "Start Reading", href: "#library"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Discover and Read Manga Anytime, Anywhere"
|
||||
description="Access thousands of manga titles with seamless reading, fast updates, and a thriving community of passionate fans. Start your next adventure today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Reading Free",
|
||||
href: "#library",
|
||||
},
|
||||
text: "Start Reading Free", href: "#library"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-space-scene_1048-12665.jpg"
|
||||
imageAlt="Eclipse Scans Hero Graphic"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glowing-sunset-sky-natural-phenomenon-beauty-generated-by-ai_188544-42117.jpg",
|
||||
alt: "Reader Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/glowing-sunset-sky-natural-phenomenon-beauty-generated-by-ai_188544-42117.jpg", alt: "Reader Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-moon-with-dark-cloudscapes-night-halloween-concept_9083-8081.jpg",
|
||||
alt: "Reader Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-moon-with-dark-cloudscapes-night-halloween-concept_9083-8081.jpg", alt: "Reader Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/magical-fantasy-black-hole-illustration_23-2151678380.jpg",
|
||||
alt: "Reader Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/magical-fantasy-black-hole-illustration_23-2151678380.jpg", alt: "Reader Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/magical-fantasy-black-hole-illustration_23-2151678341.jpg",
|
||||
alt: "Reader Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/magical-fantasy-black-hole-illustration_23-2151678341.jpg", alt: "Reader Avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-elegance-portrait-with-gold-embellishments_23-2152033563.jpg",
|
||||
alt: "Reader Avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dark-elegance-portrait-with-gold-embellishments_23-2152033563.jpg", alt: "Reader Avatar"},
|
||||
]}
|
||||
avatarText="Join 50,000+ active readers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "New Chapters Daily",
|
||||
},
|
||||
type: "text", text: "New Chapters Daily"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zero Ads Policy",
|
||||
},
|
||||
type: "text", text: "Zero Ads Policy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Res Scans",
|
||||
},
|
||||
type: "text", text: "High Res Scans"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Offline Reading",
|
||||
},
|
||||
type: "text", text: "Offline Reading"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Powered",
|
||||
},
|
||||
type: "text", text: "Community Powered"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,21 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Slow manual chapter uploads",
|
||||
"Fragmented UI and navigation",
|
||||
"Poor mobile reading experience",
|
||||
"Intrusive pop-up advertising",
|
||||
"Outdated translation quality",
|
||||
],
|
||||
"Slow manual chapter uploads", "Fragmented UI and navigation", "Poor mobile reading experience", "Intrusive pop-up advertising", "Outdated translation quality"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Lightning fast server updates",
|
||||
"Seamless infinite scroll viewer",
|
||||
"High-fidelity mobile optimized UI",
|
||||
"Dedicated dark mode environment",
|
||||
"Community-validated translations",
|
||||
],
|
||||
"Lightning fast server updates", "Seamless infinite scroll viewer", "High-fidelity mobile optimized UI", "Dedicated dark mode environment", "Community-validated translations"],
|
||||
}}
|
||||
title="Experience the Superior Way to Read"
|
||||
description="We've removed the barriers between you and the stories you love."
|
||||
@@ -151,44 +108,21 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Warrior Chronicles",
|
||||
price: "Latest: Ch. 120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-character-fire_23-2151099716.jpg",
|
||||
},
|
||||
id: "1", name: "Warrior Chronicles", price: "Latest: Ch. 120", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-character-fire_23-2151099716.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Shadow Realm",
|
||||
price: "Latest: Ch. 85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-illustration-with-scary-halloween-scene_23-2151794225.jpg",
|
||||
},
|
||||
id: "2", name: "Shadow Realm", price: "Latest: Ch. 85", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-illustration-with-scary-halloween-scene_23-2151794225.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "High School Bliss",
|
||||
price: "Latest: Ch. 42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568849.jpg",
|
||||
},
|
||||
id: "3", name: "High School Bliss", price: "Latest: Ch. 42", imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568849.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Neon Horizon",
|
||||
price: "Latest: Ch. 19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666392.jpg",
|
||||
},
|
||||
id: "4", name: "Neon Horizon", price: "Latest: Ch. 19", imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666392.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Midnight Whispers",
|
||||
price: "Latest: Ch. 60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-illustration-with-scary-halloween-scene_23-2151794229.jpg",
|
||||
},
|
||||
id: "5", name: "Midnight Whispers", price: "Latest: Ch. 60", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-illustration-with-scary-halloween-scene_23-2151794229.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Samurai Path",
|
||||
price: "Latest: Ch. 200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flock-cranes-background-design_53876-104282.jpg",
|
||||
},
|
||||
id: "6", name: "Samurai Path", price: "Latest: Ch. 200", imageSrc: "http://img.b2bpic.net/free-photo/flock-cranes-background-design_53876-104282.jpg"},
|
||||
]}
|
||||
title="Explore Our Library"
|
||||
description="Trending titles updated daily by our dedicated team."
|
||||
@@ -202,20 +136,11 @@ export default function LandingPage() {
|
||||
tag="Platform Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
description: "Active Titles",
|
||||
},
|
||||
id: "m1", value: "10K+", description: "Active Titles"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5M+",
|
||||
description: "Daily Reads",
|
||||
},
|
||||
id: "m2", value: "5M+", description: "Daily Reads"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
description: "Global Translators",
|
||||
},
|
||||
id: "m3", value: "200+", description: "Global Translators"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -227,45 +152,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Game Changer",
|
||||
quote: "The reader interface is unmatched. Fastest updates by far.",
|
||||
name: "Akira K.",
|
||||
role: "Manga Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-laying-floor-top-view_23-2149645173.jpg",
|
||||
},
|
||||
id: "1", title: "Game Changer", quote: "The reader interface is unmatched. Fastest updates by far.", name: "Akira K.", role: "Manga Fan", imageSrc: "http://img.b2bpic.net/free-photo/girl-laying-floor-top-view_23-2149645173.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Amazing Community",
|
||||
quote: "I found so many new series thanks to the recommendations.",
|
||||
name: "Sarah J.",
|
||||
role: "Casual Reader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839658.jpg",
|
||||
},
|
||||
id: "2", title: "Amazing Community", quote: "I found so many new series thanks to the recommendations.", name: "Sarah J.", role: "Casual Reader", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839658.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "High Quality",
|
||||
quote: "The translation team here is top tier, no mistakes in my favorite series.",
|
||||
name: "Hiro T.",
|
||||
role: "Veteran Reader",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-colorless-avatar-collection_23-2148073567.jpg",
|
||||
},
|
||||
id: "3", title: "High Quality", quote: "The translation team here is top tier, no mistakes in my favorite series.", name: "Hiro T.", role: "Veteran Reader", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-colorless-avatar-collection_23-2148073567.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect UI",
|
||||
quote: "Love the dark theme. My eyes don't get tired reading all night.",
|
||||
name: "Elena R.",
|
||||
role: "New Reader",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cinema-stickers-collection-with-monkey-banana_23-2150251134.jpg",
|
||||
},
|
||||
id: "4", title: "Perfect UI", quote: "Love the dark theme. My eyes don't get tired reading all night.", name: "Elena R.", role: "New Reader", imageSrc: "http://img.b2bpic.net/free-vector/cinema-stickers-collection-with-monkey-banana_23-2150251134.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Essential App",
|
||||
quote: "Can't live without my daily fix of updates from Eclipse.",
|
||||
name: "Kenji M.",
|
||||
role: "Power Reader",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134086.jpg",
|
||||
},
|
||||
id: "5", title: "Essential App", quote: "Can't live without my daily fix of updates from Eclipse.", name: "Kenji M.", role: "Power Reader", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-cartoon-style_23-2151134086.jpg"},
|
||||
]}
|
||||
title="What Our Fans Say"
|
||||
description="Hear from the community that makes this platform great."
|
||||
@@ -277,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the content free?",
|
||||
content: "Yes, we offer a massive library of free-to-read manga supported by community-friendly ads.",
|
||||
},
|
||||
id: "q1", title: "Is the content free?", content: "Yes, we offer a massive library of free-to-read manga supported by community-friendly ads."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How often are chapters updated?",
|
||||
content: "We work to update chapters as soon as the raw files are released, often within hours.",
|
||||
},
|
||||
id: "q2", title: "How often are chapters updated?", content: "We work to update chapters as soon as the raw files are released, often within hours."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request series?",
|
||||
content: "Absolutely! Join our Discord community to suggest new series for the team to pick up.",
|
||||
},
|
||||
id: "q3", title: "Can I request series?", content: "Absolutely! Join our Discord community to suggest new series for the team to pick up."},
|
||||
]}
|
||||
sideTitle="Still Have Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -301,8 +187,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Updates"
|
||||
title="Never Miss a Chapter"
|
||||
description="Sign up for our newsletter to get notified the second your favorite manga updates."
|
||||
|
||||
Reference in New Issue
Block a user