Merge version_2 into main #3
248
src/app/page.tsx
248
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Cloud, Download, Eye, HardDrive, RefreshCw, Sun } from "lucide-react";
|
||||
import { Cloud, Download, Eye, HardDrive, RefreshCw, Sun, Ghost, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,61 +32,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Latest", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Latest Manhwa", id: "products" },
|
||||
{ name: "Horror Stories", id: "horror" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="ManhwaDaily"
|
||||
brandName="ManhwaHorror"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Your Daily Dose of Epic Manhwa"
|
||||
description="Experience the latest chapters from trending series daily. Immerse yourself in worlds of fantasy, romance, and action."
|
||||
title="Latest Manhwa & Chilling Horror"
|
||||
description="Discover the hottest new manhwa updates and dive into our collection of spine-tingling animated horror stories."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Reading", href: "#products"},
|
||||
{ text: "Read Latest", href: "#products" },
|
||||
{ text: "Watch Horror", href: "#horror" },
|
||||
]}
|
||||
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/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/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"},
|
||||
]}
|
||||
avatarText="Join 1M+ readers worldwide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Built for Every Reader"
|
||||
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: "Mobile First", description: "Optimized experience for smartphones and tablets."},
|
||||
{
|
||||
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"
|
||||
imageAlt="Reading manhwa on a mobile device"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -95,189 +59,85 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Manhwa Updates"
|
||||
description="The newest chapters from your favorite series."
|
||||
products={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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: "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: "1", name: "Dark Fantasy Rising", price: "Update", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-pink-haired-girl-pajamas_23-2152033287.jpg" },
|
||||
{ id: "2", name: "Cyberpunk Chronicles", price: "New", imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666387.jpg" },
|
||||
{ id: "3", name: "Shadow Realm", price: "Trending", imageSrc: "http://img.b2bpic.net/free-photo/anime-couple-being-love_23-2151103323.jpg" }
|
||||
]}
|
||||
title="Trending Series"
|
||||
description="Check out what everyone is reading right now."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="horror" data-section="horror">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="Animated Horror Stories"
|
||||
description="Prepare for sleepless nights. Immerse yourself in our short, intense animated tales."
|
||||
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"},
|
||||
items: [
|
||||
{
|
||||
text: "Adjust brightness", icon: Sun,
|
||||
},
|
||||
{
|
||||
text: "Eye care filters", icon: Eye,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
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: "Instant sync", icon: RefreshCw,
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
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: "Storage management", icon: HardDrive,
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
{
|
||||
title: "The Whispering Woods",
|
||||
description: "Something is watching from the shadows of the ancient trees.", media: { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-boxing-day-celebration_23-2151040830.jpg" },
|
||||
items: [{ icon: Ghost, text: "Spine-chilling atmosphere" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Neon Nightmares",
|
||||
description: "The city's technology hides a darker, older secret.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-tech-portrait-young-girl-with-futuristic-style_23-2151133603.jpg" },
|
||||
items: [{ icon: Zap, text: "Electric terror" }],
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Premium Reading Features"
|
||||
description="Customized settings for a perfect reading journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "1M+", title: "Active Readers", items: [
|
||||
"Across 50 countries"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "500+", title: "Available Series", items: [
|
||||
"Weekly updates"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "99.9%", title: "Uptime", items: [
|
||||
"Always accessible"],
|
||||
},
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
title="A Universal Reading Experience"
|
||||
description="Accessible to everyone, everywhere. Fast, high-quality, and completely free reading."
|
||||
bulletPoints={[
|
||||
{ title: "Unlimited Access", description: "Dive into thousands of chapters.", icon: RefreshCw },
|
||||
{ title: "Universal Access", description: "Read on mobile, tablet, or desktop.", icon: HardDrive },
|
||||
]}
|
||||
title="Community Impact"
|
||||
description="Growing faster every day."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "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"},
|
||||
]}
|
||||
title="Reader Voices"
|
||||
description="Hear what the community has to say."
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Can I read offline?", content: "Yes, just download the chapters within the app."},
|
||||
{ id: "f1", title: "Is the content free?", content: "Yes, all manhwa and horror stories are completely free to enjoy." },
|
||||
{ id: "f2", title: "How often are there updates?", content: "Manhwa chapters are updated daily, and new horror stories arrive weekly." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
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: "#"},
|
||||
]}
|
||||
tag="Feedback"
|
||||
title="Request a Story"
|
||||
description="Have a suggestion for a manhwa or a horror story idea? Let us know!"
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Latest", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Library", items: [{ label: "Latest Manhwa", href: "#products" }, { label: "Horror Collection", href: "#horror" }] },
|
||||
{ title: "Info", items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 ManhwaDaily"
|
||||
bottomRightText="All rights reserved"
|
||||
bottomLeftText="© 2024 ManhwaHorror"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user