Merge version_1 into main #1
296
src/app/page.tsx
296
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="StreamGlobal"
|
||||
/>
|
||||
@@ -57,93 +49,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Stream Everything from Anywhere"
|
||||
description="Unlock global content with one click. Explore our interactive map to watch your favorite TV shows from any country instantly."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarah_tech",
|
||||
testimonial: "The interactive map makes discovering international TV shows effortless. Simply brilliant!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@sarah_tech", testimonial: "The interactive map makes discovering international TV shows effortless. Simply brilliant!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "I've watched shows from 15 different countries this month. The latency is practically zero.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-121743.jpg",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mthorne", testimonial: "I've watched shows from 15 different countries this month. The latency is practically zero.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-121743.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_prod",
|
||||
testimonial: "A must-have for any cinephile. Seamless experience across all devices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
|
||||
},
|
||||
name: "Elena Rodriguez", handle: "@elena_prod", testimonial: "A must-have for any cinephile. Seamless experience across all devices.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg"},
|
||||
{
|
||||
name: "David Park",
|
||||
handle: "@dpark_dev",
|
||||
testimonial: "The UI is incredibly intuitive. Streaming local content globally has never been this simple.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
|
||||
},
|
||||
name: "David Park", handle: "@dpark_dev", testimonial: "The UI is incredibly intuitive. Streaming local content globally has never been this simple.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg"},
|
||||
{
|
||||
name: "Sofia Rossi",
|
||||
handle: "@sofiarossi",
|
||||
testimonial: "My new favorite way to spend the weekends. The geographic library is huge.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
|
||||
},
|
||||
name: "Sofia Rossi", handle: "@sofiarossi", testimonial: "My new favorite way to spend the weekends. The geographic library is huge.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/astral-wallpapers-composition-with-rocks_23-2149687876.jpg"
|
||||
imageAlt="Global streaming map interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
alt: "User avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", alt: "User avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
|
||||
alt: "User avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "User avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
alt: "User avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg", alt: "User avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
||||
alt: "User avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg", alt: "User avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg",
|
||||
alt: "User avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cool-blond-haired-woman-portrait_53876-139738.jpg", alt: "User avatar 5"},
|
||||
]}
|
||||
avatarText="Join 50,000+ global streamers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
type: "text", text: "Global Access"},
|
||||
{
|
||||
type: "text",
|
||||
text: "4K Ultra HD",
|
||||
},
|
||||
type: "text", text: "4K Ultra HD"},
|
||||
{
|
||||
type: "text",
|
||||
text: "No Latency",
|
||||
},
|
||||
type: "text", text: "No Latency"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Multi-Device",
|
||||
},
|
||||
type: "text", text: "Multi-Device"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ad-Free",
|
||||
},
|
||||
type: "text", text: "Ad-Free"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -156,19 +107,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Globe,
|
||||
title: "Global Map Discovery",
|
||||
description: "Browse shows by their origin using our intuitive, interactive world map.",
|
||||
},
|
||||
title: "Global Map Discovery", description: "Browse shows by their origin using our intuitive, interactive world map."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Ultra-Fast Streaming",
|
||||
description: "High-bandwidth optimized servers ensuring smooth playback anywhere you are.",
|
||||
},
|
||||
title: "Ultra-Fast Streaming", description: "High-bandwidth optimized servers ensuring smooth playback anywhere you are."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Global Access",
|
||||
description: "Encrypted tunnel technology ensuring your viewing privacy is always maintained.",
|
||||
},
|
||||
title: "Secure Global Access", description: "Encrypted tunnel technology ensuring your viewing privacy is always maintained."},
|
||||
]}
|
||||
title="Features That Connect the Globe"
|
||||
description="Powerful tools designed to bridge borders and bring global entertainment directly to your screens."
|
||||
@@ -177,52 +122,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="content" data-section="content">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nordic Mysteries",
|
||||
price: "High Quality",
|
||||
variant: "Drama",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063057.jpg",
|
||||
},
|
||||
id: "p1", name: "Nordic Mysteries", price: "High Quality", variant: "Drama", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063057.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Asian Dramas",
|
||||
price: "Top Tier",
|
||||
variant: "Romance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-e-learning-school-break-lunch-concept_53876-31605.jpg",
|
||||
},
|
||||
id: "p2", name: "Asian Dramas", price: "Top Tier", variant: "Romance", imageSrc: "http://img.b2bpic.net/free-photo/technology-e-learning-school-break-lunch-concept_53876-31605.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Latin Telenovelas",
|
||||
price: "Trending",
|
||||
variant: "Action",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg",
|
||||
},
|
||||
id: "p3", name: "Latin Telenovelas", price: "Trending", variant: "Action", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "British Comedies",
|
||||
price: "Classic",
|
||||
variant: "Comedy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-person-watching-breaking-news-television-night_482257-120851.jpg",
|
||||
},
|
||||
id: "p4", name: "British Comedies", price: "Classic", variant: "Comedy", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-person-watching-breaking-news-television-night_482257-120851.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hollywood Blockbusters",
|
||||
price: "New",
|
||||
variant: "Sci-Fi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-television-display-showing-news-streaming-channel-cord-cutters_482257-91859.jpg",
|
||||
},
|
||||
id: "p5", name: "Hollywood Blockbusters", price: "New", variant: "Sci-Fi", imageSrc: "http://img.b2bpic.net/free-photo/big-television-display-showing-news-streaming-channel-cord-cutters_482257-91859.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "European Cinema",
|
||||
price: "Art",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg",
|
||||
},
|
||||
id: "p6", name: "European Cinema", price: "Art", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/young-student-working-assignment_23-2149257204.jpg"},
|
||||
]}
|
||||
title="Explore Our Library"
|
||||
description="Thousands of shows, documentaries, and movies from all corners of the world."
|
||||
@@ -237,25 +153,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "190+",
|
||||
title: "Countries Supported",
|
||||
description: "Worldwide access.",
|
||||
icon: MapPin,
|
||||
id: "m1", value: "190+", title: "Countries Supported", description: "Worldwide access.", icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50K+",
|
||||
title: "TV Shows",
|
||||
description: "Massive library.",
|
||||
icon: Film,
|
||||
id: "m2", value: "50K+", title: "TV Shows", description: "Massive library.", icon: Film,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always ready.",
|
||||
icon: Server,
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Always ready.", icon: Server,
|
||||
},
|
||||
]}
|
||||
title="Global Reach"
|
||||
@@ -268,14 +172,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Netflix Global",
|
||||
"Disney Streaming",
|
||||
"Prime Networks",
|
||||
"Hulu Int",
|
||||
"HBO Max",
|
||||
"Apple TV+",
|
||||
"Paramount+",
|
||||
]}
|
||||
"Netflix Global", "Disney Streaming", "Prime Networks", "Hulu Int", "HBO Max", "Apple TV+", "Paramount+"]}
|
||||
title="Trusted Globally"
|
||||
description="Collaborating with content partners worldwide."
|
||||
/>
|
||||
@@ -289,45 +186,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "User",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen", role: "User", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
role: "Fan",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businesswoman-standing_23-2148204476.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", role: "Fan", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-businesswoman-standing_23-2148204476.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Viewer",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", role: "Viewer", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Park",
|
||||
role: "Streamer",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg",
|
||||
},
|
||||
id: "t4", name: "David Park", role: "Streamer", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-positiveness-happiness-concept-glad-smiling-male-teenager-wears-big-spectacles-being-happy_273609-8656.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sofia Rossi",
|
||||
role: "Fan",
|
||||
company: "ArtCore",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg",
|
||||
},
|
||||
id: "t5", name: "Sofia Rossi", role: "Fan", company: "ArtCore", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-waiting-hotel-receptionist_1262-5796.jpg"},
|
||||
]}
|
||||
title="Fan Feedback"
|
||||
description="See why everyone is switching to StreamGlobal."
|
||||
@@ -340,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does the map work?",
|
||||
content: "Simply click on any country and instantly see available content.",
|
||||
},
|
||||
id: "f1", title: "How does the map work?", content: "Simply click on any country and instantly see available content."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it legal?",
|
||||
content: "Yes, we partner with legitimate networks to ensure compliant global distribution.",
|
||||
},
|
||||
id: "f2", title: "Is it legal?", content: "Yes, we partner with legitimate networks to ensure compliant global distribution."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I cancel anytime?",
|
||||
content: "Absolutely. No hidden contracts.",
|
||||
},
|
||||
id: "f3", title: "Can I cancel anytime?", content: "Absolutely. No hidden contracts."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our service."
|
||||
@@ -368,22 +231,14 @@ export default function LandingPage() {
|
||||
description="Join thousands of satisfied viewers. Send us a message for enterprise licensing or partnership inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyberpunk-location-tracking-mobile-device_23-2152001127.jpg"
|
||||
@@ -395,50 +250,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Map Interface",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Map Interface", href: "#home"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user