Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-24 06:44:37 +00:00

View File

@@ -16,406 +16,195 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
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: "Features",
id: "features",
},
{
name: "Library",
id: "library",
},
{
name: "Pricing",
id: "pricing",
},
]}
brandName="Emnex Movies"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Library", id: "library" },
{ name: "Pricing", id: "pricing" },
]}
brandName="Emnex Movies"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Stream Cinema Anywhere"
description="Unlimited movies, series, and anime. Access the latest blockbusters with our premium Emnex-powered streaming engine."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/music-equalizer-button-multimedia-icon_53876-26254.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/illustration-movies-theatre-media-entertainment-digital-tablet_53876-124337.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/charming-attractive-woman-walking-with-young-man-street_23-2148012592.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cinema-seats_23-2147988957.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/rectangular-scroll-ribbon-logo-label_53876-13825.jpg",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-mt-washington-viewed-through-windows-new-hampshire_649448-5440.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/square-white-blank-frames-attached-gray-wall_181624-11803.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-billboards-wall_23-2148294176.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-people-collage-design_23-2149450428.jpg",
},
]}
buttons={[
{
text: "Start Watching",
href: "#library",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/forest-website-layout-blank-banner_53876-132285.jpg",
alt: "Viewer 1",
},
{
src: "http://img.b2bpic.net/free-photo/cinema-concept-with-tablet_23-2147988983.jpg",
alt: "Viewer 2",
},
{
src: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg",
alt: "Viewer 3",
},
{
src: "http://img.b2bpic.net/free-photo/assortment-cinema-objects-bicolor-background-with-copy-space_23-2148457835.jpg",
alt: "Viewer 4",
},
{
src: "http://img.b2bpic.net/free-photo/youth-group-with-pop-inspired-background_23-2151494753.jpg",
alt: "Viewer 5",
},
]}
avatarText="Loved by 10k+ movie enthusiasts"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-arrangement_23-2149854272.jpg",
alt: "Netflix",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172488.jpg",
alt: "Hulu",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/letter-mail-invitation-envelope-express-concept_53876-15876.jpg",
alt: "HBO",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-flat-lay_23-2149854265.jpg",
alt: "Disney",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/view-baseball-fan-watching-game-tv_23-2151023611.jpg",
alt: "Paramount",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Stream Cinema Anywhere"
description="Unlimited movies, series, and anime. Access the latest blockbusters with our premium Emnex-powered streaming engine."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/music-equalizer-button-multimedia-icon_53876-26254.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/illustration-movies-theatre-media-entertainment-digital-tablet_53876-124337.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/charming-attractive-woman-walking-with-young-man-street_23-2148012592.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cinema-seats_23-2147988957.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/rectangular-scroll-ribbon-logo-label_53876-13825.jpg" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/top-mt-washington-viewed-through-windows-new-hampshire_649448-5440.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/radio-host-gesturing-while-recording-podcast-radio-studio_1157-47781.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/square-white-blank-frames-attached-gray-wall_181624-11803.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mock-up-billboards-wall_23-2148294176.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/colorful-people-collage-design_23-2149450428.jpg" }
]}
buttons={[{ text: "Start Watching", href: "#library" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/forest-website-layout-blank-banner_53876-132285.jpg", alt: "Viewer 1" },
{ src: "http://img.b2bpic.net/free-photo/cinema-concept-with-tablet_23-2147988983.jpg", alt: "Viewer 2" },
{ src: "http://img.b2bpic.net/free-photo/trends-fashion-moderm-latest-design-style_53876-21301.jpg", alt: "Viewer 3" },
{ src: "http://img.b2bpic.net/free-photo/assortment-cinema-objects-bicolor-background-with-copy-space_23-2148457835.jpg", alt: "Viewer 4" },
{ src: "http://img.b2bpic.net/free-photo/youth-group-with-pop-inspired-background_23-2151494753.jpg", alt: "Viewer 5" }
]}
avatarText="Loved by 10k+ movie enthusiasts"
marqueeItems={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-arrangement_23-2149854272.jpg", alt: "Netflix" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172488.jpg", alt: "Hulu" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/letter-mail-invitation-envelope-express-concept_53876-15876.jpg", alt: "HBO" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/vintage-vhs-packaging-flat-lay_23-2149854265.jpg", alt: "Disney" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-baseball-fan-watching-game-tv_23-2151023611.jpg", alt: "Paramount" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="The Ultimate Movie Hub"
description="We aggregate thousands of titles globally, providing direct high-speed streams with integrated subtitle support and metadata."
bulletPoints={[
{
title: "Global Access",
description: "Stream from anywhere with our fast API.",
},
{
title: "4K Quality",
description: "Crisp visuals for every blockbuster.",
},
{
title: "Multi-Subtitles",
description: "Built-in tracks for every language.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/scared-kids-watching-movie-with-dog_23-2147768043.jpg"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="The Ultimate Movie Hub"
description="We aggregate thousands of titles globally, providing direct high-speed streams with integrated subtitle support and metadata."
bulletPoints={[
{ title: "Global Access", description: "Stream from anywhere with our fast API." },
{ title: "4K Quality", description: "Crisp visuals for every blockbuster." },
{ title: "Multi-Subtitles", description: "Built-in tracks for every language." }
]}
imageSrc="http://img.b2bpic.net/free-photo/scared-kids-watching-movie-with-dog_23-2147768043.jpg"
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{
items: [
"Manual ad-watching",
"Slow loading speeds",
"Limited subtitle support",
],
}}
positiveCard={{
items: [
"Ad-free experience",
"Instant 4K streaming",
"Global subtitle database",
],
}}
title="Why Choose Us"
description="Experience superior streaming performance without buffering."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
negativeCard={{ items: ["Manual ad-watching", "Slow loading speeds", "Limited subtitle support"] }}
positiveCard={{ items: ["Ad-free experience", "Instant 4K streaming", "Global subtitle database"] }}
title="Why Choose Us"
description="Experience superior streaming performance without buffering."
/>
</div>
<div id="library" data-section="library">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Action Blockbuster",
price: "HD",
imageSrc: "http://img.b2bpic.net/free-photo/professional-nature-surreal-work-environment-businessman_53876-25238.jpg",
},
{
id: "2",
name: "Space Odyssey",
price: "4K",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-festival-theater-seating_23-2151020709.jpg",
},
{
id: "3",
name: "Night Thriller",
price: "HD",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-make-up-eyes_23-2148282247.jpg",
},
{
id: "4",
name: "Comedy Special",
price: "HD",
imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-tickets-popcorn-border_23-2147698936.jpg",
},
{
id: "5",
name: "Global Nature",
price: "4K",
imageSrc: "http://img.b2bpic.net/free-photo/single-s-day-banner-design_23-2149667431.jpg",
},
{
id: "6",
name: "Anime Masterpiece",
price: "HD",
imageSrc: "http://img.b2bpic.net/free-photo/dark-style-valentines-day-celebration_23-2151289830.jpg",
},
]}
title="Trending Content"
description="Browse our latest movie and series catalog."
/>
</div>
<div id="library" data-section="library">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Action Blockbuster", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/professional-nature-surreal-work-environment-businessman_53876-25238.jpg" },
{ id: "2", name: "Space Odyssey", price: "4K", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-cinema-festival-theater-seating_23-2151020709.jpg" },
{ id: "3", name: "Night Thriller", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-make-up-eyes_23-2148282247.jpg" },
{ id: "4", name: "Comedy Special", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/3d-glasses-tickets-popcorn-border_23-2147698936.jpg" },
{ id: "5", name: "Global Nature", price: "4K", imageSrc: "http://img.b2bpic.net/free-photo/single-s-day-banner-design_23-2149667431.jpg" },
{ id: "6", name: "Anime Masterpiece", price: "HD", imageSrc: "http://img.b2bpic.net/free-photo/dark-style-valentines-day-celebration_23-2151289830.jpg" }
]}
title="Trending Content"
description="Browse our latest movie and series catalog."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "free",
badge: "Entry",
price: "$0",
subtitle: "Ads-supported",
buttons: [
{
text: "Get Started",
href: "#",
},
],
features: [
"Standard Quality",
"Limited Access",
],
},
{
id: "pro",
badge: "Popular",
price: "$9.99",
subtitle: "Binge Mode",
buttons: [
{
text: "Choose Pro",
href: "#",
},
],
features: [
"4K Streaming",
"Ad-free",
"Offline Downloads",
],
},
]}
title="Membership Tiers"
description="Flexible plans designed for binge-watchers."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "free", badge: "Entry", price: "$0", subtitle: "Ads-supported", buttons: [{ text: "Get Started", href: "#" }],
features: ["Standard Quality", "Limited Access"]
},
{
id: "pro", badge: "Popular", price: "$9.99", subtitle: "Binge Mode", buttons: [{ text: "Choose Pro", href: "#" }],
features: ["4K Streaming", "Ad-free", "Offline Downloads"]
}
]}
title="Membership Tiers"
description="Flexible plans designed for binge-watchers."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
role: "Film Buff",
company: "User",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gamer-participating-battle-royale-pvp-online-multiplayer-game-using-console-attached-smart-tv_482257-87295.jpg",
},
{
id: "2",
name: "Sam K.",
role: "Techie",
company: "User",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/leisure-fun-youth-concept-friendly-happy-blond-european-woman-enjoying-weekends-eating-popcorn_1258-116167.jpg",
},
{
id: "3",
name: "Dana M.",
role: "Fan",
company: "User",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg",
},
{
id: "4",
name: "Chris B.",
role: "Binger",
company: "User",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-young-man-watching-interesting-movie-tv-screen-eating-popcorn-looking-amazed-blue-bac_1258-149779.jpg",
},
{
id: "5",
name: "Jordan P.",
role: "Editor",
company: "User",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-caucasian-girl-holding-phone-drinking-coffee-indoor-portrait-pretty-glad-woman-posing-with-smartphone-cup-tea_197531-9682.jpg",
},
]}
title="What Viewers Say"
description="Join millions of satisfied movie fans."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Alex R.", role: "Film Buff", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gamer-participating-battle-royale-pvp-online-multiplayer-game-using-console-attached-smart-tv_482257-87295.jpg" },
{ id: "2", name: "Sam K.", role: "Techie", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/leisure-fun-youth-concept-friendly-happy-blond-european-woman-enjoying-weekends-eating-popcorn_1258-116167.jpg" },
{ id: "3", name: "Dana M.", role: "Fan", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13339.jpg" },
{ id: "4", name: "Chris B.", role: "Binger", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-young-man-watching-interesting-movie-tv-screen-eating-popcorn-looking-amazed-blue-bac_1258-149779.jpg" },
{ id: "5", name: "Jordan P.", role: "Editor", company: "User", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wonderful-caucasian-girl-holding-phone-drinking-coffee-indoor-portrait-pretty-glad-woman-posing-with-smartphone-cup-tea_197531-9682.jpg" }
]}
title="What Viewers Say"
description="Join millions of satisfied movie fans."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "How to start?",
content: "Just click watch on any movie title.",
},
{
id: "2",
title: "Is it free?",
content: "We offer a basic free tier and premium options.",
},
{
id: "3",
title: "Quality support?",
content: "We support HD and 4K streams.",
},
]}
title="Help Center"
description="Common questions about streaming and accounts."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{ id: "1", title: "How to start?", content: "Just click watch on any movie title." },
{ id: "2", title: "Is it free?", content: "We offer a basic free tier and premium options." },
{ id: "3", title: "Quality support?", content: "We support HD and 4K streams." }
]}
title="Help Center"
description="Common questions about streaming and accounts."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
text="Have a specific movie request? Contact our team for support."
buttons={[
{
text: "Contact Support",
href: "mailto:hello@example.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
text="Have a specific movie request? Contact our team for support."
buttons={[{ text: "Contact Support", href: "mailto:hello@example.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Streaming",
items: [
{
label: "Trending",
href: "#library",
},
{
label: "Anime",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
]}
logoText="Emnex Movies"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Streaming", items: [
{ label: "Trending", href: "#library" },
{ label: "Anime", href: "#" }
]
},
{
title: "Legal", items: [
{ label: "Privacy", href: "#" },
{ label: "Terms", href: "#" }
]
}
]}
logoText="Emnex Movies"
/>
</div>
</ReactLenis>
</ThemeProvider>
);