Merge version_1 into main #1
203
src/app/page.tsx
203
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Media",
|
||||
id: "#media",
|
||||
},
|
||||
name: "Media", id: "#media"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Cinestream"
|
||||
/>
|
||||
@@ -55,39 +47,23 @@ export default function LandingPage() {
|
||||
description="Premium cinematic streaming platform. Explore your favorite movies and TV shows with our high-performance media server integration."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Watching",
|
||||
href: "#media",
|
||||
},
|
||||
text: "Start Watching", href: "#media"},
|
||||
{
|
||||
text: "View Features",
|
||||
href: "#features",
|
||||
},
|
||||
text: "View Features", href: "#features"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duotone-effect-collage_23-2150157399.jpg",
|
||||
imageAlt: "Cinematic interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/duotone-effect-collage_23-2150157399.jpg", imageAlt: "Cinematic interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-casual-guy-relaxing-couch-isolated-screen_482257-120105.jpg",
|
||||
imageAlt: "Streaming dashboard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-casual-guy-relaxing-couch-isolated-screen_482257-120105.jpg", imageAlt: "Streaming dashboard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/film-elements-white-background-with-copy-space_23-2148416839.jpg",
|
||||
imageAlt: "Abstract aesthetic",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/film-elements-white-background-with-copy-space_23-2148416839.jpg", imageAlt: "Abstract aesthetic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-colourful-plexus-design_1048-20450.jpg",
|
||||
imageAlt: "Vibrant lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-technology-background-with-colourful-plexus-design_1048-20450.jpg", imageAlt: "Vibrant lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg",
|
||||
imageAlt: "API integration",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-48803.jpg", imageAlt: "API integration"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-sequins-dark-background_23-2147992714.jpg",
|
||||
imageAlt: "Future interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-sequins-dark-background_23-2147992714.jpg", imageAlt: "Future interface"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,35 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "OMDB API Integration",
|
||||
tags: [
|
||||
"Dynamic",
|
||||
"Real-time",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-glass-morphism-background-with-glowing-gradient-design_1017-42650.jpg",
|
||||
imageAlt: "OMDB API feature",
|
||||
},
|
||||
id: "f1", title: "OMDB API Integration", tags: [
|
||||
"Dynamic", "Real-time"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-glass-morphism-background-with-glowing-gradient-design_1017-42650.jpg", imageAlt: "OMDB API feature"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Media Server Sync",
|
||||
tags: [
|
||||
"Global",
|
||||
"Low-latency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg",
|
||||
imageAlt: "Server sync feature",
|
||||
},
|
||||
id: "f2", title: "Media Server Sync", tags: [
|
||||
"Global", "Low-latency"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg", imageAlt: "Server sync feature"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "4K UHD Streaming",
|
||||
tags: [
|
||||
"Clear",
|
||||
"Crisp",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo64bl",
|
||||
imageAlt: "4K streaming feature",
|
||||
},
|
||||
id: "f3", title: "4K UHD Streaming", tags: [
|
||||
"Clear", "Crisp"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fo64bl", imageAlt: "4K streaming feature"},
|
||||
]}
|
||||
title="Experience Next-Gen Streaming"
|
||||
description="Powerful tools and seamless integration to transform your viewing experience."
|
||||
@@ -136,30 +94,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "50K+",
|
||||
title: "Movies",
|
||||
description: "Global movie catalog available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-api-infographic_23-2149392287.jpg",
|
||||
},
|
||||
id: "m1", value: "50K+", title: "Movies", description: "Global movie catalog available.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-api-infographic_23-2149392287.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12K+",
|
||||
title: "TV Shows",
|
||||
description: "Trending and classic collections.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
|
||||
},
|
||||
id: "m2", value: "12K+", title: "TV Shows", description: "Trending and classic collections.", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable streaming connectivity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-39607.jpg",
|
||||
},
|
||||
id: "m3", value: "99.9%", title: "Uptime", description: "Reliable streaming connectivity.", imageSrc: "http://img.b2bpic.net/free-photo/video-player-left-side_187299-39607.jpg"},
|
||||
]}
|
||||
title="Platform Excellence"
|
||||
description="Delivering content at scale with unmatched performance metrics."
|
||||
@@ -173,59 +117,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
role: "Film Critic",
|
||||
company: "CinemaDaily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-film-cinema-auditorium_23-2147803817.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", role: "Film Critic", company: "CinemaDaily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-film-cinema-auditorium_23-2147803817.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
role: "Director",
|
||||
company: "IndieStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-girl-dark-wall_176420-5815.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Smith", role: "Director", company: "IndieStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-african-girl-dark-wall_176420-5815.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Davis",
|
||||
role: "Tech Blogger",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie Davis", role: "Tech Blogger", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
role: "Editor",
|
||||
company: "PixelPerfect",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-leaning-against-canvas_171337-16444.jpg",
|
||||
},
|
||||
id: "t4", name: "Diana Prince", role: "Editor", company: "PixelPerfect", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-leaning-against-canvas_171337-16444.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward Norton",
|
||||
role: "Creator",
|
||||
company: "ContentHub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453362.jpg",
|
||||
},
|
||||
id: "t5", name: "Edward Norton", role: "Creator", company: "ContentHub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453362.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5M+",
|
||||
label: "Active Users",
|
||||
},
|
||||
value: "5M+", label: "Active Users"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Global Servers",
|
||||
},
|
||||
value: "15+", label: "Global Servers"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support Access",
|
||||
},
|
||||
value: "24/7", label: "Support Access"},
|
||||
]}
|
||||
title="Voices of Cinestream"
|
||||
description="What our users say about the best cinema experience on the web."
|
||||
@@ -236,16 +149,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Stream?"
|
||||
title="Start your journey today."
|
||||
description="Get instant access to our media library and global servers with just a few clicks."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,42 +165,27 @@ export default function LandingPage() {
|
||||
logoText="Cinestream"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Watch Movies",
|
||||
href: "#",
|
||||
},
|
||||
label: "Watch Movies", href: "#"},
|
||||
{
|
||||
label: "TV Shows",
|
||||
href: "#",
|
||||
},
|
||||
label: "TV Shows", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user