bender/d8a49872-8e20-4a4c-967a-04d60830fdea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-30 19:33:54 +00:00
parent dcfec60136
commit d23e0ae669
1 changed files with 64 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

299
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Bell, Film, Music, Newspaper, PlayCircle, Sparkles, Star, Tv, User, Wifi } from "lucide-react";
import { Award, Baby, Bell, Clapperboard, Film, Football, Gamepad, Music, Newspaper, PlayCircle, Sparkles, Star, Tv, User, Wifi } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,33 +34,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Packages",
id: "#packages",
},
name: "Packages", id: "#packages"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="StreamFLIX"
/>
@@ -72,15 +58,11 @@ export default function LandingPage() {
description="Your ultimate destination for live TV, movies, and series on demand. Experience crystal-clear quality and endless entertainment."
buttons={[
{
text: "Start Free Trial",
href: "#pricing",
},
text: "Start Free Trial", href: "#pricing"},
{
text: "View Packages",
href: "#packages",
},
text: "View Packages", href: "#packages"},
]}
imageSrc="http://img.b2bpic.net/free-photo/investors-reading-solar-panels-factory-paperwork-online-videocall_482257-125985.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/investors-reading-solar-panels-factory-paperwork-online-videocall_482257-125985.jpg"
imageAlt="Futuristic IPTV streaming interface"
/>
</div>
@@ -93,7 +75,7 @@ export default function LandingPage() {
description="StreamFLIX brings you an unparalleled entertainment experience with a vast library of channels, on-demand content, and premium features."
subdescription="Enjoy seamless streaming across all your devices, anytime, anywhere. No contracts, no hidden fees, just pure entertainment."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/happy-man-holding-remote-control-chatting-smartphone_482257-126615.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/happy-man-holding-remote-control-chatting-smartphone_482257-126615.jpg"
imageAlt="Family watching IPTV in modern living room"
mediaAnimation="opacity"
/>
@@ -106,77 +88,49 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Live TV & On-Demand",
description: "Access thousands of live channels and a massive library of movies and series.",
bentoComponent: "reveal-icon",
icon: Tv,
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-evernote-icon_53876-65418.jpg",
imageAlt: "modern TV icon blue screen",
title: "Live TV & On-Demand", description: "Access thousands of live channels and a massive library of movies and series.", bentoComponent: "reveal-icon", icon: Tv
},
{
title: "24/7 Support",
description: "Our AI-powered chatbot and human agents are ready to assist you anytime.",
bentoComponent: "chat",
aiIcon: Star,
title: "24/7 Support", description: "Our AI-powered chatbot and human agents are ready to assist you anytime.", bentoComponent: "chat", aiIcon: Star,
userIcon: User,
exchanges: [
{
userMessage: "My stream is buffering.",
aiResponse: "Please check your internet connection. We can also suggest optimizing stream quality settings.",
},
userMessage: "My stream is buffering.", aiResponse: "Please check your internet connection. We can also suggest optimizing stream quality settings."},
{
userMessage: "How do I add a new device?",
aiResponse: "You can add new devices from your account settings under 'Manage Devices'.",
},
userMessage: "How do I add a new device?", aiResponse: "You can add new devices from your account settings under 'Manage Devices'."},
],
placeholder: "Ask us anything...",
imageSrc: "http://img.b2bpic.net/free-photo/investors-reading-solar-panels-factory-paperwork-online-videocall_482257-125985.jpg?_wi=2",
imageAlt: "modern TV icon blue screen",
placeholder: "Ask us anything..."
},
{
title: "Multi-Device Streaming",
description: "Watch on your phone, tablet, smart TV, or computer with seamless synchronization.",
bentoComponent: "phone",
statusIcon: Wifi,
title: "Multi-Device Streaming", description: "Watch on your phone, tablet, smart TV, or computer with seamless synchronization.", bentoComponent: "phone", statusIcon: Wifi,
alertIcon: Bell,
alertTitle: "New Show Alert!",
alertMessage: "Start watching 'The Digital Frontier' now.",
apps: [
alertTitle: "New Show Alert!", alertMessage: "Start watching 'The Digital Frontier' now.", apps: [
{
name: "StreamFLIX",
icon: PlayCircle,
name: "StreamFLIX", icon: PlayCircle,
},
{
name: "Sports",
icon: Football,
name: "Sports", icon: Football,
},
{
name: "News",
icon: Newspaper,
name: "News", icon: Newspaper,
},
{
name: "Kids",
icon: Baby,
name: "Kids", icon: Baby,
},
{
name: "Movies",
icon: Film,
name: "Movies", icon: Film,
},
{
name: "Series",
icon: Clapperboard,
name: "Series", icon: Clapperboard,
},
{
name: "Music",
icon: Music,
name: "Music", icon: Music,
},
{
name: "Gaming",
icon: Gamepad,
name: "Gaming", icon: Gamepad,
},
],
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-remote-control-chatting-smartphone_482257-126615.jpg?_wi=2",
imageAlt: "modern TV icon blue screen",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-holding-remote-control-chatting-smartphone_482257-126615.jpg", imageAlt: "modern TV icon blue screen"
},
]}
title="Unlock Limitless Entertainment"
@@ -193,47 +147,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "essential-package",
name: "Essential Stream",
price: "$15.99/month",
imageSrc: "http://img.b2bpic.net/free-photo/nervous-players-couple-losing-online-videogames-competition-using-powerful-computer-screaming-each-other-streamer-gamer-playing-video-games-with-rgb-keyboard-performing-gaming-turnament_482257-12623.jpg",
imageAlt: "Essential Stream IPTV package with diverse content",
},
id: "essential-package", name: "Essential Stream", price: "$15.99/month", imageSrc: "http://img.b2bpic.net/free-photo/nervous-players-couple-losing-online-videogames-competition-using-powerful-computer-screaming-each-other-streamer-gamer-playing-video-games-with-rgb-keyboard-performing-gaming-turnament_482257-12623.jpg", imageAlt: "Essential Stream IPTV package with diverse content"},
{
id: "family-package",
name: "Family Fun",
price: "$24.99/month",
imageSrc: "http://img.b2bpic.net/free-photo/mom-watching-television-with-her-children_23-2149364011.jpg",
imageAlt: "Family Fun IPTV package with kids shows and parental control",
},
id: "family-package", name: "Family Fun", price: "$24.99/month", imageSrc: "http://img.b2bpic.net/free-photo/mom-watching-television-with-her-children_23-2149364011.jpg", imageAlt: "Family Fun IPTV package with kids shows and parental control"},
{
id: "sports-package",
name: "Sports Fanatic",
price: "$29.99/month",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-watching-match-waiting-goal_329181-16805.jpg",
imageAlt: "Sports Fanatic IPTV package with live sports action",
},
id: "sports-package", name: "Sports Fanatic", price: "$29.99/month", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-watching-match-waiting-goal_329181-16805.jpg", imageAlt: "Sports Fanatic IPTV package with live sports action"},
{
id: "movie-package",
name: "Movie Buff",
price: "$27.99/month",
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-vr-glasses-outside_23-2147768015.jpg",
imageAlt: "Movie Buff IPTV package with cinematic scenes",
},
id: "movie-package", name: "Movie Buff", price: "$27.99/month", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-vr-glasses-outside_23-2147768015.jpg", imageAlt: "Movie Buff IPTV package with cinematic scenes"},
{
id: "international-package",
name: "Global Viewer",
price: "$34.99/month",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-watching-sports-together_23-2150251739.jpg",
imageAlt: "Global Viewer IPTV package with international channels",
},
id: "international-package", name: "Global Viewer", price: "$34.99/month", imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-watching-sports-together_23-2150251739.jpg", imageAlt: "Global Viewer IPTV package with international channels"},
{
id: "ultimate-package",
name: "Ultimate Stream",
price: "$49.99/month",
imageSrc: "http://img.b2bpic.net/free-photo/traveler-uses-virtual-reality-technology_482257-76701.jpg",
imageAlt: "Ultimate Stream IPTV package with comprehensive content and 4K quality",
},
id: "ultimate-package", name: "Ultimate Stream", price: "$49.99/month", imageSrc: "http://img.b2bpic.net/free-photo/traveler-uses-virtual-reality-technology_482257-76701.jpg", imageAlt: "Ultimate Stream IPTV package with comprehensive content and 4K quality"},
]}
title="Tailored Entertainment Bundles"
description="Choose from our expertly curated packages designed to fit every viewer's preference. Get access to exclusive content and premium channels."
@@ -248,59 +172,30 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic-plan",
name: "Basic",
price: "$15.99",
badge: "Popular",
badgeIcon: Star,
id: "basic-plan", name: "Basic", price: "$15.99", badge: "Popular", badgeIcon: Star,
buttons: [
{
text: "Get Started",
},
text: "Get Started"},
],
features: [
"200+ Live Channels",
"HD Quality Streaming",
"On-Demand Movies",
"Standard Support",
],
"200+ Live Channels", "HD Quality Streaming", "On-Demand Movies", "Standard Support"],
},
{
id: "premium-plan",
name: "Premium",
price: "$29.99",
badge: "Best Value",
badgeIcon: Award,
id: "premium-plan", name: "Premium", price: "$29.99", badge: "Best Value", badgeIcon: Award,
buttons: [
{
text: "Choose Premium",
},
text: "Choose Premium"},
],
features: [
"500+ Live Channels",
"Full HD & 4K Streaming",
"Extensive VOD Library",
"Priority Support",
"Multi-Device Access",
],
"500+ Live Channels", "Full HD & 4K Streaming", "Extensive VOD Library", "Priority Support", "Multi-Device Access"],
},
{
id: "ultimate-plan",
name: "Ultimate",
price: "$49.99",
buttons: [
id: "ultimate-plan", name: "Ultimate", price: "$49.99", buttons: [
{
text: "Go Ultimate",
},
text: "Go Ultimate"},
],
features: [
"1000+ Live Channels",
"Ultimate HD & 4K Streaming",
"All VOD Content Unlocked",
"24/7 Dedicated Support",
"Up to 5 Devices Simultaneously",
"Premium Sports & Movies",
],
"1000+ Live Channels", "Ultimate HD & 4K Streaming", "All VOD Content Unlocked", "24/7 Dedicated Support", "Up to 5 Devices Simultaneously", "Premium Sports & Movies"],
},
]}
title="Simple Plans, Great Value"
@@ -316,29 +211,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "metric-1",
value: "1000+",
title: "Channels",
description: "A diverse selection of live TV channels from around the globe.",
imageSrc: "http://img.b2bpic.net/free-photo/book-icon-left-side_187299-39432.jpg",
imageAlt: "Icon representing numerous TV channels",
},
id: "metric-1", value: "1000+", title: "Channels", description: "A diverse selection of live TV channels from around the globe.", imageSrc: "http://img.b2bpic.net/free-photo/book-icon-left-side_187299-39432.jpg", imageAlt: "Icon representing numerous TV channels"},
{
id: "metric-2",
value: "200K+",
title: "Happy Users",
description: "Thousands of satisfied customers enjoying reliable, high-quality streaming.",
imageSrc: "http://img.b2bpic.net/free-vector/social-media-background-with-flat-design_23-2147834375.jpg",
imageAlt: "Icon representing a large user base",
},
id: "metric-2", value: "200K+", title: "Happy Users", description: "Thousands of satisfied customers enjoying reliable, high-quality streaming.", imageSrc: "http://img.b2bpic.net/free-vector/social-media-background-with-flat-design_23-2147834375.jpg", imageAlt: "Icon representing a large user base"},
{
id: "metric-3",
value: "99.9%",
title: "Uptime",
description: "Consistent, uninterrupted streaming service with minimal downtime.",
imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg",
imageAlt: "Icon representing high server uptime",
},
id: "metric-3", value: "99.9%", title: "Uptime", description: "Consistent, uninterrupted streaming service with minimal downtime.", imageSrc: "http://img.b2bpic.net/free-photo/vimeo-icon-line-connection-circuit-board_1379-895.jpg", imageAlt: "Icon representing high server uptime"},
]}
title="Delivering Excellence Worldwide"
description="Join thousands of satisfied customers enjoying a seamless and high-quality streaming experience every day."
@@ -351,35 +228,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg",
imageAlt: "Sarah Johnson, satisfied customer",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg", imageAlt: "Sarah Johnson, satisfied customer"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/two-white-cups-with-inscription_169016-3272.jpg",
imageAlt: "Michael Chen, satisfied customer",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/two-white-cups-with-inscription_169016-3272.jpg", imageAlt: "Michael Chen, satisfied customer"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133786.jpg",
imageAlt: "Emily Rodriguez, satisfied customer",
},
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133786.jpg", imageAlt: "Emily Rodriguez, satisfied customer"},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-fastening-jacket-beige-wall_176420-143.jpg",
imageAlt: "David Kim, satisfied customer",
},
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-fastening-jacket-beige-wall_176420-143.jpg", imageAlt: "David Kim, satisfied customer"},
{
id: "5",
name: "Jessica Lee",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-bun-wearing-black-blazer_114579-17047.jpg",
imageAlt: "Jessica Lee, satisfied customer",
},
id: "5", name: "Jessica Lee", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-bun-wearing-black-blazer_114579-17047.jpg", imageAlt: "Jessica Lee, satisfied customer"},
]}
cardTitle="What Our Customers Say"
cardTag="Trusted Reviews"
@@ -392,20 +249,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What devices can I use to watch StreamFLIX?",
content: "StreamFLIX is compatible with a wide range of devices including Smart TVs, smartphones, tablets, computers, and streaming boxes like Android TV, Amazon Fire Stick, and Apple TV.",
},
id: "faq-1", title: "What devices can I use to watch StreamFLIX?", content: "StreamFLIX is compatible with a wide range of devices including Smart TVs, smartphones, tablets, computers, and streaming boxes like Android TV, Amazon Fire Stick, and Apple TV."},
{
id: "faq-2",
title: "Is a free trial available?",
content: "Yes, we offer a 7-day free trial for new users. You can sign up without any upfront payment and enjoy all the features of our Premium plan.",
},
id: "faq-2", title: "Is a free trial available?", content: "Yes, we offer a 7-day free trial for new users. You can sign up without any upfront payment and enjoy all the features of our Premium plan."},
{
id: "faq-3",
title: "How do I cancel my subscription?",
content: "You can easily cancel your subscription at any time through your account settings on our website. There are no hidden fees or cancellation charges.",
},
id: "faq-3", title: "How do I cancel my subscription?", content: "You can easily cancel your subscription at any time through your account settings on our website. There are no hidden fees or cancellation charges."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Browse through our frequently asked questions to quickly find solutions and understand our service better."
@@ -417,8 +265,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Ready to Start Streaming?"
description="Sign up for our newsletter to get the latest updates, special offers, and new content alerts directly to your inbox."
@@ -434,49 +281,31 @@ export default function LandingPage() {
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Packages",
href: "#packages",
},
label: "Packages", href: "#packages"},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}