207 lines
10 KiB
TypeScript
207 lines
10 KiB
TypeScript
"use client"
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { BookOpen, Mail } from "lucide-react";
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Chill Time"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Books", id: "features" },
|
|
{ name: "Events", id: "metrics" },
|
|
{ name: "Community", id: "testimonial" }
|
|
]}
|
|
button={{
|
|
text: "Join Us", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Discover Stories, Share Moments"
|
|
description="Welcome to Chill Time, where book lovers gather to explore captivating narratives, share meaningful discussions, and build lasting connections through the power of literature."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Welcome to Our Reading Community"
|
|
tagIcon={BookOpen}
|
|
imageSrc="https://img.b2bpic.net/free-photo/full-shot-smiley-woman-reading-couch_23-2149172484.jpg"
|
|
imageAlt="Cozy reading corner with warm lighting"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Books", href: "features"
|
|
},
|
|
{
|
|
text: "Join the Club", href: "contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
title="Featured Reads"
|
|
description="Explore our current and upcoming selections handpicked for their literary merit and discussion potential."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1", title: "Contemporary Fiction: A Tale of Modern Life", tags: ["Current Read", "Fiction"],
|
|
imageSrc: "https://img.b2bpic.net/free-psd/poetry-day-print-template-with-photo_23-2148881643.jpg", imageAlt: "Contemporary fiction novel cover"
|
|
},
|
|
{
|
|
id: "2", title: "Mystery & Intrigue: Page-Turner Perfection", tags: ["Next Month", "Mystery"],
|
|
imageSrc: "https://img.b2bpic.net/free-vector/escape-room-invitation-template_742173-28423.jpg", imageAlt: "Mystery thriller book cover"
|
|
},
|
|
{
|
|
id: "3", title: "Inspiring Memoirs: Real Stories, Real Impact", tags: ["Upcoming", "Memoir"],
|
|
imageSrc: "https://img.b2bpic.net/free-psd/poetry-day-print-template-with-photo_23-2148881637.jpg", imageAlt: "Memoir biography book cover"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardFive
|
|
title="What Our Members Say"
|
|
description="Hear from passionate readers who have found community and connection through Chill Time."
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell, Book Enthusiast", date: "Date: 15 January 2025", title: "A Haven for Book Lovers", quote: "Chill Time has completely transformed my reading journey. The thoughtful selections and engaging discussions have opened my eyes to books I would never have picked up on my own. This community feels like home.", tag: "Member Since 2023", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg", imageAlt: "Book club members discussing literature"
|
|
},
|
|
{
|
|
id: "2", name: "James Chen, Avid Reader", date: "Date: 22 January 2025", title: "Connection Through Stories", quote: "What I love most about Chill Time is the genuine connections we make over shared stories. It's not just about reading—it's about growing together as a community of curious minds.", tag: "Member Since 2024", avatarSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg", imageAlt: "Community gathering for book discussion"
|
|
},
|
|
{
|
|
id: "3", name: "Priya Patel, Literature Lover", date: "Date: 18 January 2025", title: "Inspiring Conversations", quote: "Every month brings new perspectives and meaningful conversations. Chill Time has helped me appreciate literature on a deeper level while connecting with people who share my passion for reading.", tag: "Member Since 2022", avatarSrc: "https://img.b2bpic.net/free-photo/portrait-woman-with-curly-hair_23-2148728586.jpg", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg", imageAlt: "Reading circle engagement"
|
|
},
|
|
{
|
|
id: "4", name: "Marcus Thompson, Book Collector", date: "Date: 12 January 2025", title: "More Than a Book Club", quote: "Chill Time is where I found my people. The warm, welcoming atmosphere makes discussing books not just educational but genuinely fun. Highly recommend to any reader looking for community.", tag: "Member Since 2023", avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-reading-together_23-2150062128.jpg", imageAlt: "Members sharing reading experiences"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Our Impact"
|
|
description="The numbers behind our thriving reading community"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", description: "Active Members"
|
|
},
|
|
{
|
|
id: "2", value: "48", description: "Books Read Annually"
|
|
},
|
|
{
|
|
id: "3", value: "24", description: "Discussion Sessions Yearly"
|
|
},
|
|
{
|
|
id: "4", value: "95%", description: "Member Satisfaction Rate"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Join Chill Time"
|
|
title="Stay Connected with Our Community"
|
|
description="Subscribe to our newsletter to receive exclusive book recommendations, event updates, discussion guides, and special announcements delivered directly to your inbox. Be part of something special."
|
|
useInvertedBackground="invertDefault"
|
|
imageSrc="https://img.b2bpic.net/free-photo/stack-books-library_23-2147767228.jpg"
|
|
imageAlt="Beautiful book display and reading space"
|
|
mediaPosition="right"
|
|
tagIcon={Mail}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your inbox. Unsubscribe anytime. By subscribing, you agree to receive updates about Chill Time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric_card_one" data-section="metric_card_one">
|
|
<MetricCardOne
|
|
carouselMode="auto"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="none"
|
|
title="Relaxation Levels"
|
|
description="Explore the impact of our tips on reducing stress and improving well-being."
|
|
tag="Metrics"
|
|
buttons={[{ label: "View Tips", href: "#" }, { label: "Join Community", href: "#" }]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div> <div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Mission", href: "about" },
|
|
{ label: "Community", href: "testimonial" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Current Books", href: "features" },
|
|
{ label: "Reading Lists", href: "features" },
|
|
{ label: "Recommendations", href: "features" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Upcoming Events", href: "metrics" },
|
|
{ label: "Calendar", href: "metrics" },
|
|
{ label: "Discussions", href: "metrics" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Newsletter", href: "contact" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 | Webild"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |