Merge version_2 into main

Update src/app/page.tsx
2026-03-03 12:39:57 +00:00 · 2026-03-03 12:39:52 +00:00 · 2026-03-03 12:37:28 +00:00 · 2026-03-03 12:37:23 +00:00 · 2026-03-03 12:35:08 +00:00 · 2026-03-03 12:35:03 +00:00
3 changed files with 99 additions and 35 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,20 +1,9 @@
 import type { Metadata } from "next";
-import { Raleway } from "next/font/google";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 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({
  variable: "--font-inter",  subsets: ["latin"],
 });
@@ -22,33 +11,33 @@ const inter = Inter({
 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/"),
  alternates: {
-    canonical: "https://www.elitestream.stream/"},
+    canonical: "https://www.elitestream.stream/"
+  },
  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: [
      {
-        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: {
-    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: {
    index: true,
-    follow: true,
-  },
+    follow: true
+  }
 };

 export default function RootLayout({
-  children,
+  children
 }: Readonly<{
  children: React.ReactNode;
 }>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${raleway.variable} ${halant.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${inter.variable} antialiased`}>
          <Tag />
          {children}
        
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,30 @@ import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import { Crown, Globe, Play, Sparkles, TrendingUp, Users } from 'lucide-react';

 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 (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
@@ -58,6 +82,57 @@ export default function LandingPage() {
        />
      </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">
        <FeatureCardTwentyThree
          features={[
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #fffefe;;
-  --card: #f6f7f4;;
-  --foreground: #080908;;
-  --primary-cta: #0e3a29;;
-  --secondary-cta: #e7eecd;;
-  --accent: #35c18b;;
-  --background-accent: #ecebe4;; */
+  /* --background: #ffffff;;
+  --card: #f0f8ff;;
+  --foreground: #000080;;
+  --primary-cta: #4169e1;;
+  --secondary-cta: #e6f0ff;;
+  --accent: #87ceeb;;
+  --background-accent: #add8e6;; */

-  --background: #fffefe;;
-  --card: #f6f7f4;;
-  --foreground: #080908;;
-  --primary-cta: #0e3a29;;
+  --background: #ffffff;;
+  --card: #f0f8ff;;
+  --foreground: #000080;;
+  --primary-cta: #4169e1;;
  --primary-cta-text: #fffefe;;
-  --secondary-cta: #e7eecd;;
+  --secondary-cta: #e6f0ff;;
  --secondary-cta-text: #080908;;
-  --accent: #35c18b;;
-  --background-accent: #ecebe4;;
+  --accent: #87ceeb;;
+  --background-accent: #add8e6;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
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