Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Latest",
|
||||
id: "products",
|
||||
},
|
||||
name: "Latest", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="ManhwaDaily"
|
||||
/>
|
||||
@@ -59,32 +51,20 @@ export default function LandingPage() {
|
||||
description="Experience the latest chapters from trending series daily. Immerse yourself in worlds of fantasy, romance, and action."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Reading",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Start Reading", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-art-fire_23-2151104482.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-art-fire_23-2151104482.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-books_23-2148680204.jpg",
|
||||
alt: "young reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-books_23-2148680204.jpg", alt: "young reader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-books_23-2148489672.jpg",
|
||||
alt: "book reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-books_23-2148489672.jpg", alt: "book reader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-reading-book-street-closeup-teenage-girl-reading-book_169016-66817.jpg",
|
||||
alt: "student reader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-reading-book-street-closeup-teenage-girl-reading-book_169016-66817.jpg", alt: "student reader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene_23-2148184661.jpg",
|
||||
alt: "manga enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-yellow-scene_23-2148184661.jpg", alt: "manga enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-portrait-people_23-2150793895.jpg",
|
||||
alt: "comic collector",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-portrait-people_23-2150793895.jpg", alt: "comic collector"},
|
||||
]}
|
||||
avatarText="Join 1M+ readers worldwide"
|
||||
/>
|
||||
@@ -98,17 +78,11 @@ export default function LandingPage() {
|
||||
description="We believe reading should be universal. Our platform offers high-resolution, fast-loading, and mobile-friendly chapters for all."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Unlimited Access",
|
||||
description: "Read all your favorite series without barriers.",
|
||||
},
|
||||
title: "Unlimited Access", description: "Read all your favorite series without barriers."},
|
||||
{
|
||||
title: "Mobile First",
|
||||
description: "Optimized experience for smartphones and tablets.",
|
||||
},
|
||||
title: "Mobile First", description: "Optimized experience for smartphones and tablets."},
|
||||
{
|
||||
title: "Daily Updates",
|
||||
description: "Never miss out on the latest chapter releases.",
|
||||
},
|
||||
title: "Daily Updates", description: "Never miss out on the latest chapter releases."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-blonde-blogger-female-relaxes-outdoor-using-smartphone-while-sitting-bench-city-park-against-bright-sunlight_613910-3982.jpg"
|
||||
@@ -124,41 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Hidden Legend",
|
||||
price: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-pink-haired-girl-pajamas_23-2152033287.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "The Hidden Legend", price: "New", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-pink-haired-girl-pajamas_23-2152033287.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Galaxy Chronicles",
|
||||
price: "Trending",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666387.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Galaxy Chronicles", price: "Trending", imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666387.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Summer Rain",
|
||||
price: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-couple-being-love_23-2151103323.jpg",
|
||||
},
|
||||
id: "3", name: "Summer Rain", price: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/anime-couple-being-love_23-2151103323.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Shadow Shadows",
|
||||
price: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-portrait-hindu-god_23-2151782074.jpg",
|
||||
},
|
||||
id: "4", name: "Shadow Shadows", price: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-portrait-hindu-god_23-2151782074.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Adventure Seekers",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-latin-american-village-scenery_23-2151643438.jpg",
|
||||
},
|
||||
id: "5", name: "Adventure Seekers", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-latin-american-village-scenery_23-2151643438.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Iron Fist Saga",
|
||||
price: "Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-boxing-day-celebration_23-2151040830.jpg",
|
||||
},
|
||||
id: "6", name: "Iron Fist Saga", price: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-boxing-day-celebration_23-2151040830.jpg"},
|
||||
]}
|
||||
title="Trending Series"
|
||||
description="Check out what everyone is reading right now."
|
||||
@@ -172,64 +122,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Dark Mode",
|
||||
description: "Read comfortably in any light condition.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603078.jpg",
|
||||
},
|
||||
title: "Custom Dark Mode", description: "Read comfortably in any light condition.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603078.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "Adjust brightness",
|
||||
icon: Sun,
|
||||
text: "Adjust brightness", icon: Sun,
|
||||
},
|
||||
{
|
||||
text: "Eye care filters",
|
||||
icon: Eye,
|
||||
text: "Eye care filters", icon: Eye,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-fire_23-2151104482.jpg?_wi=2",
|
||||
imageAlt: "fantasy manhwa book cover",
|
||||
},
|
||||
{
|
||||
title: "Auto Chapter Sync",
|
||||
description: "Never lose your place across multiple devices.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133603.jpg",
|
||||
},
|
||||
title: "Auto Chapter Sync", description: "Never lose your place across multiple devices.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133603.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "Cloud storage",
|
||||
icon: Cloud,
|
||||
text: "Cloud storage", icon: Cloud,
|
||||
},
|
||||
{
|
||||
text: "Instant sync",
|
||||
icon: RefreshCw,
|
||||
text: "Instant sync", icon: RefreshCw,
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-pink-haired-girl-pajamas_23-2152033287.jpg?_wi=2",
|
||||
imageAlt: "fantasy manhwa book cover",
|
||||
},
|
||||
{
|
||||
title: "Offline Library",
|
||||
description: "Download chapters for reading without internet.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-broken-heart-painted-her_23-2150848139.jpg",
|
||||
},
|
||||
title: "Offline Library", description: "Download chapters for reading without internet.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-broken-heart-painted-her_23-2150848139.jpg"},
|
||||
items: [
|
||||
{
|
||||
text: "Fast download",
|
||||
icon: Download,
|
||||
text: "Fast download", icon: Download,
|
||||
},
|
||||
{
|
||||
text: "Storage management",
|
||||
icon: HardDrive,
|
||||
text: "Storage management", icon: HardDrive,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666387.jpg?_wi=2",
|
||||
imageAlt: "fantasy manhwa book cover",
|
||||
},
|
||||
]}
|
||||
title="Premium Reading Features"
|
||||
@@ -244,28 +173,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "Active Readers",
|
||||
items: [
|
||||
"Across 50 countries",
|
||||
],
|
||||
id: "m1", value: "1M+", title: "Active Readers", items: [
|
||||
"Across 50 countries"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Available Series",
|
||||
items: [
|
||||
"Weekly updates",
|
||||
],
|
||||
id: "m2", value: "500+", title: "Available Series", items: [
|
||||
"Weekly updates"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Always accessible",
|
||||
],
|
||||
id: "m3", value: "99.9%", title: "Uptime", items: [
|
||||
"Always accessible"],
|
||||
},
|
||||
]}
|
||||
title="Community Impact"
|
||||
@@ -280,40 +197,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex P.",
|
||||
role: "Fan",
|
||||
testimonial: "Best platform I've used for manhwa!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-readhead-bearded-nerd-holding-notebook-pen_171337-7853.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex P.", role: "Fan", testimonial: "Best platform I've used for manhwa!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-readhead-bearded-nerd-holding-notebook-pen_171337-7853.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam K.",
|
||||
role: "Fan",
|
||||
testimonial: "I love the clean mobile interface.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-new-year-2023_1048-17589.jpg",
|
||||
},
|
||||
id: "t2", name: "Sam K.", role: "Fan", testimonial: "I love the clean mobile interface.", imageSrc: "http://img.b2bpic.net/free-photo/young-person-presenting-new-year-2023_1048-17589.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan L.",
|
||||
role: "Fan",
|
||||
testimonial: "Fast updates and great selection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-working-documents_23-2147670327.jpg",
|
||||
},
|
||||
id: "t3", name: "Jordan L.", role: "Fan", testimonial: "Fast updates and great selection.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-working-documents_23-2147670327.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor B.",
|
||||
role: "Fan",
|
||||
testimonial: "Finally, a reader that works perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-reading-nice-book_23-2147777286.jpg",
|
||||
},
|
||||
id: "t4", name: "Taylor B.", role: "Fan", testimonial: "Finally, a reader that works perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/teenager-reading-nice-book_23-2147777286.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Morgan D.",
|
||||
role: "Fan",
|
||||
testimonial: "Top tier experience, thanks team!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-with-book-funny-expression_1194-3244.jpg",
|
||||
},
|
||||
id: "t5", name: "Morgan D.", role: "Fan", testimonial: "Top tier experience, thanks team!", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-with-book-funny-expression_1194-3244.jpg"},
|
||||
]}
|
||||
title="Reader Voices"
|
||||
description="Hear what the community has to say."
|
||||
@@ -326,20 +218,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it free?",
|
||||
content: "Yes, we offer free access to all series.",
|
||||
},
|
||||
id: "f1", title: "Is it free?", content: "Yes, we offer free access to all series."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "New chapters?",
|
||||
content: "We update series daily based on original releases.",
|
||||
},
|
||||
id: "f2", title: "New chapters?", content: "We update series daily based on original releases."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I read offline?",
|
||||
content: "Yes, just download the chapters within the app.",
|
||||
},
|
||||
id: "f3", title: "Can I read offline?", content: "Yes, just download the chapters within the app."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -351,16 +234,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Need Support?"
|
||||
description="Let us know if you face any issues while reading."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -369,42 +249,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Latest",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Latest", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user