From c83483185a8d68a6067dfa2d861d981236a4a99a Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:04:34 +0000 Subject: [PATCH 1/5] Add src/app/admin/layout.tsx --- src/app/admin/layout.tsx | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 src/app/admin/layout.tsx diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx new file mode 100644 index 0000000..0c7708e --- /dev/null +++ b/src/app/admin/layout.tsx @@ -0,0 +1,11 @@ +export default function AdminLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( +
+ {children} +
+ ); +} \ No newline at end of file -- 2.49.1 From d079c1587d9c4ae77071e9bb1c418e83425c792a Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:04:34 +0000 Subject: [PATCH 2/5] Add src/app/admin/page.tsx --- src/app/admin/page.tsx | 242 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 242 insertions(+) create mode 100644 src/app/admin/page.tsx diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx new file mode 100644 index 0000000..a268ef1 --- /dev/null +++ b/src/app/admin/page.tsx @@ -0,0 +1,242 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import { BarChart3, Users, Settings, LogOut, Menu, X } from "lucide-react"; +import { useState } from "react"; + +export default function AdminDashboard() { + const [sidebarOpen, setSidebarOpen] = useState(true); + + const adminNavItems = [ + { name: "Dashboard", id: "dashboard" }, + { name: "Users", id: "users" }, + { name: "Analytics", id: "analytics" }, + { name: "Settings", id: "settings" } + ]; + + const dashboardCards = [ + { + title: "Total Users", value: "1,234", icon: Users, + change: "+12% from last month" + }, + { + title: "Active Sessions", value: "567", icon: BarChart3, + change: "+5% from last week" + }, + { + title: "System Health", value: "99.8%", icon: Settings, + change: "All systems operational" + } + ]; + + return ( + +
+ {/* Sidebar */} + + + {/* Main Content */} +
+ {/* Top Navigation */} + + + {/* Dashboard Content */} +
+
+

Dashboard

+

Welcome back. Here's what's happening with your platform today.

+ + {/* Metrics Cards */} +
+ {dashboardCards.map((card, index) => { + const IconComponent = card.icon; + return ( +
+
+

{card.title}

+
+ +
+
+
+

{card.value}

+
+

{card.change}

+
+ ); + })} +
+ + {/* Recent Activity */} +
+

Recent Activity

+
+ {[ + { action: "New user registration", time: "2 minutes ago", user: "John Doe" }, + { action: "System update completed", time: "1 hour ago", user: "System" }, + { action: "Security scan finished", time: "3 hours ago", user: "System" }, + { action: "Database backup completed", time: "6 hours ago", user: "System" } + ].map((item, index) => ( +
+
+

{item.action}

+

{item.user}

+
+

{item.time}

+
+ ))} +
+
+
+ + {/* Users Section */} +
+

User Management

+
+
+ {[ + { name: "Sarah Chen", email: "sarah@example.com", status: "Active", joined: "Jan 15, 2025" }, + { name: "Michael Rodriguez", email: "michael@example.com", status: "Active", joined: "Jan 10, 2025" }, + { name: "Emily Thompson", email: "emily@example.com", status: "Inactive", joined: "Jan 5, 2025" } + ].map((user, index) => ( +
+
+

{user.name}

+

{user.email}

+
+
+ + {user.status} + +

{user.joined}

+
+
+ ))} +
+
+
+ + {/* Analytics Section */} +
+

Analytics

+
+
+

Traffic Overview

+
+

Chart placeholder

+
+
+
+

User Growth

+
+

Chart placeholder

+
+
+
+
+ + {/* Settings Section */} +
+

Settings

+
+
+
+

Email Notifications

+

Receive email alerts for important events

+
+
+
+
+

Two-Factor Authentication

+

Enhance your account security

+
+
+
+
+

System Maintenance Mode

+

Enable maintenance mode for updates

+
+
+
+
+
+
+
+ + ); +} \ No newline at end of file -- 2.49.1 From ba6385d09cae4ed3d30ef33161fd3c03ff844702 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:04:35 +0000 Subject: [PATCH 3/5] Add src/app/movie/[id]/page.tsx --- src/app/movie/[id]/page.tsx | 292 ++++++++++++++++++++++++++++++++++++ 1 file changed, 292 insertions(+) create mode 100644 src/app/movie/[id]/page.tsx diff --git a/src/app/movie/[id]/page.tsx b/src/app/movie/[id]/page.tsx new file mode 100644 index 0000000..58ae330 --- /dev/null +++ b/src/app/movie/[id]/page.tsx @@ -0,0 +1,292 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; +import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne'; +import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; +import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; +import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia'; +import ContactText from '@/components/sections/contact/ContactText'; +import FooterMedia from '@/components/sections/footer/FooterMedia'; +import { Star, Play } from "lucide-react"; +import { useParams } from "next/navigation"; + +export default function MovieDetailPage() { + const params = useParams(); + const movieId = params.id; + + // Mock movie data - replace with actual API call + const movieData = { + title: "The Future of Cinema", year: 2024, + rating: 8.5, + reviews: "12.4k", director: "Christopher Nolan", genre: ["Sci-Fi", "Drama", "Thriller"], + duration: "2h 48m", description: "A groundbreaking journey through time and space that challenges everything we know about reality.", fullDescription: "Experience an epic narrative that weaves together cutting-edge cinematography, compelling storytelling, and world-class performances. This film takes audiences on an unforgettable journey that explores the boundaries of human consciousness and the nature of existence itself.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/a-modern-ai-chat-interface-displaying-a--1773145035611-b574a458.png", backdropSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/abstract-representation-of-advanced-ai-t-1773145035775-dff8a547.jpg" + }; + + const relatedMovies = [ + { + id: "1", name: "Inception", brand: "Warner Bros", price: "Watch Now", rating: 8.8, + reviewCount: "2.5M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/a-visualized-conversation-flow-diagram-s-1773145033569-9f26c46e.png", imageAlt: "Inception" + }, + { + id: "2", name: "Interstellar", brand: "Paramount", price: "Watch Now", rating: 8.7, + reviewCount: "1.8M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/visual-representation-of-dual-ai-model-i-1773145036227-42d93435.jpg", imageAlt: "Interstellar" + }, + { + id: "3", name: "The Prestige", brand: "Touchstone", price: "Watch Now", rating: 8.5, + reviewCount: "1.2M", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/professional-headshot-portrait-of-a-youn-1773145036767-975d2a64.png", imageAlt: "The Prestige" + }, + { + id: "4", name: "Tenet", brand: "Warner Bros", price: "Watch Now", rating: 7.4, + reviewCount: "890k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/professional-headshot-portrait-of-a-lati-1773145035870-0f83135b.jpg", imageAlt: "Tenet" + } + ]; + + const cast = [ + { + id: "1", name: "Leonardo DiCaprio", handle: "@leonardodicaprio", testimonial: "A career-defining role that pushes the boundaries of what cinema can achieve.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/professional-headshot-portrait-of-a-cauc-1773145035617-72e2f37a.png", imageAlt: "Leonardo DiCaprio" + }, + { + id: "2", name: "Emma Watson", handle: "@emmawatson", testimonial: "Working with such a visionary director was an absolute privilege and learning experience.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/professional-headshot-portrait-of-an-asi-1773145036519-609eefd8.png", imageAlt: "Emma Watson" + }, + { + id: "3", name: "Tom Hardy", handle: "@tomhardy", testimonial: "An unforgettable cinematic experience. The production quality is unmatched.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/professional-headshot-portrait-of-a-cauc-1773145035826-68dd0c32.jpg", imageAlt: "Tom Hardy" + }, + { + id: "4", name: "Anne Hathaway", handle: "@annehathaway", testimonial: "This film will resonate with audiences for generations to come.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/professional-headshot-portrait-of-a-dive-1773145033449-492fe20e.jpg", imageAlt: "Anne Hathaway" + } + ]; + + const faqs = [ + { + id: "1", title: "Where can I watch this movie?", content: "The movie is available on major streaming platforms including Netflix, Amazon Prime Video, and theatrical releases worldwide. Check your local listings for availability." + }, + { + id: "2", title: "Who directed this film?", content: "The film was directed by Christopher Nolan, known for his innovative storytelling and groundbreaking cinematography. This is one of his most ambitious projects to date." + }, + { + id: "3", title: "What is the runtime?", content: "The film has a runtime of 2 hours and 48 minutes. We recommend arriving early at the theatre to fully immerse yourself in this epic experience." + }, + { + id: "4", title: "Is there a sequel planned?", content: "The director has hinted at a potential follow-up project. Stay tuned to official channels for announcements regarding the future of this franchise." + }, + { + id: "5", title: "What is the age rating?", content: "The film is rated PG-13, with intense sequences and some language. Parents are encouraged to review content advisories before bringing younger viewers." + }, + { + id: "6", title: "When will it be available on home video?", content: "Home video releases typically follow theatrical releases by 3-4 months. Pre-orders should be available through major retailers." + } + ]; + + return ( + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + +
+ +
+ +
+ +
+ + + + ); +} -- 2.49.1 From a354e7f75e0313ac4ec2287e50b67fdf5aceebb1 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:04:35 +0000 Subject: [PATCH 4/5] Add src/app/movies/page.tsx --- src/app/movies/page.tsx | 223 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 223 insertions(+) create mode 100644 src/app/movies/page.tsx diff --git a/src/app/movies/page.tsx b/src/app/movies/page.tsx new file mode 100644 index 0000000..1765e3a --- /dev/null +++ b/src/app/movies/page.tsx @@ -0,0 +1,223 @@ +"use client" + +import { useState, useMemo } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import { Search, Filter } from "lucide-react"; + +interface Movie { + id: string; + title: string; + category: string; + rating: number; + reviewCount: string; + price: string; + imageSrc: string; + imageAlt?: string; +} + +const MOVIE_DATA: Movie[] = [ + { + id: "1", title: "Stellar Odyssey", category: "Sci-Fi", rating: 5, + reviewCount: "12.3k", price: "$12.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/a-modern-ai-chat-interface-displaying-a--1773145035611-b574a458.png", imageAlt: "Stellar Odyssey" + }, + { + id: "2", title: "Midnight Mystery", category: "Thriller", rating: 4, + reviewCount: "8.9k", price: "$9.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/a-visualized-conversation-flow-diagram-s-1773145033569-9f26c46e.png", imageAlt: "Midnight Mystery" + }, + { + id: "3", title: "Heart of Dreams", category: "Drama", rating: 5, + reviewCount: "15.2k", price: "$10.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/abstract-representation-of-advanced-ai-t-1773145035775-dff8a547.jpg", imageAlt: "Heart of Dreams" + }, + { + id: "4", title: "Laugh Track", category: "Comedy", rating: 4, + reviewCount: "5.6k", price: "$7.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/visual-representation-of-dual-ai-model-i-1773145036227-42d93435.jpg", imageAlt: "Laugh Track" + }, + { + id: "5", title: "Dragon's Quest", category: "Adventure", rating: 5, + reviewCount: "18.7k", price: "$14.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/helpful-friendly-illustration-of-custome-1773145036728-02996006.png", imageAlt: "Dragon's Quest" + }, + { + id: "6", title: "Silent Echo", category: "Horror", rating: 4, + reviewCount: "7.2k", price: "$11.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/abstract-technological-background-showin-1773145036054-b61a1b91.jpg", imageAlt: "Silent Echo" + }, + { + id: "7", title: "Love in Paris", category: "Romance", rating: 5, + reviewCount: "11.3k", price: "$9.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/a-modern-ai-chat-interface-displaying-a--1773145035611-b574a458.png", imageAlt: "Love in Paris" + }, + { + id: "8", title: "Action Heroes", category: "Action", rating: 4, + reviewCount: "9.8k", price: "$13.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AkkE8nQSqdqLWod7difrhAMYD2/a-visualized-conversation-flow-diagram-s-1773145033569-9f26c46e.png", imageAlt: "Action Heroes" + } +]; + +const CATEGORIES = ["All", "Sci-Fi", "Thriller", "Drama", "Comedy", "Adventure", "Horror", "Romance", "Action"]; + +export default function MoviesPage() { + const [searchQuery, setSearchQuery] = useState(""); + const [selectedCategory, setSelectedCategory] = useState("All"); + + const filteredMovies = useMemo(() => { + return MOVIE_DATA.filter(movie => { + const matchesSearch = movie.title.toLowerCase().includes(searchQuery.toLowerCase()); + const matchesCategory = selectedCategory === "All" || movie.category === selectedCategory; + return matchesSearch && matchesCategory; + }); + }, [searchQuery, selectedCategory]); + + return ( + + + +
+
+ {/* Header */} +
+

Browse Movies

+

Discover and filter through our extensive collection of movies

+
+ + {/* Search and Filter Section */} +
+ {/* Search Bar */} +
+ + setSearchQuery(e.target.value)} + className="w-full pl-12 pr-4 py-3 rounded-lg border border-foreground/20 bg-card text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta transition-all" + /> +
+ + {/* Filter Button */} +
+ + Filters Active +
+
+ + {/* Category Filter */} +
+ {CATEGORIES.map((category) => ( + + ))} +
+ + {/* Movie Grid */} +
+ {filteredMovies.length > 0 ? ( + filteredMovies.map((movie) => ( +
+ {/* Image */} +
+ {movie.imageAlt + {/* Category Badge */} +
+ {movie.category} +
+
+ + {/* Content */} +
+

+ {movie.title} +

+ + {/* Rating */} +
+
+ {[...Array(5)].map((_, i) => ( + + ★ + + ))} +
+ ({movie.reviewCount}) +
+ + {/* Price */} +
+ {movie.price} + +
+
+
+ )) + ) : ( +
+

No movies found matching your criteria.

+ +
+ )} +
+ + {/* Results Count */} + {filteredMovies.length > 0 && ( +
+ Showing {filteredMovies.length} of {MOVIE_DATA.length} movies +
+ )} +
+
+ + ); +} -- 2.49.1 From 62ea2d96343e05ac62931f53df112088397fca35 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 10 Mar 2026 13:04:36 +0000 Subject: [PATCH 5/5] Update src/app/page.tsx --- src/app/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index d6cf5eb..21a7b3e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -236,4 +236,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file -- 2.49.1