bender/2bcb045a-0032-4549-b0c9-6e1acd15e8cf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-13 15:29:52 +00:00
parent b3abd5da8c a90cb5cb77
commit 5ac0aa4d9c
1 changed files with 47 additions and 144 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
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="Web Box"
/>
@@ -54,86 +46,55 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Stream Everything. Anywhere."
description="Experience cinema in 4K resolution on every device. Web Box delivers unparalleled performance and content quality."
buttons={[
{
text: "Start Streaming",
href: "#pricing",
},
text: "Start Streaming", href: "#pricing"},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-glasses-popcorn-assortment_23-2149558796.jpg"
imageAlt="Streaming content showcase"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-cunning-businessman-steeple-fingers-smiling-devious-scheming-plan-standing-white-back_1258-112542.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/young-cunning-businessman-steeple-fingers-smiling-devious-scheming-plan-standing-white-back_1258-112542.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4155.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/crazy-hero-happy-expression_1194-4155.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-light-white-surface_140725-70082.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-light-white-surface_140725-70082.jpg", alt: "User 5"},
]}
marqueeItems={[
{
type: "text",
text: "4K Ultra HD",
},
type: "text", text: "4K Ultra HD"},
{
type: "text",
text: "Dolby Atmos",
},
type: "text", text: "Dolby Atmos"},
{
type: "text",
text: "Unlimited Access",
},
type: "text", text: "Unlimited Access"},
{
type: "text",
text: "Zero Buffering",
},
type: "text", text: "Zero Buffering"},
{
type: "text",
text: "Global Streaming",
},
type: "text", text: "Global Streaming"},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSeven
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "4K Ultra HD",
description: "Crisp and clear viewing for all your favorite shows.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
},
title: "4K Ultra HD", description: "Crisp and clear viewing for all your favorite shows.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg"},
{
title: "Cross-Device Sync",
description: "Start on your phone, finish on your TV seamlessly.",
imageSrc: "http://img.b2bpic.net/free-photo/red-yellow-blue-lights_400718-28.jpg",
},
title: "Cross-Device Sync", description: "Start on your phone, finish on your TV seamlessly.", imageSrc: "http://img.b2bpic.net/free-photo/red-yellow-blue-lights_400718-28.jpg"},
{
title: "Data Analytics",
description: "Optimized delivery based on your network environment.",
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg",
},
title: "Data Analytics", description: "Optimized delivery based on your network environment.", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57448.jpg"},
]}
title="Advanced Features for Everyone"
description="Engineered for maximum speed and superior clarity."
@@ -142,25 +103,17 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="blur-reveal"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10M+",
description: "Active Subscribers",
},
id: "m1", value: "10M+", description: "Active Subscribers"},
{
id: "m2",
value: "24/7",
description: "Uptime Guaranteed",
},
id: "m2", value: "24/7", description: "Uptime Guaranteed"},
{
id: "m3",
value: "120+",
description: "Global Regions",
},
id: "m3", value: "120+", description: "Global Regions"},
]}
title="Platform Growth"
description="A rapidly growing ecosystem built for speed."
@@ -169,43 +122,25 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$9.99",
subtitle: "Perfect for solo viewers",
buttons: [
id: "basic", badge: "Essential", price: "$9.99", subtitle: "Perfect for solo viewers", buttons: [
{
text: "Subscribe",
href: "#",
},
text: "Subscribe", href: "#"},
],
features: [
"Full HD Streaming",
"One Device",
"Ads Included",
],
"Full HD Streaming", "One Device", "Ads Included"],
},
{
id: "pro",
badge: "Best Value",
price: "$19.99",
subtitle: "For the whole family",
buttons: [
id: "pro", badge: "Best Value", price: "$19.99", subtitle: "For the whole family", buttons: [
{
text: "Subscribe",
href: "#",
},
text: "Subscribe", href: "#"},
],
features: [
"4K Ultra HD",
"Four Devices",
"Ad-Free Content",
"Offline Downloads",
],
"4K Ultra HD", "Four Devices", "Ad-Free Content", "Offline Downloads"],
},
]}
title="Choose Your Plan"
@@ -221,25 +156,15 @@ export default function LandingPage() {
author="Marcus Thorne"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/amazed-businessman-showing-big-object-describe-something-large-looking-excited-standing-whi_1258-112605.jpg",
alt: "Marcus",
},
src: "http://img.b2bpic.net/free-photo/amazed-businessman-showing-big-object-describe-something-large-looking-excited-standing-whi_1258-112605.jpg", alt: "Marcus"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-bearded-redhead-man-eats-popcorn_273609-32031.jpg",
alt: "Sarah",
},
src: "http://img.b2bpic.net/free-photo/cheerful-bearded-redhead-man-eats-popcorn_273609-32031.jpg", alt: "Sarah"},
{
src: "http://img.b2bpic.net/free-photo/middle-age-beautiful-woman-eating-popcorn-scared-amazed-with-open-mouth-surprise-disbelief-face_839833-7348.jpg",
alt: "James",
},
src: "http://img.b2bpic.net/free-photo/middle-age-beautiful-woman-eating-popcorn-scared-amazed-with-open-mouth-surprise-disbelief-face_839833-7348.jpg", alt: "James"},
{
src: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-holding-holding-bucket-popcorn-tv-remote-looking-annoyed-irritated-standing-pink-wall_141793-81632.jpg",
alt: "Elena",
},
src: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-holding-holding-bucket-popcorn-tv-remote-looking-annoyed-irritated-standing-pink-wall_141793-81632.jpg", alt: "Elena"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020158.jpg",
alt: "David",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020158.jpg", alt: "David"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
@@ -252,20 +177,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I cancel my subscription?",
content: "You can cancel anytime directly from your dashboard settings.",
},
id: "f1", title: "How do I cancel my subscription?", content: "You can cancel anytime directly from your dashboard settings."},
{
id: "f2",
title: "Do you offer offline viewing?",
content: "Yes, Pro users have full offline download capabilities.",
},
id: "f2", title: "Do you offer offline viewing?", content: "Yes, Pro users have full offline download capabilities."},
{
id: "f3",
title: "Can I share my account?",
content: "Our Pro plan allows up to four concurrent devices.",
},
id: "f3", title: "Can I share my account?", content: "Our Pro plan allows up to four concurrent devices."},
]}
title="Got Questions?"
description="We have answers for everything you need to know about Web Box."
@@ -277,16 +193,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get In Touch"
title="Ready to Experience Premium?"
description="Our support team is available 24/7 to help you get started with the best streaming service on the market."
buttons={[
{
text: "Contact Support",
href: "#",
},
text: "Contact Support", href: "#"},
]}
/>
</div>
@@ -295,29 +208,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Platform",
items: [
title: "Platform", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
]}