185 lines
9.6 KiB
TypeScript
185 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Reader", id: "reader"},
|
|
{
|
|
name: "Ask AI", id: "ai-assistant"},
|
|
{
|
|
name: "Journey", id: "journey"},
|
|
]}
|
|
brandName="Kan Kan Main Ram"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Kan Kan Main Ram"
|
|
description="An AI-powered sanctuary where ancient Ramayan wisdom meets modern technological clarity."
|
|
buttons={[
|
|
{
|
|
text: "Start Your Spiritual Journey", href: "#reader"},
|
|
{
|
|
text: "Ask Ramayan AI", href: "#ai-assistant"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/single-orange-table-tennis-ball-against-solid-black-background_1308-189582.jpg?_wi=1"
|
|
imageAlt="Spiritual divine glow"
|
|
/>
|
|
</div>
|
|
|
|
<div id="wisdom-features" data-section="wisdom-features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="Wisdom & Guidance"
|
|
description="Experience deep spiritual connection through intelligent tools."
|
|
accordionItems={[
|
|
{
|
|
id: "f1", title: "Multilingual Scriptures", content: "Read sacred texts in Sanskrit, Hindi, English, and Gujarati."},
|
|
{
|
|
id: "f2", title: "AI Spiritual Assistant", content: "Ask questions and receive guidance rooted in Ramayan knowledge."},
|
|
{
|
|
id: "f3", title: "Audio Narration", content: "Listen to calming narrations with synchronized text highlighting."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=1"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="ai-assistant" data-section="ai-assistant">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
tag="Guidance"
|
|
title="Ask Ramayan AI"
|
|
buttons={[
|
|
{
|
|
text: "Start Chatting", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reader" data-section="reader">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Bal Kand", price: "100 Shlokas", variant: "Sacred", imageSrc: "http://img.b2bpic.net/free-photo/orange-flower-background_1017-2755.jpg?_wi=1"},
|
|
{
|
|
id: "p2", name: "Ayodhya Kand", price: "120 Shlokas", variant: "Sacred", imageSrc: "http://img.b2bpic.net/free-photo/exlosion-enery-with-scattering-golden-sparkle-dust_1017-42077.jpg"},
|
|
{
|
|
id: "p3", name: "Aranya Kand", price: "80 Shlokas", variant: "Sacred", imageSrc: "http://img.b2bpic.net/free-photo/spiral-golden-particles-glitter-background_1017-32779.jpg?_wi=1"},
|
|
{
|
|
id: "p4", name: "Kishkindha Kand", price: "90 Shlokas", variant: "Sacred", imageSrc: "http://img.b2bpic.net/free-photo/golden-glitter-sparkle-particle-circular-frame-background_1017-32777.jpg"},
|
|
{
|
|
id: "p5", name: "Sundar Kand", price: "150 Shlokas", variant: "Sacred", imageSrc: "http://img.b2bpic.net/free-photo/shiny-blue-computer-graphic-backdrop-with-defocused-motion-generated-by-ai_188544-9599.jpg"},
|
|
{
|
|
id: "p6", name: "Yuddh Kand", price: "200 Shlokas", variant: "Sacred", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-wonder-wheel_23-2148328086.jpg"},
|
|
]}
|
|
title="Scripture Explorer"
|
|
description="Dive deep into the seven holy Kands of Ramayan."
|
|
/>
|
|
</div>
|
|
|
|
<div id="journey" data-section="journey">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="The Journey Stats"
|
|
tag="Milestones"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "12,000+", description: "Verses available"},
|
|
{
|
|
id: "m2", value: "4", description: "Languages supported"},
|
|
{
|
|
id: "m3", value: "24/7", description: "AI assistance"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="spiritual-testimonials" data-section="spiritual-testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", date: "Oct 2023", title: "Seeker", quote: "I found so much peace in the daily shlokas.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-playing-synthesizer-keyboards-outdoors-copy-space_23-2148673623.jpg", imageSrc: "http://img.b2bpic.net/free-photo/single-orange-table-tennis-ball-against-solid-black-background_1308-189582.jpg?_wi=2", imageAlt: "meditative person portrait"},
|
|
{
|
|
id: "2", name: "Michael C.", date: "Nov 2023", title: "Devotee", quote: "The AI answers are deeply respectful.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-caucasian-attractive-female-with-closed-eyes-floral-background_127675-2887.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg?_wi=2", imageAlt: "meditative person portrait"},
|
|
{
|
|
id: "3", name: "Emily R.", date: "Dec 2023", title: "Student", quote: "Audio narration makes it very immersive.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/focused-young-indian-man-meditating-lotus-pose_1262-12658.jpg", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-senior-man-feel-zen-meditating-resting-breathing-calm-looking-up-smiling-satisfied-calming-down-holding-hands-yoga-mudra-signs-standing-white-background_176420-53208.jpg", imageAlt: "meditative person portrait"},
|
|
{
|
|
id: "4", name: "David K.", date: "Jan 2024", title: "Traveler", quote: "My daily companion for wisdom.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-with-pink-sweatshirt-enjoying-outdoors_23-2147562503.jpg", imageSrc: "http://img.b2bpic.net/free-photo/orange-flower-background_1017-2755.jpg?_wi=2", imageAlt: "meditative person portrait"},
|
|
{
|
|
id: "5", name: "Ananya P.", date: "Feb 2024", title: "Teacher", quote: "The most peaceful reading experience.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/exlosion-enery-with-scattering-golden-sparkle-dust_1017-42077.jpg", imageSrc: "http://img.b2bpic.net/free-photo/spiral-golden-particles-glitter-background_1017-32779.jpg?_wi=2", imageAlt: "meditative person portrait"},
|
|
]}
|
|
title="Community Voices"
|
|
description="How seekers are finding peace with Kan Kan Main Ram."
|
|
/>
|
|
</div>
|
|
|
|
<div id="knowledge-faq" data-section="knowledge-faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "How to change languages?", content: "Toggle the language switcher on the reader page."},
|
|
{
|
|
id: "faq2", title: "Can I save shlokas?", content: "Yes, use the bookmark feature to save for later."},
|
|
{
|
|
id: "faq3", title: "Is the AI secure?", content: "Absolutely, we follow high standards for privacy."},
|
|
]}
|
|
sideTitle="Common Wisdom"
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Kan Kan Main Ram"
|
|
columns={[
|
|
{ items: [{ label: "Home", href: "#" }, { label: "Ask AI", href: "#" }] },
|
|
{ items: [{ label: "Scriptures", href: "#" }, { label: "Community", href: "#" }] },
|
|
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|