Merge version_1 into main #1
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,33 +32,21 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Browse",
|
||||
id: "#browse",
|
||||
},
|
||||
name: "Browse", id: "#browse"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2e9ymf"
|
||||
logoAlt="StreamHive logo"
|
||||
brandName="StreamHive"
|
||||
button={{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Sign Up", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -66,20 +54,15 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
imagePosition="right"
|
||||
title="Unlimited Movies, TV Shows, and More"
|
||||
description="Watch anywhere. Cancel anytime. Start your free trial today. Join StreamHive and dive into a world of endless entertainment, curated just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Browse Content",
|
||||
href: "#browse",
|
||||
},
|
||||
text: "Browse Content", href: "#browse"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-child-watching-movies-with-parents_23-2149241055.jpg"
|
||||
imageAlt="Family watching streaming content"
|
||||
@@ -87,50 +70,30 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-hanging-out_23-2149212306.jpg",
|
||||
alt: "Happy family enjoying movies",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-hanging-out_23-2149212306.jpg", alt: "Happy family enjoying movies"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-couch_23-2149141899.jpg",
|
||||
alt: "Friends streaming content",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-family-couch_23-2149141899.jpg", alt: "Friends streaming content"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-child-watching-movies-with-parents_23-2149241054.jpg",
|
||||
alt: "Couple watching a series",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-child-watching-movies-with-parents_23-2149241054.jpg", alt: "Couple watching a series"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-child-watching-movies-with-parents_23-2149241058.jpg",
|
||||
alt: "Person binging shows",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-child-watching-movies-with-parents_23-2149241058.jpg", alt: "Person binging shows"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285936.jpg",
|
||||
alt: "Group of diverse viewers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285936.jpg", alt: "Group of diverse viewers"},
|
||||
]}
|
||||
avatarText="Join 1M+ happy streamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "New Releases Daily",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "New Releases Daily", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ad-Free Experience",
|
||||
type: "text", text: "Ad-Free Experience"},
|
||||
{
|
||||
type: "text-icon", text: "4K Ultra HD", icon: Film,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "4K Ultra HD",
|
||||
icon: Film,
|
||||
},
|
||||
type: "text", text: "Download & Go"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Download & Go",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Family Profiles",
|
||||
icon: Users,
|
||||
type: "text-icon", text: "Family Profiles", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -144,47 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Cosmic Drift",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170072.jpg",
|
||||
imageAlt: "Movie poster for Cosmic Drift",
|
||||
},
|
||||
id: "product-1", name: "Cosmic Drift", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/child-magic-school-learning-spells_23-2150170072.jpg", imageAlt: "Movie poster for Cosmic Drift"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Whispering Woods",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gloomy-witch-dark-forest_23-2147686904.jpg",
|
||||
imageAlt: "Movie poster for Whispering Woods",
|
||||
},
|
||||
id: "product-2", name: "Whispering Woods", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/gloomy-witch-dark-forest_23-2147686904.jpg", imageAlt: "Movie poster for Whispering Woods"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "City of Shadows",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustrated-watercolor-city_23-2151769002.jpg",
|
||||
imageAlt: "Series poster for City of Shadows",
|
||||
},
|
||||
id: "product-3", name: "City of Shadows", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/illustrated-watercolor-city_23-2151769002.jpg", imageAlt: "Series poster for City of Shadows"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Buzzy Adventures",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-djing-party_23-2151688512.jpg",
|
||||
imageAlt: "Kids show poster for Buzzy Adventures",
|
||||
},
|
||||
id: "product-4", name: "Buzzy Adventures", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-character-djing-party_23-2151688512.jpg", imageAlt: "Kids show poster for Buzzy Adventures"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Crown of Thorns",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-warrior-with-armor-medieval-times_23-2150932092.jpg",
|
||||
imageAlt: "Series poster for Crown of Thorns",
|
||||
},
|
||||
id: "product-5", name: "Crown of Thorns", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-warrior-with-armor-medieval-times_23-2150932092.jpg", imageAlt: "Series poster for Crown of Thorns"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Digital Frontiers",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg",
|
||||
imageAlt: "Documentary poster for Digital Frontiers",
|
||||
},
|
||||
id: "product-6", name: "Digital Frontiers", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-light_23-2149413405.jpg", imageAlt: "Documentary poster for Digital Frontiers"},
|
||||
]}
|
||||
title="Popular on StreamHive"
|
||||
description="Discover trending movies and series everyone is talking about. Our vast library ensures there's always something new to love."
|
||||
@@ -199,23 +132,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Personalized Profiles",
|
||||
description: "Create individual profiles for everyone in your household. Get tailored recommendations and keep watch history separate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/welcome-website-login-landing-page_23-2148291268.jpg",
|
||||
imageAlt: "Profile selection screen",
|
||||
},
|
||||
title: "Personalized Profiles", description: "Create individual profiles for everyone in your household. Get tailored recommendations and keep watch history separate.", imageSrc: "http://img.b2bpic.net/free-vector/welcome-website-login-landing-page_23-2148291268.jpg", imageAlt: "Profile selection screen"},
|
||||
{
|
||||
title: "Stunning 4K HDR",
|
||||
description: "Immerse yourself in breathtaking detail and vibrant colors with our extensive library of 4K HDR content.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pro-cyber-sport-gamer-playing-game-with-rgb-keyboard-mouse-virtual-shooter-game-championship-cyberspace-esports-player-performing-computer-stylish-room-gaming-tournament_482257-13313.jpg",
|
||||
imageAlt: "4K content on a TV screen",
|
||||
},
|
||||
title: "Stunning 4K HDR", description: "Immerse yourself in breathtaking detail and vibrant colors with our extensive library of 4K HDR content.", imageSrc: "http://img.b2bpic.net/free-photo/pro-cyber-sport-gamer-playing-game-with-rgb-keyboard-mouse-virtual-shooter-game-championship-cyberspace-esports-player-performing-computer-stylish-room-gaming-tournament_482257-13313.jpg", imageAlt: "4K content on a TV screen"},
|
||||
{
|
||||
title: "Watch Offline",
|
||||
description: "Download your favorite movies and shows to watch on the go, without an internet connection. Perfect for travel!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-watching-streaming-service-his-phone_23-2149047424.jpg",
|
||||
imageAlt: "Person watching content offline on a tablet",
|
||||
},
|
||||
title: "Watch Offline", description: "Download your favorite movies and shows to watch on the go, without an internet connection. Perfect for travel!", imageSrc: "http://img.b2bpic.net/free-photo/man-watching-streaming-service-his-phone_23-2149047424.jpg", imageAlt: "Person watching content offline on a tablet"},
|
||||
]}
|
||||
title="Experience Streaming Like Never Before"
|
||||
description="StreamHive offers a premium viewing experience with features designed for every entertainment enthusiast. Enjoy personalized recommendations, stunning 4K visuals, and seamless cross-device viewing."
|
||||
@@ -229,45 +150,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Film Buff",
|
||||
testimonial: "StreamHive has an incredible selection! I'm always finding something new and exciting to watch. The interface is so user-friendly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Film Buff", testimonial: "StreamHive has an incredible selection! I'm always finding something new and exciting to watch. The interface is so user-friendly.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Series Fanatic",
|
||||
testimonial: "The 4K quality is simply stunning. I've never experienced my favorite shows with such clarity. Highly recommend StreamHive!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-man-eyeglasses-confident-himself_1262-3836.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Series Fanatic", testimonial: "The 4K quality is simply stunning. I've never experienced my favorite shows with such clarity. Highly recommend StreamHive!", imageSrc: "http://img.b2bpic.net/free-photo/serious-man-eyeglasses-confident-himself_1262-3836.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Casual Viewer",
|
||||
testimonial: "I love the personalized recommendations; they always hit the mark. It's so easy to find what I want, even on my phone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-pleased-delighted-lucky-male-skater-boy-black-beanie-glasses-checked-casual-shirt-looking-right-with-broad-satisfied-smile-listening-mate-telling-funny-story-gray-wall_176420-23592.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Casual Viewer", testimonial: "I love the personalized recommendations; they always hit the mark. It's so easy to find what I want, even on my phone.", imageSrc: "http://img.b2bpic.net/free-photo/happy-pleased-delighted-lucky-male-skater-boy-black-beanie-glasses-checked-casual-shirt-looking-right-with-broad-satisfied-smile-listening-mate-telling-funny-story-gray-wall_176420-23592.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Traveler",
|
||||
testimonial: "Being able to download content for offline viewing is a game-changer. My long flights are so much more enjoyable now.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Traveler", testimonial: "Being able to download content for offline viewing is a game-changer. My long flights are so much more enjoyable now.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-pizza_23-2150307062.jpg", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert Green",
|
||||
role: "Parent",
|
||||
testimonial: "The kids' profiles are fantastic for keeping their viewing appropriate. It gives me peace of mind knowing they're watching safely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-taking-notes_23-2149105769.jpg",
|
||||
imageAlt: "Robert Green",
|
||||
},
|
||||
id: "5", name: "Robert Green", role: "Parent", testimonial: "The kids' profiles are fantastic for keeping their viewing appropriate. It gives me peace of mind knowing they're watching safely.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-taking-notes_23-2149105769.jpg", imageAlt: "Robert Green"},
|
||||
]}
|
||||
title="What Our Viewers Say"
|
||||
description="Hear from our satisfied subscribers and discover why StreamHive is their go-to for entertainment."
|
||||
@@ -279,14 +170,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Quantum Pictures",
|
||||
"Nebula Digital",
|
||||
"Titan Studios",
|
||||
"Pixel Dreams Animation",
|
||||
"Elysium Entertainment",
|
||||
"Vortex Vision",
|
||||
"Horizon Films",
|
||||
]}
|
||||
"Quantum Pictures", "Nebula Digital", "Titan Studios", "Pixel Dreams Animation", "Elysium Entertainment", "Vortex Vision", "Horizon Films"]}
|
||||
title="Our Studio Partners"
|
||||
description="Bringing you the best entertainment from top creators and renowned studios worldwide. We're proud to collaborate with industry leaders."
|
||||
showCard={true}
|
||||
@@ -298,20 +182,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What plans does StreamHive offer?",
|
||||
content: "StreamHive offers various subscription plans, including a basic plan, a premium plan with 4K HDR, and a family plan. Visit our Pricing section for more details.",
|
||||
},
|
||||
id: "1", title: "What plans does StreamHive offer?", content: "StreamHive offers various subscription plans, including a basic plan, a premium plan with 4K HDR, and a family plan. Visit our Pricing section for more details."},
|
||||
{
|
||||
id: "2",
|
||||
title: "On what devices can I watch StreamHive?",
|
||||
content: "You can watch StreamHive on smart TVs, game consoles, streaming media players, mobile devices, and web browsers. A complete list of supported devices is available in our Help Center.",
|
||||
},
|
||||
id: "2", title: "On what devices can I watch StreamHive?", content: "You can watch StreamHive on smart TVs, game consoles, streaming media players, mobile devices, and web browsers. A complete list of supported devices is available in our Help Center."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I cancel my subscription?",
|
||||
content: "You can cancel your StreamHive subscription anytime directly from your account settings. There are no cancellation fees, and you can restart your subscription at any time.",
|
||||
},
|
||||
id: "3", title: "How do I cancel my subscription?", content: "You can cancel your StreamHive subscription anytime directly from your account settings. There are no cancellation fees, and you can restart your subscription at any time."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to common questions about StreamHive subscriptions, devices, content, and more."
|
||||
@@ -325,16 +200,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Join Today"
|
||||
title="Ready to Watch? Create Your Account."
|
||||
description="Sign up now to start streaming your favorite movies and TV shows instantly. No commitments, just pure entertainment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Free Trial",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Free Trial", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -346,62 +218,37 @@ export default function LandingPage() {
|
||||
logoText="StreamHive"
|
||||
columns={[
|
||||
{
|
||||
title: "Browse",
|
||||
items: [
|
||||
title: "Browse", items: [
|
||||
{
|
||||
label: "Movies",
|
||||
href: "#browse",
|
||||
},
|
||||
label: "Movies", href: "#browse"},
|
||||
{
|
||||
label: "TV Shows",
|
||||
href: "#browse",
|
||||
},
|
||||
label: "TV Shows", href: "#browse"},
|
||||
{
|
||||
label: "New Releases",
|
||||
href: "#browse",
|
||||
},
|
||||
label: "New Releases", href: "#browse"},
|
||||
{
|
||||
label: "Categories",
|
||||
href: "#browse",
|
||||
},
|
||||
label: "Categories", href: "#browse"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Cookie Preferences",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Preferences", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user