Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Movies",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Movies", id: "catalog"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Admin",
|
||||
id: "admin",
|
||||
},
|
||||
name: "Admin", id: "admin"},
|
||||
]}
|
||||
brandName="TajikKino"
|
||||
/>
|
||||
@@ -53,70 +45,45 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Your Gateway to Tajik Cinema"
|
||||
description="Stream the best movies from Tajikistan in Standard and HD quality. Secure, fast, and simple."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Get Started", href: "#pricing"},
|
||||
{
|
||||
text: "Browse Movies",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Browse Movies", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-friends-movie-upload-concept_53876-74917.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-diverse-friends-movie-upload-concept_53876-74917.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/cheerful-young-woman-with-curly-hair-posing-isolated-wall_273609-17330.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/cheerful-young-woman-with-curly-hair-posing-isolated-wall_273609-17330.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/handsome-bearded-man-casual-sweater-looking-happy_273609-16629.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/handsome-bearded-man-casual-sweater-looking-happy_273609-16629.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/portrait-smiling-business-woman-standing-office_1262-18231.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/portrait-smiling-business-woman-standing-office_1262-18231.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/smiling-man-wearing-glasses-casual-t-shirt_273609-16327.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/smiling-man-wearing-glasses-casual-t-shirt_273609-16327.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "https://img.freepik.com/free-photo/happy-girl-posing-camera_144627-22837.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "https://img.freepik.com/free-photo/happy-girl-posing-camera_144627-22837.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ movie lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ultra HD Streaming",
|
||||
icon: Tv,
|
||||
type: "text-icon", text: "Ultra HD Streaming", icon: Tv,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payments",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Secure Payments", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Content",
|
||||
icon: Film,
|
||||
type: "text-icon", text: "Local Content", icon: Film,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Offline Viewing",
|
||||
icon: Download,
|
||||
type: "text-icon", text: "Offline Viewing", icon: Download,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -129,48 +96,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "User Management",
|
||||
description: "Manage user accounts and permissions with ease.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-diverse-friends-movie-upload-concept_53876-74917.jpg?_wi=2",
|
||||
imageAlt: "movie streaming platform concept",
|
||||
title: "User Management", description: "Manage user accounts and permissions with ease.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Rate Management",
|
||||
description: "Set and adjust viewing rates for Standard and Pro plans.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homepage-seen-phone-screen_23-2149416718.jpg",
|
||||
imageAlt: "user profile dashboard ui",
|
||||
title: "Rate Management", description: "Set and adjust viewing rates for Standard and Pro plans.", bentoComponent: "reveal-icon", icon: Settings,
|
||||
},
|
||||
{
|
||||
title: "Stats & Revenue",
|
||||
description: "View real-time statistics on views and total revenue.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: PieChart,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-computer-search-bar-pointer-desktop_107791-17174.jpg",
|
||||
imageAlt: "search bar interface",
|
||||
title: "Stats & Revenue", description: "View real-time statistics on views and total revenue.", bentoComponent: "reveal-icon", icon: PieChart,
|
||||
},
|
||||
]}
|
||||
title="Admin Dashboard"
|
||||
description="Powerful tools to manage your platform and scale your revenue."
|
||||
buttons={[
|
||||
{
|
||||
text: "Available Balance: 0 TJS",
|
||||
},
|
||||
text: "Available Balance: 0 TJS"},
|
||||
{
|
||||
text: "Get 100 TJS",
|
||||
},
|
||||
text: "Get 100 TJS"},
|
||||
{
|
||||
text: "Remove TJS",
|
||||
},
|
||||
text: "Remove TJS"},
|
||||
{
|
||||
text: "Ban Account",
|
||||
},
|
||||
text: "Ban Account"},
|
||||
{
|
||||
text: "TJS CLICK",
|
||||
},
|
||||
text: "TJS CLICK"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tajik Legacy",
|
||||
price: "10 TJS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mysterious-woman-with-carnival-mask_23-2148777044.jpg",
|
||||
},
|
||||
id: "1", name: "Tajik Legacy", price: "10 TJS", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mysterious-woman-with-carnival-mask_23-2148777044.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dushanbe Nights",
|
||||
price: "50 TJS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-sign_1134-535.jpg",
|
||||
},
|
||||
id: "2", name: "Dushanbe Nights", price: "50 TJS", imageSrc: "http://img.b2bpic.net/free-photo/couple-with-sign_1134-535.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pamir Mountains",
|
||||
price: "10 TJS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712512.jpg",
|
||||
},
|
||||
id: "3", name: "Pamir Mountains", price: "10 TJS", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-warrior-urban-scenery_23-2150712512.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Silk Road Tales",
|
||||
price: "50 TJS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-movie-glasses-tasty-popcorn_23-2149558765.jpg",
|
||||
},
|
||||
id: "4", name: "Silk Road Tales", price: "50 TJS", imageSrc: "http://img.b2bpic.net/free-photo/3d-movie-glasses-tasty-popcorn_23-2149558765.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Modern Tajik Life",
|
||||
price: "10 TJS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concept-cinema-with-film-elements_23-2150063125.jpg",
|
||||
},
|
||||
id: "5", name: "Modern Tajik Life", price: "10 TJS", imageSrc: "http://img.b2bpic.net/free-photo/concept-cinema-with-film-elements_23-2150063125.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Ancient Rivers",
|
||||
price: "50 TJS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-scary-clown-abandoned-building_23-2150530007.jpg",
|
||||
},
|
||||
id: "6", name: "Ancient Rivers", price: "50 TJS", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-scary-clown-abandoned-building_23-2150530007.jpg"},
|
||||
]}
|
||||
title="Available Movies"
|
||||
description="Search by title, genre, actor, or director."
|
||||
@@ -231,36 +154,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Standard Plan",
|
||||
price: "10 TJS",
|
||||
period: "/movie",
|
||||
description: "Access to movie in standard quality.",
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Standard quality",
|
||||
"Email support",
|
||||
"Basic viewing",
|
||||
],
|
||||
id: "standard", tag: "Standard Plan", price: "10 TJS", period: "/movie", description: "Access to movie in standard quality.", featuresTitle: "Includes:", features: [
|
||||
"Standard quality", "Email support", "Basic viewing"],
|
||||
button: {
|
||||
text: "Select Standard",
|
||||
},
|
||||
text: "Select Standard"},
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Pro Plan",
|
||||
price: "50 TJS",
|
||||
period: "/movie",
|
||||
description: "Access to HD/FullHD and no ads.",
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"HD/FullHD Quality",
|
||||
"No Ads",
|
||||
"Bonus content",
|
||||
],
|
||||
id: "pro", tag: "Pro Plan", price: "50 TJS", period: "/movie", description: "Access to HD/FullHD and no ads.", featuresTitle: "Includes:", features: [
|
||||
"HD/FullHD Quality", "No Ads", "Bonus content"],
|
||||
button: {
|
||||
text: "Select Pro",
|
||||
},
|
||||
text: "Select Pro"},
|
||||
},
|
||||
]}
|
||||
title="Viewing Rates"
|
||||
@@ -274,25 +177,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What payment systems do you support?",
|
||||
content: "We support Payme, Apelsin, and Click.",
|
||||
},
|
||||
id: "1", title: "What payment systems do you support?", content: "We support Payme, Apelsin, and Click."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I download movies?",
|
||||
content: "Downloads are restricted to protect content.",
|
||||
},
|
||||
id: "2", title: "Can I download movies?", content: "Downloads are restricted to protect content."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are there watermarks?",
|
||||
content: "Yes, watermarks are applied for content protection.",
|
||||
},
|
||||
id: "3", title: "Are there watermarks?", content: "Yes, watermarks are applied for content protection."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I create a profile?",
|
||||
content: "Click the registration button in the nav.",
|
||||
},
|
||||
id: "4", title: "How do I create a profile?", content: "Click the registration button in the nav."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about TajikKino."
|
||||
@@ -306,13 +197,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="TajikKino"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user