bender/bad7ea4f-e7ea-42bc-aaa1-77c7feeeaa56
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

14 Commits
version_1 ... main

Author SHA1 Message Date
bender
007ee9743d Merge version_2 into main 
Merge version_2 into main
 2026-03-03 12:39:57 +00:00
bender
0c6473703d Update src/app/page.tsx 2026-03-03 12:39:52 +00:00
bender
09a555f98f Merge version_2 into main 
Merge version_2 into main
 2026-03-03 12:37:28 +00:00
bender
bd2584acd6 Update src/app/page.tsx 2026-03-03 12:37:23 +00:00
bender
95cfec9f44 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 12:35:08 +00:00
bender
cbe347c0d5 Update src/app/page.tsx 2026-03-03 12:35:03 +00:00
bender
61eea6b165 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 12:32:48 +00:00
bender
44f27b8033 Update src/app/page.tsx 2026-03-03 12:32:42 +00:00
bender
5637da390b Merge version_2 into main 
Merge version_2 into main
 2026-03-03 12:30:37 +00:00
bender
c5720d0a19 Update src/app/page.tsx 2026-03-03 12:30:32 +00:00
bender
e0ec58f266 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 12:28:29 +00:00
bender
739877cb24 Update src/app/styles/variables.css 2026-03-03 12:28:24 +00:00
bender
05966ac14d Update src/app/page.tsx 2026-03-03 12:28:23 +00:00
bender
af0ebfeac7 Update src/app/layout.tsx 2026-03-03 12:28:22 +00:00
3 changed files with 99 additions and 35 deletions
Expand all files Collapse all files

31
src/app/layout.tsx
View File

@@ -1,20 +1,9 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Raleway } from "next/font/google";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const raleway = Raleway({
variable: "--font-raleway", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({ const inter = Inter({
variable: "--font-inter", subsets: ["latin"], variable: "--font-inter", subsets: ["latin"],
}); });
@@ -22,33 +11,33 @@ const inter = Inter({
export const metadata: Metadata = { export const metadata: Metadata = {
title: "EliteStream - Premium Streaming Service", description: "Stream unlimited movies, series, and exclusive content in 4K. Watch anywhere, anytime on any device. Start your free trial today.", keywords: "streaming service, movies, TV series, 4K streaming, unlimited content, entertainment", metadataBase: new URL("https://www.elitestream.stream/"), title: "EliteStream - Premium Streaming Service", description: "Stream unlimited movies, series, and exclusive content in 4K. Watch anywhere, anytime on any device. Start your free trial today.", keywords: "streaming service, movies, TV series, 4K streaming, unlimited content, entertainment", metadataBase: new URL("https://www.elitestream.stream/"),
alternates: { alternates: {
canonical: "https://www.elitestream.stream/"}, canonical: "https://www.elitestream.stream/"
},
openGraph: { openGraph: {
title: "EliteStream - Premium Entertainment Streaming", description: "Experience premium streaming with thousands of movies and series in stunning 4K quality.", url: "https://www.elitestream.stream/", siteName: "EliteStream", type: "website", images: [ title: "EliteStream - Premium Entertainment Streaming", description: "Experience premium streaming with thousands of movies and series in stunning 4K quality.", url: "https://www.elitestream.stream/", siteName: "EliteStream", type: "website", images: [
{ {
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/a-sleek-streaming-dashboard-interface-wi-1772540341145-9e37ac63.png", alt: "EliteStream streaming platform"}, url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/a-sleek-streaming-dashboard-interface-wi-1772540341145-9e37ac63.png", alt: "EliteStream streaming platform"
], }
]
}, },
twitter: { twitter: {
card: "summary_large_image", title: "EliteStream - Premium Streaming", description: "Unlimited movies, series, and exclusive content in 4K.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/a-sleek-streaming-dashboard-interface-wi-1772540341145-9e37ac63.png"], card: "summary_large_image", title: "EliteStream - Premium Streaming", description: "Unlimited movies, series, and exclusive content in 4K.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/a-sleek-streaming-dashboard-interface-wi-1772540341145-9e37ac63.png"]
}, },
robots: { robots: {
index: true, index: true,
follow: true, follow: true
}, }
}; };
export default function RootLayout({ export default function RootLayout({
children, children
}: Readonly<{ }: Readonly<{
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body className={`${inter.variable} antialiased`}>
className={`${raleway.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}

75
src/app/page.tsx
View File

@@ -12,6 +12,30 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Crown, Globe, Play, Sparkles, TrendingUp, Users } from 'lucide-react'; import { Crown, Globe, Play, Sparkles, TrendingUp, Users } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
const channelLogos = [
{ id: '1', name: 'Netflix', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/netflix-logo-1772540341145.png' },
{ id: '2', name: 'Disney+', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/disney-logo-1772540341145.png' },
{ id: '3', name: 'HBO Max', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/hbo-logo-1772540341145.png' },
{ id: '4', name: 'Prime Video', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/prime-logo-1772540341145.png' },
{ id: '5', name: 'Hulu', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/hulu-logo-1772540341145.png' }
];
const movies = [
{ id: '1', title: 'Action Blockbuster', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/action-movie-1772540341145.png' },
{ id: '2', title: 'Drama Masterpiece', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/drama-movie-1772540341145.png' },
{ id: '3', title: 'Comedy Gold', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/comedy-movie-1772540341145.png' },
{ id: '4', title: 'Sci-Fi Adventure', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/scifi-movie-1772540341145.png' },
{ id: '5', title: 'Thriller', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/thriller-movie-1772540341145.png' }
];
const series = [
{ id: '1', title: 'Epic Drama Series', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/drama-series-1772540341145.png' },
{ id: '2', title: 'Fantasy Adventure', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/fantasy-series-1772540341145.png' },
{ id: '3', title: 'Mystery Thriller', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/mystery-series-1772540341145.png' },
{ id: '4', title: 'Comedy Show', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/comedy-series-1772540341145.png' },
{ id: '5', title: 'Action Series', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/action-series-1772540341145.png' }
];
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="directional-hover"
@@ -58,6 +82,57 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="channel-logos" data-section="channel-logos" className="w-full py-20">
<div className="px-6 md:px-12">
<h2 className="text-3xl font-bold mb-8 text-center">Available on Your Favorite Channels</h2>
<div className="grid grid-cols-2 md:grid-cols-5 gap-4">
{channelLogos.map((channel) => (
<div key={channel.id} className="flex items-center justify-center">
<div className="bg-card rounded-lg p-4 flex items-center justify-center h-24 w-full">
<img src={channel.imageSrc} alt={channel.name} className="max-h-16 max-w-full" />
</div>
</div>
))}
</div>
</div>
</div>
<div id="movies" data-section="movies" className="w-full py-20">
<div className="px-6 md:px-12">
<h2 className="text-3xl font-bold mb-8 text-center">Featured Movies</h2>
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
{movies.map((movie) => (
<div key={movie.id} className="flex">
<div className="bg-card rounded-lg overflow-hidden w-full">
<img src={movie.imageSrc} alt={movie.title} className="w-full h-64 object-cover" />
<div className="p-4">
<p className="text-center font-semibold">{movie.title}</p>
</div>
</div>
</div>
))}
</div>
</div>
</div>
<div id="series" data-section="series" className="w-full py-20">
<div className="px-6 md:px-12">
<h2 className="text-3xl font-bold mb-8 text-center">Popular Series</h2>
<div className="grid grid-cols-1 md:grid-cols-4 gap-4">
{series.map((show) => (
<div key={show.id} className="flex">
<div className="bg-card rounded-lg overflow-hidden w-full">
<img src={show.imageSrc} alt={show.title} className="w-full h-64 object-cover" />
<div className="p-4">
<p className="text-center font-semibold">{show.title}</p>
</div>
</div>
</div>
))}
</div>
</div>
</div>
<div id="features" data-section="features" className="w-full py-20"> <div id="features" data-section="features" className="w-full py-20">
<FeatureCardTwentyThree <FeatureCardTwentyThree
features={[ features={[

28
src/app/styles/variables.css
View File

@@ -2,23 +2,23 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #fffefe;; /* --background: #ffffff;;
--card: #f6f7f4;; --card: #f0f8ff;;
--foreground: #080908;; --foreground: #000080;;
--primary-cta: #0e3a29;; --primary-cta: #4169e1;;
--secondary-cta: #e7eecd;; --secondary-cta: #e6f0ff;;
--accent: #35c18b;; --accent: #87ceeb;;
--background-accent: #ecebe4;; */ --background-accent: #add8e6;; */
--background: #fffefe;; --background: #ffffff;;
--card: #f6f7f4;; --card: #f0f8ff;;
--foreground: #080908;; --foreground: #000080;;
--primary-cta: #0e3a29;; --primary-cta: #4169e1;;
--primary-cta-text: #fffefe;; --primary-cta-text: #fffefe;;
--secondary-cta: #e7eecd;; --secondary-cta: #e6f0ff;;
--secondary-cta-text: #080908;; --secondary-cta-text: #080908;;
--accent: #35c18b;; --accent: #87ceeb;;
--background-accent: #ecebe4;; --background-accent: #add8e6;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);