323 lines
17 KiB
TypeScript
323 lines
17 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { BookOpen, Users, Sparkles, Heart, Mail, HelpCircle, Globe } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="mo_readss"
|
|
navItems={[
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Genres", id: "genres" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Join us", href: "#contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
title="Discover Your Next Favorite Book"
|
|
description="Join 35K+ book lovers worldwide receiving honest, in-depth reviews across all genres on every major book marketing platform. Your trusted source for literary recommendations."
|
|
tag="mo_readss Community"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Explore Reviews", href: "#features" },
|
|
{ text: "Join Community", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-background-with-open-book-stacked-books_23-2147624849.jpg", imageAlt: "Collection of colorful books"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-hiding-books-looking-front_114579-58507.jpg", imageAlt: "Reading community gathering"
|
|
}
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-resort_23-2147765391.jpg", imageAlt: "Detailed book review analysis"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-reading-near-smart-friend_23-2147864131.jpg", imageAlt: "Multi-platform book marketing"
|
|
}
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/girl-laying-floor-top-view_23-2149645173.jpg", alt: "Community member 1"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-view_23-2148369434.jpg", alt: "Community member 2"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-books_23-2148680225.jpg", alt: "Community member 3"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg", alt: "Community member 4"
|
|
}
|
|
]}
|
|
avatarText="Join 35K+ readers"
|
|
ariaLabel="Hero section showcasing book review community"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="About mo_readss"
|
|
description="We are a passionate community of book reviewers dedicated to providing authentic, comprehensive reviews across all genres. With our global reach of 600K+, we help readers make informed choices about their next read on every major book marketing platform."
|
|
tag="Our Story"
|
|
tagIcon={Users}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/lovely-couple-hiding-books-looking-front_114579-58507.jpg"
|
|
imageAlt="Community of book lovers sharing recommendations"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
metrics={[
|
|
{ value: "35K+", title: "Active Community Members" },
|
|
{ value: "600K+", title: "Global Monthly Reach" },
|
|
{ value: "All Genres", title: "Books We Review" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
ariaLabel="About section describing mo_readss mission"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Why Choose mo_readss Reviews"
|
|
description="Comprehensive coverage, authentic voices, and multi-platform presence make us your go-to source for book recommendations."
|
|
tag="Our Features"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="slide-up"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Honest In-Depth Reviews", description: "We provide detailed, unbiased reviews that analyze plot, characters, pacing, and overall literary merit to help you find books you'll love.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reading-resort_23-2147765391.jpg", imageAlt: "Detailed book review and analysis"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "All Genres Covered", description: "From romance and mystery to sci-fi and non-fiction, we review every genre across all reading levels and interests.", imageSrc: "http://img.b2bpic.net/free-photo/view-different-vertical-books_23-2147615106.jpg", imageAlt: "Diverse collection of book genres"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Multi-Platform Presence", description: "Find our reviews on Goodreads, Amazon, TikTok, Instagram, and all major book marketing platforms for convenient access.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-reading-near-smart-friend_23-2147864131.jpg", imageAlt: "Multi-platform book marketing distribution"
|
|
}
|
|
]}
|
|
ariaLabel="Feature section highlighting review platform benefits"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Our Impact"
|
|
tag="Community Metrics"
|
|
tagAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "followers", value: "35K+", description: "Community Followers" },
|
|
{ id: "reach", value: "600K+", description: "Monthly Global Reach" },
|
|
{ id: "reviews", value: "1000+", description: "Reviews Published" },
|
|
{ id: "genres", value: "20+", description: "Genres Covered" }
|
|
]}
|
|
ariaLabel="Metrics section showing community impact and reach"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Readers Say"
|
|
description="Real feedback from book lovers who trust mo_readss for their reading recommendations."
|
|
tag="Community Testimonials"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", role: "Book Blogger", company: "Literary Reviews", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-laying-floor-top-view_23-2149645173.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Johnson", role: "Reading Enthusiast", company: "Bookstagram", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-front-view_23-2148369434.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", role: "Literary Critic", company: "Book Community", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-books_23-2148680225.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "James Mitchell", role: "Casual Reader", company: "Reading Circle", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-couch_273609-12733.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Priya Patel", role: "Avid Reader", company: "Book Club", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "David Lee", role: "Publishing Professional", company: "Book Industry", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-young-woman-eating-fresh-tasty-sandwich-with-ham_23-2147974677.jpg"
|
|
}
|
|
]}
|
|
ariaLabel="Testimonial section with reader feedback"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Featured On"
|
|
description="Our reviews are trusted and featured across all major book marketing and social platforms worldwide."
|
|
tag="Platform Partners"
|
|
tagIcon={Globe}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Goodreads", "Amazon Books", "Instagram", "TikTok", "YouTube", "Wattpad", "Scribd"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/minimal-book-club-youtube-channel-art_23-2149758162.jpg", "http://img.b2bpic.net/free-vector/flat-book-logo-collection_23-2148811018.jpg", "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372423.jpg", "http://img.b2bpic.net/free-vector/tiktok-logo-collection_23-2148566386.jpg", "http://img.b2bpic.net/free-psd/red-template-design_23-2151243451.jpg", "http://img.b2bpic.net/free-vector/social-media-logo-collection_23-2148078500.jpg", "http://img.b2bpic.net/free-vector/translation-dictionary-icons-set_98292-6761.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
ariaLabel="Social proof section featuring partner platforms"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Have questions about our reviews or community? Find answers here."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
mediaPosition="left"
|
|
imageSrc="http://img.b2bpic.net/free-photo/serious-woman-with-headset-dark-office_74855-3106.jpg"
|
|
imageAlt="Help and support resources"
|
|
mediaAnimation="slide-up"
|
|
showCard={true}
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What genres do you review?", content: "We review all genres including fiction, romance, mystery, thriller, fantasy, science fiction, non-fiction, memoir, history, self-help, business, and more. Our community covers every reading category imaginable."
|
|
},
|
|
{
|
|
id: "2", title: "Where can I find your reviews?", content: "Our reviews are available on Goodreads, Amazon, Instagram, TikTok, YouTube, Wattpad, Scribd, and all major book marketing platforms. You can find mo_readss content wherever books are discussed online."
|
|
},
|
|
{
|
|
id: "3", title: "How can I join the community?", content: "Simply follow us on your preferred platform or sign up through our website. Join our community to get access to exclusive reviews, early recommendations, and join book discussions with other readers."
|
|
},
|
|
{
|
|
id: "4", title: "How often do you post new reviews?", content: "We post new reviews regularly across all platforms. Our active community ensures fresh, timely recommendations for upcoming releases and classic favorites. Check back often for new content."
|
|
},
|
|
{
|
|
id: "5", title: "Can authors submit their books for review?", content: "Yes! We're always interested in reviewing new releases. Authors and publishers can reach out through our contact form to discuss review opportunities for your books."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer personalized recommendations?", content: "Absolutely! Connect with our community to get personalized book recommendations based on your reading preferences, interests, and favorite genres. Our readers love sharing suggestions!"
|
|
}
|
|
]}
|
|
ariaLabel="FAQ section with common questions and answers"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
title="Join Our Reading Community"
|
|
description="Follow mo_readss for daily book reviews, recommendations, and literary discussions. Connect with 35K+ book lovers worldwide and discover your next favorite read."
|
|
buttons={[
|
|
{ text: "Follow on Instagram", href: "https://instagram.com/mo_readss" },
|
|
{ text: "Subscribe to Newsletter", href: "#newsletter" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact section to join community"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="mo_readss"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Reviews", href: "#features" },
|
|
{ label: "Community", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com/mo_readss" },
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
{ label: "YouTube", href: "https://youtube.com" },
|
|
{ label: "Goodreads", href: "https://goodreads.com" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Submit Review", href: "#contact" },
|
|
{ label: "For Authors", href: "#contact" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Disclaimer", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Site footer with navigation links"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |