Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
234
src/app/page.tsx
234
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "/community",
|
||||
},
|
||||
name: "Community", id: "/community"},
|
||||
{
|
||||
name: "Archive",
|
||||
id: "/archive",
|
||||
},
|
||||
name: "Archive", id: "/archive"},
|
||||
]}
|
||||
brandName="Selen"
|
||||
/>
|
||||
@@ -53,35 +47,21 @@ export default function LandingPage() {
|
||||
description="Watch Together. Feel The Speed."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Watching",
|
||||
href: "#",
|
||||
},
|
||||
text: "Start Watching", href: "#"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-building_400718-51.jpg",
|
||||
imageAlt: "Futuristic BMW X6 M Competition in a digital garage, cinematic shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenery-building_400718-51.jpg", imageAlt: "Futuristic BMW X6 M Competition in a digital garage, cinematic shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-nature-landscape_23-2151005321.jpg",
|
||||
imageAlt: "BMW X6 M Competition front view with neon blue reflections",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-with-nature-landscape_23-2151005321.jpg", imageAlt: "BMW X6 M Competition front view with neon blue reflections"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg",
|
||||
imageAlt: "Low angle view of BMW X6 M with underglow in a sci-fi city",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001232.jpg", imageAlt: "Low angle view of BMW X6 M with underglow in a sci-fi city"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253634.jpg",
|
||||
imageAlt: "BMW X6 M speeding through a data highway with light trails",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-substance_23-2148253634.jpg", imageAlt: "BMW X6 M speeding through a data highway with light trails"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137304.jpg",
|
||||
imageAlt: "Futuristic BMW dashboard UI with holographic icy blue displays",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137304.jpg", imageAlt: "Futuristic BMW dashboard UI with holographic icy blue displays"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649943.jpg",
|
||||
imageAlt: "BMW X6 M Competition side profile with neon highlights",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649943.jpg", imageAlt: "BMW X6 M Competition side profile with neon highlights"},
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
showDimOverlay={true}
|
||||
@@ -95,40 +75,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "what-platform",
|
||||
title: "What is Selen?",
|
||||
subtitle: "Your ultimate co-watching platform.",
|
||||
category: "Overview",
|
||||
value: "Seamless Global Sync",
|
||||
},
|
||||
id: "what-platform", title: "What is Selen?", subtitle: "Your ultimate co-watching platform.", category: "Overview", value: "Seamless Global Sync"},
|
||||
{
|
||||
id: "how-sync-works",
|
||||
title: "Real-time Synchronization",
|
||||
subtitle: "Experience perfect timing, every frame, every second.",
|
||||
category: "Technology",
|
||||
value: "WebSocket Driven",
|
||||
},
|
||||
id: "how-sync-works", title: "Real-time Synchronization", subtitle: "Experience perfect timing, every frame, every second.", category: "Technology", value: "WebSocket Driven"},
|
||||
{
|
||||
id: "latency-minimal",
|
||||
title: "Zero-Lag Experience",
|
||||
subtitle: "Global connections without delays or high ping.",
|
||||
category: "Performance",
|
||||
value: "Sub-millisecond",
|
||||
},
|
||||
id: "latency-minimal", title: "Zero-Lag Experience", subtitle: "Global connections without delays or high ping.", category: "Performance", value: "Sub-millisecond"},
|
||||
{
|
||||
id: "core-technologies",
|
||||
title: "Powered by Innovation",
|
||||
subtitle: "Leveraging cutting-edge backend and frontend stacks.",
|
||||
category: "Stack",
|
||||
value: "Java, React, Three.js",
|
||||
},
|
||||
id: "core-technologies", title: "Powered by Innovation", subtitle: "Leveraging cutting-edge backend and frontend stacks.", category: "Stack", value: "Java, React, Three.js"},
|
||||
{
|
||||
id: "security-encryption",
|
||||
title: "Fortified Security",
|
||||
subtitle: "Your privacy and data are protected with enterprise-grade encryption.",
|
||||
category: "Trust",
|
||||
value: "AES-256",
|
||||
},
|
||||
id: "security-encryption", title: "Fortified Security", subtitle: "Your privacy and data are protected with enterprise-grade encryption.", category: "Trust", value: "AES-256"},
|
||||
]}
|
||||
title="The Future of Synchronized Entertainment"
|
||||
description="Selen redefines shared viewing with ultra-low latency, crystal-clear communication, and advanced features designed for the year 2035."
|
||||
@@ -143,20 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-latency",
|
||||
value: "0ms",
|
||||
description: "Global Latency",
|
||||
},
|
||||
id: "metric-latency", value: "0ms", description: "Global Latency"},
|
||||
{
|
||||
id: "metric-quality",
|
||||
value: "4K HDR",
|
||||
description: "Crystal Clear Quality",
|
||||
},
|
||||
id: "metric-quality", value: "4K HDR", description: "Crystal Clear Quality"},
|
||||
{
|
||||
id: "metric-users",
|
||||
value: "10M+",
|
||||
description: "Connected Users",
|
||||
},
|
||||
id: "metric-users", value: "10M+", description: "Connected Users"},
|
||||
]}
|
||||
title="Unmatched Performance, Powered by Innovation"
|
||||
description="Experience seamless synchronized viewing, backed by cutting-edge technology designed for global connections."
|
||||
@@ -185,63 +131,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Standard",
|
||||
badgeIcon: Star,
|
||||
price: "Free",
|
||||
subtitle: "Essential co-watching",
|
||||
buttons: [
|
||||
id: "free", badge: "Standard", badgeIcon: Star,
|
||||
price: "Free", subtitle: "Essential co-watching", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Basic video upload",
|
||||
"Standard watch rooms",
|
||||
"Instant messaging",
|
||||
"Friend search",
|
||||
],
|
||||
"Basic video upload", "Standard watch rooms", "Instant messaging", "Friend search"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
badgeIcon: Zap,
|
||||
price: "$9.99/mo",
|
||||
subtitle: "Enhanced features & quality",
|
||||
buttons: [
|
||||
id: "premium", badge: "Premium", badgeIcon: Zap,
|
||||
price: "$9.99/mo", subtitle: "Enhanced features & quality", buttons: [
|
||||
{
|
||||
text: "Upgrade Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Upgrade Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"4K/HDR support",
|
||||
"Voice chat & Video calls",
|
||||
"Private communities",
|
||||
"AI movie recommendations",
|
||||
"Exclusive digital stickers",
|
||||
],
|
||||
"4K/HDR support", "Voice chat & Video calls", "Private communities", "AI movie recommendations", "Exclusive digital stickers"],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
badge: "Ultimate",
|
||||
badgeIcon: Diamond,
|
||||
price: "$19.99/mo",
|
||||
subtitle: "All-access, next-gen luxury",
|
||||
buttons: [
|
||||
id: "ultimate", badge: "Ultimate", badgeIcon: Diamond,
|
||||
price: "$19.99/mo", subtitle: "All-access, next-gen luxury", buttons: [
|
||||
{
|
||||
text: "Go Ultimate",
|
||||
href: "#",
|
||||
},
|
||||
text: "Go Ultimate", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Priority support",
|
||||
"AI video enhancement",
|
||||
"AI subtitles & translation",
|
||||
"Access to NFT marketplace",
|
||||
"Cyberpunk theme customization",
|
||||
],
|
||||
"Priority support", "AI video enhancement", "AI subtitles & translation", "Access to NFT marketplace", "Cyberpunk theme customization"],
|
||||
},
|
||||
]}
|
||||
title="Unlock the Ultimate Selen Experience"
|
||||
@@ -254,49 +168,20 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "nft-car-ui",
|
||||
name: "BMW Dashboard UI",
|
||||
price: "0.5 ETH",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-metaverse-technology-landing-page_23-2149424568.jpg",
|
||||
imageAlt: "NFT of futuristic car dashboard UI",
|
||||
},
|
||||
id: "nft-car-ui", name: "BMW Dashboard UI", price: "0.5 ETH", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-metaverse-technology-landing-page_23-2149424568.jpg", imageAlt: "NFT of futuristic car dashboard UI"},
|
||||
{
|
||||
id: "nft-camera-lens",
|
||||
name: "Cinematic Lens Token",
|
||||
price: "0.3 ETH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-film-reel-film-strips-camcorder-blue-background_23-2148188157.jpg",
|
||||
imageAlt: "NFT of cinematic camera lens",
|
||||
},
|
||||
id: "nft-camera-lens", name: "Cinematic Lens Token", price: "0.3 ETH", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-film-reel-film-strips-camcorder-blue-background_23-2148188157.jpg", imageAlt: "NFT of cinematic camera lens"},
|
||||
{
|
||||
id: "nft-data-stream",
|
||||
name: "Synchronized Data Stream",
|
||||
price: "0.2 ETH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-pattern_23-2148143799.jpg",
|
||||
imageAlt: "NFT of synchronized data stream visualization",
|
||||
},
|
||||
id: "nft-data-stream", name: "Synchronized Data Stream", price: "0.2 ETH", imageSrc: "http://img.b2bpic.net/free-photo/cupcake-pattern_23-2148143799.jpg", imageAlt: "NFT of synchronized data stream visualization"},
|
||||
{
|
||||
id: "nft-vision-landscape",
|
||||
name: "Vision Pro Landscape",
|
||||
price: "0.7 ETH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837636.jpg",
|
||||
imageAlt: "NFT of futuristic landscape inspired by Apple Vision Pro",
|
||||
},
|
||||
id: "nft-vision-landscape", name: "Vision Pro Landscape", price: "0.7 ETH", imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837636.jpg", imageAlt: "NFT of futuristic landscape inspired by Apple Vision Pro"},
|
||||
{
|
||||
id: "nft-selen-logo",
|
||||
name: "Selen Holographic Logo",
|
||||
price: "1.0 ETH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-geometric_1048-13693.jpg",
|
||||
imageAlt: "NFT of holographic Selen logo",
|
||||
},
|
||||
id: "nft-selen-logo", name: "Selen Holographic Logo", price: "1.0 ETH", imageSrc: "http://img.b2bpic.net/free-photo/modern-geometric_1048-13693.jpg", imageAlt: "NFT of holographic Selen logo"},
|
||||
{
|
||||
id: "nft-circuit-city",
|
||||
name: "Cybernetic Circuit City",
|
||||
price: "0.6 ETH",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-red-themed-circuit-board-with-chip_23-2148284291.jpg",
|
||||
imageAlt: "NFT of abstract circuit board resembling a city",
|
||||
},
|
||||
id: "nft-circuit-city", name: "Cybernetic Circuit City", price: "0.6 ETH", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-red-themed-circuit-board-with-chip_23-2148284291.jpg", imageAlt: "NFT of abstract circuit board resembling a city"},
|
||||
]}
|
||||
title="Exclusive Digital Collectibles"
|
||||
description="Discover unique NFTs and digital assets tied to cinematic moments, BMW aesthetics, and Selen's futuristic universe. Own a piece of the future."
|
||||
@@ -307,54 +192,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About Selen",
|
||||
href: "#platform-info",
|
||||
},
|
||||
label: "About Selen", href: "#platform-info"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "/#platform-info",
|
||||
},
|
||||
label: "Features", href: "/#platform-info"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/#subscription",
|
||||
},
|
||||
label: "Pricing", href: "/#subscription"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Communities",
|
||||
href: "/community#community-features",
|
||||
},
|
||||
label: "Communities", href: "/community#community-features"},
|
||||
{
|
||||
label: "Friends",
|
||||
href: "/community#community-features",
|
||||
},
|
||||
label: "Friends", href: "/community#community-features"},
|
||||
{
|
||||
label: "News",
|
||||
href: "/community#news-panel",
|
||||
},
|
||||
label: "News", href: "/community#news-panel"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Archive",
|
||||
items: [
|
||||
title: "Archive", items: [
|
||||
{
|
||||
label: "My Rooms",
|
||||
href: "/archive#archive-features",
|
||||
},
|
||||
label: "My Rooms", href: "/archive#archive-features"},
|
||||
{
|
||||
label: "Upload",
|
||||
href: "/archive#archive-features",
|
||||
},
|
||||
label: "Upload", href: "/archive#archive-features"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "/archive#faq-archive",
|
||||
},
|
||||
label: "Support", href: "/archive#faq-archive"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user