Merge version_1 into main #1
287
src/app/page.tsx
287
src/app/page.tsx
@@ -28,28 +28,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Books",
|
||||
id: "catalog",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Books", id: "catalog" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
]}
|
||||
brandName="Mutolaa Next"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,40 +43,16 @@ export default function LandingPage() {
|
||||
logoText="MutolaaNext"
|
||||
description="The ultimate AI-powered reading and audiobook experience. Modern, fast, and completely distraction-free."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Library",
|
||||
href: "#catalog",
|
||||
},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Explore Library", href: "#catalog" },
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063064.jpg",
|
||||
imageAlt: "Digital Reading Platform Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-man-playing-song-his-smartphone-listening-music-with-wireless-headphones_662251-2142.jpg",
|
||||
imageAlt: "Advanced Audiobook Player",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-books-shelf-near-decorations_23-2147767568.jpg",
|
||||
imageAlt: "Smart Reader Mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-paper-books_58702-6442.jpg",
|
||||
imageAlt: "Digital Library Concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
imageAlt: "User Reading Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-53733.jpg",
|
||||
imageAlt: "AI Book Recommendations",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063064.jpg", imageAlt: "Digital Reading Platform Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/adult-man-playing-song-his-smartphone-listening-music-with-wireless-headphones_662251-2142.jpg", imageAlt: "Advanced Audiobook Player" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pile-books-shelf-near-decorations_23-2147767568.jpg", imageAlt: "Smart Reader Mode" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ebook-reader-paper-books_58702-6442.jpg", imageAlt: "Digital Library Concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg", imageAlt: "User Reading Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-53733.jpg", imageAlt: "AI Book Recommendations" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,36 +63,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI Recommendation Engine",
|
||||
tags: [
|
||||
"Smart",
|
||||
"Personalized",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg",
|
||||
imageAlt: "AI recommendations icon",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Immersive Audio Player",
|
||||
tags: [
|
||||
"Audiobooks",
|
||||
"High Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-48933.jpg",
|
||||
imageAlt: "Audio player controls icon",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Distraction-Free Mode",
|
||||
tags: [
|
||||
"Minimalism",
|
||||
"Reader",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198411.jpg",
|
||||
imageAlt: "Clean reader mode icon",
|
||||
},
|
||||
{ id: "f1", title: "AI Recommendation Engine", tags: ["Smart", "Personalized"], imageSrc: "http://img.b2bpic.net/free-photo/blurred-lights-background_23-2148164727.jpg", imageAlt: "AI recommendations icon" },
|
||||
{ id: "f2", title: "Immersive Audio Player", tags: ["Audiobooks", "High Quality"], imageSrc: "http://img.b2bpic.net/free-photo/musical-keys-tablet-with-stylus-table_169016-48933.jpg", imageAlt: "Audio player controls icon" },
|
||||
{ id: "f3", title: "Distraction-Free Mode", tags: ["Minimalism", "Reader"], imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198411.jpg", imageAlt: "Clean reader mode icon" },
|
||||
]}
|
||||
title="Built for Passionate Readers"
|
||||
description="Experience literature the way it was meant to be read — and heard."
|
||||
@@ -140,64 +74,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Tech",
|
||||
name: "Modern AI Ethics",
|
||||
price: "$19.99",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/minimalist-black-white-covers-design_79603-741.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Lifestyle",
|
||||
name: "Digital Nomad Guide",
|
||||
price: "$14.99",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/abstract-gradient-shapes-cover-collection_23-2148423861.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Audio",
|
||||
name: "Audiobook Mastery",
|
||||
price: "$24.99",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/elegant-style-birthday-invitation-template_23-2148450768.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Literature",
|
||||
name: "Classic Uzbek Literature",
|
||||
price: "$9.99",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/wedding-invitation-template_23-2148627667.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Psychology",
|
||||
name: "The Science of Habits",
|
||||
price: "$12.99",
|
||||
rating: 4,
|
||||
reviewCount: "430",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-clean-white-papers-office-business-use_187299-48025.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Growth",
|
||||
name: "Tech Startup Growth",
|
||||
price: "$29.99",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-non-glowing-lamp-dark-copy-space_169016-9530.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Tech", name: "Modern AI Ethics", price: "$19.99", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-vector/minimalist-black-white-covers-design_79603-741.jpg" },
|
||||
{ id: "p2", brand: "Lifestyle", name: "Digital Nomad Guide", price: "$14.99", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-vector/abstract-gradient-shapes-cover-collection_23-2148423861.jpg" },
|
||||
{ id: "p3", brand: "Audio", name: "Audiobook Mastery", price: "$24.99", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-vector/elegant-style-birthday-invitation-template_23-2148450768.jpg" },
|
||||
{ id: "p4", brand: "Literature", name: "Classic Uzbek Literature", price: "$9.99", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-vector/wedding-invitation-template_23-2148627667.jpg" },
|
||||
{ id: "p5", brand: "Psychology", name: "The Science of Habits", price: "$12.99", rating: 4, reviewCount: "430", imageSrc: "http://img.b2bpic.net/free-photo/stack-clean-white-papers-office-business-use_187299-48025.jpg" },
|
||||
{ id: "p6", brand: "Growth", name: "Tech Startup Growth", price: "$29.99", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-non-glowing-lamp-dark-copy-space_169016-9530.jpg" },
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Discover your next great adventure."
|
||||
@@ -210,56 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Entry",
|
||||
price: "$9.99",
|
||||
period: "/month",
|
||||
description: "Perfect for casual readers.",
|
||||
button: {
|
||||
text: "Choose Basic",
|
||||
},
|
||||
featuresTitle: "Included features:",
|
||||
features: [
|
||||
"Unlimited Reading",
|
||||
"AI Recommendations",
|
||||
"Standard Audio quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Most Popular",
|
||||
price: "$19.99",
|
||||
period: "/month",
|
||||
description: "For avid listeners and readers.",
|
||||
button: {
|
||||
text: "Go Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Offline Mode",
|
||||
"Hi-Fi Audio",
|
||||
"Achievement Badges",
|
||||
"Sync Across Devices",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Ultimate",
|
||||
price: "$39.99",
|
||||
period: "/month",
|
||||
description: "Family shared access.",
|
||||
button: {
|
||||
text: "Select Ultimate",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"5 User Accounts",
|
||||
"Advanced Stats",
|
||||
"Priority Support",
|
||||
"Book Club Hosting",
|
||||
],
|
||||
},
|
||||
{ id: "basic", tag: "Entry", price: "$9.99", period: "/month", description: "Perfect for casual readers.", button: { text: "Choose Basic" }, featuresTitle: "Included features:", features: ["Unlimited Reading", "AI Recommendations", "Standard Audio quality"] },
|
||||
{ id: "pro", tag: "Most Popular", price: "$19.99", period: "/month", description: "For avid listeners and readers.", button: { text: "Go Pro" }, featuresTitle: "Everything in Basic, plus:", features: ["Offline Mode", "Hi-Fi Audio", "Achievement Badges", "Sync Across Devices"] },
|
||||
{ id: "enterprise", tag: "Ultimate", price: "$39.99", period: "/month", description: "Family shared access.", button: { text: "Select Ultimate" }, featuresTitle: "Everything in Pro, plus:", features: ["5 User Accounts", "Advanced Stats", "Priority Support", "Book Club Hosting"] },
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Choose the reading plan that fits your life."
|
||||
@@ -273,26 +113,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-man-analyzing-document-his-office_329181-17554.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-phone-emotion-concept-closeup_169016-66074.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-standing-by-cafe_1303-29687.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serious-man-analyzing-document-his-office_329181-17554.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-woman-talking-phone-emotion-concept-closeup_169016-66074.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -302,53 +127,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Explore",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Explore", href: "#" }, { label: "Features", href: "#" }, { label: "Community", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "FAQ", href: "#" }, { label: "Contact Us", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
logoText="MutolaaNext"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user