269 lines
15 KiB
TypeScript
269 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Categories", id: "/categories"},
|
|
{
|
|
name: "Trending", id: "/trending"},
|
|
{
|
|
name: "Authors", id: "/authors"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
{
|
|
name: "Sign In / Sign Up", id: "/auth"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/vintage-classic-theatre-emblems-set_1284-39339.jpg"
|
|
logoAlt="Alish Novel Logo"
|
|
brandName="Alish Novel"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Read Your Favorite Novels Anytime, Discover 300+ Free English Novels, Download & Read Instantly"
|
|
description="Welcome to Alish Novel, your ultimate library for captivating stories. Immerse yourself in a world of endless narratives, from thrilling mysteries to heartwarming romances, all at your fingertips."
|
|
buttons={[
|
|
{
|
|
text: "Explore Novels", href: "/categories"},
|
|
{
|
|
text: "Trending Books", href: "/trending"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/haunted-house-gothic-style_23-2151626736.jpg", imageAlt: "Epic fantasy novel cover"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-seascape-with-big-jellyfish-algae_23-2150133017.jpg", imageAlt: "Romantic novel cover"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568823.jpg", imageAlt: "Science fiction novel cover"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/spooky-scene-with-man-floating-outdoors_23-2149758912.jpg", imageAlt: "Mystery novel cover"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-coast-landscape_23-2151515064.jpg", imageAlt: "Adventure novel cover"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/real-life-zodiac-collage_23-2149588405.jpg", imageAlt: "Horror novel cover"},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="trending-novels" data-section="trending-novels">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "novel-t1", name: "The Celestial Spire", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-fantastic-landscape-planets_23-2150133020.jpg", imageAlt: "The Celestial Spire novel cover"},
|
|
{
|
|
id: "novel-t2", name: "Whispers of the Heart", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/anime-stylecelebrating-valentines-day_23-2151257982.jpg", imageAlt: "Whispers of the Heart novel cover"},
|
|
{
|
|
id: "novel-t3", name: "Echoes of Andromeda", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-style-half-whale-half-robot_23-2151603064.jpg", imageAlt: "Echoes of Andromeda novel cover"},
|
|
{
|
|
id: "novel-t4", name: "The Silent Witness", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/portrait-halloween-masculine-model-looking-away_23-2148277522.jpg", imageAlt: "The Silent Witness novel cover"},
|
|
{
|
|
id: "novel-t5", name: "Chronicles of the Lost City", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fantasy-landscape_23-2151890282.jpg", imageAlt: "Chronicles of the Lost City novel cover"},
|
|
{
|
|
id: "novel-t6", name: "Shadows Over Blackwood", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/male-holding-lantern-night_23-2148277448.jpg", imageAlt: "Shadows Over Blackwood novel cover"},
|
|
]}
|
|
title="Trending Novels"
|
|
description="See what's captivating readers worldwide. These stories are currently dominating the literary charts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="latest-uploads" data-section="latest-uploads">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "novel-l1", name: "The Emerald Blade", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/pink-motivational-text-board-flat-lay_23-2148689373.jpg", imageAlt: "The Emerald Blade novel cover"},
|
|
{
|
|
id: "novel-l2", name: "Love in the Starlight", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-woman-sea_23-2149438108.jpg", imageAlt: "Love in the Starlight novel cover"},
|
|
{
|
|
id: "novel-l3", name: "Quantum Reverie", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134270.jpg", imageAlt: "Quantum Reverie novel cover"},
|
|
{
|
|
id: "novel-l4", name: "The Midnight Pact", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/anime-dragon-character-illustration_23-2151117650.jpg", imageAlt: "The Midnight Pact novel cover"},
|
|
{
|
|
id: "novel-l5", name: "Viking's Legacy", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/view-funny-animal_23-2151098397.jpg", imageAlt: "Viking's Legacy novel cover"},
|
|
{
|
|
id: "novel-l6", name: "The Unseen Terror", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-futuristic-mystical-other-worldly-sky_23-2150946827.jpg", imageAlt: "The Unseen Terror novel cover"},
|
|
]}
|
|
title="Latest Uploads"
|
|
description="Be the first to discover fresh narratives. Our newest additions are ready for your reading pleasure."
|
|
/>
|
|
</div>
|
|
|
|
<div id="recommended-reads" data-section="recommended-reads">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
carouselMode="auto"
|
|
products={[
|
|
{
|
|
id: "novel-r1", name: "Mythic Dawn", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/beauty-loneliness-captured-headshot-portrait-generated-by-ai_188544-36250.jpg", imageAlt: "Mythic Dawn novel cover"},
|
|
{
|
|
id: "novel-r2", name: "A Glimmer of Hope", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/lovely-classic-wedding-invitation-template-art-deco-style_23-2147939570.jpg", imageAlt: "A Glimmer of Hope novel cover"},
|
|
{
|
|
id: "novel-r3", name: "Stellar Drift", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/man-reading-spell-book-outside_23-2148277492.jpg", imageAlt: "Stellar Drift novel cover"},
|
|
{
|
|
id: "novel-r4", name: "The Forgotten Labyrinth", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859085.jpg", imageAlt: "The Forgotten Labyrinth novel cover"},
|
|
{
|
|
id: "novel-r5", name: "Echoes of Yesterday", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/valentine-s-day-14th-february-vector_53876-79074.jpg", imageAlt: "Echoes of Yesterday novel cover"},
|
|
{
|
|
id: "novel-r6", name: "The Spectral Mansion", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-sketchbook-checking-it_114579-25118.jpg", imageAlt: "The Spectral Mansion novel cover"},
|
|
]}
|
|
title="Recommended Reads"
|
|
description="Handpicked just for you! Explore stories tailored to your interests and discover your next favorite book."
|
|
/>
|
|
</div>
|
|
|
|
<div id="top-rated-novels" data-section="top-rated-novels">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "novel-tr1", name: "Dragon's Ascent", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-viking-children_23-2151686322.jpg", imageAlt: "Dragon's Ascent novel cover"},
|
|
{
|
|
id: "novel-tr2", name: "The Heart's Melody", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/international-kissing-day-celebration_23-2151185183.jpg", imageAlt: "The Heart's Melody novel cover"},
|
|
{
|
|
id: "novel-tr3", name: "Cosmic Odyssey", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603083.jpg", imageAlt: "Cosmic Odyssey novel cover"},
|
|
{
|
|
id: "novel-tr4", name: "Silent Scream", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/woman-religious-pilgrimage-church_23-2150582321.jpg", imageAlt: "Silent Scream novel cover"},
|
|
{
|
|
id: "novel-tr5", name: "Gladiator's Honor", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/flat-design-people-singing-carols-illustration_23-2151892240.jpg", imageAlt: "Gladiator's Honor novel cover"},
|
|
{
|
|
id: "novel-tr6", name: "The Haunted Woods", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-books-background-with-halloween-decorations_23-2147905780.jpg", imageAlt: "The Haunted Woods novel cover"},
|
|
]}
|
|
title="Top Rated Novels"
|
|
description="Explore the best-rated stories by our community. These critically acclaimed books are guaranteed to be a fantastic read."
|
|
/>
|
|
</div>
|
|
|
|
<div id="user-reviews" data-section="user-reviews">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Aisha Khan", imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-reading-book-looking-camera_23-2147797441.jpg", imageAlt: "Aisha Khan"},
|
|
{
|
|
id: "2", name: "Benjamin Lee", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-young-woman-showing-ok-sign-with-fingers-looking-front_114579-58463.jpg", imageAlt: "Benjamin Lee"},
|
|
{
|
|
id: "3", name: "Chloe Davies", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-reading-sofa_23-2147767432.jpg", imageAlt: "Chloe Davies"},
|
|
{
|
|
id: "4", name: "Daniel Kim", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-senior-woman-sitting-sofa-looking-photo-frame_23-2147901373.jpg", imageAlt: "Daniel Kim"},
|
|
{
|
|
id: "5", name: "Elena Petrova", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-having-bookstore-date_23-2150334591.jpg", imageAlt: "Elena Petrova"},
|
|
]}
|
|
cardTitle="What Our Readers Say"
|
|
cardTag="Testimonials"
|
|
buttons={[
|
|
{
|
|
text: "Read All Reviews", href: "/reviews"},
|
|
]}
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="newsletter" data-section="newsletter">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-animated"}}
|
|
text="Join Our Reading Community! Subscribe for exclusive updates, new releases, and personalized recommendations straight to your inbox."
|
|
buttons={[
|
|
{
|
|
text: "Subscribe Now", onClick: () => alert('Subscribed!')
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Alish Novel"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Home", href: "/"},
|
|
{
|
|
label: "Categories", href: "/categories"},
|
|
{
|
|
label: "Trending", href: "/trending"},
|
|
{
|
|
label: "Authors", href: "/authors"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Facebook", href: "https://facebook.com"},
|
|
{
|
|
label: "Twitter", href: "https://twitter.com"},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"},
|
|
{
|
|
label: "LinkedIn", href: "https://linkedin.com"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Alish Novel. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|