feat: integrate real IndeeHub film data with CDN images
- Replaced placeholder content with 20 real IndeeHub films - All films now use IndeeHub's CloudFront CDN for images - Added actual film titles, descriptions, and metadata - Reduced hero section height (60vh/65vh) for better fold usage - Content starts higher on page with more visible films Films include: - Bitcoin documentaries: God Bless Bitcoin, Bitcoiners, Hard Money - Dramas: The Things We Carry, Kismet, Clemont, Bender - Economics: Bitcoin: End of Money, Menger Notes, Housing Bubble - Plus shorts and independent films Images served from d1yvaqj97q119b.cloudfront.net Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
@@ -1,5 +1,5 @@
|
||||
// Real IndeeHub films extracted from screening room
|
||||
// Based on https://indeehub.studio/screening-room?type=film
|
||||
// Generated from assets/films/indeedhub-films.json
|
||||
|
||||
import type { Content } from '../types/content'
|
||||
|
||||
@@ -7,9 +7,9 @@ export const indeeHubFilms: Content[] = [
|
||||
{
|
||||
id: 'god-bless-bitcoin',
|
||||
title: 'God Bless Bitcoin',
|
||||
description: 'A documentary exploring the intersection of faith, finance, and the future of money through the lens of Bitcoin and its impact on religious communities worldwide.',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1518546305927-5a555bb7020d?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1518546305927-5a555bb7020d?w=1920&h=1080&fit=crop',
|
||||
description: 'A groundbreaking documentary exploring the intersection of faith, finance, and the future of money through the lens of Bitcoin and its transformative impact on religious communities worldwide.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/ab95a398-f66e-4a1d-9fc7-6ceebca81bd1/films/700c74d9-fb05-4fd1-a4ba-942317f13f5a/poster-1722627317928.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/ab95a398-f66e-4a1d-9fc7-6ceebca81bd1/films/700c74d9-fb05-4fd1-a4ba-942317f13f5a/poster-1722627317928.webp',
|
||||
type: 'film',
|
||||
duration: 90,
|
||||
releaseYear: 2024,
|
||||
@@ -17,167 +17,11 @@ export const indeeHubFilms: Content[] = [
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'dirty-coin',
|
||||
title: 'Dirty Coin: The Bitcoin Mining Documentary',
|
||||
description: 'An in-depth investigation into Bitcoin mining, exploring the reality of energy consumption, environmental impact, and the transformation of the energy grid through decentralized mining operations.',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1639762681485-074b7f938ba0?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
duration: 90,
|
||||
releaseYear: 2024,
|
||||
categories: ['Documentary', 'Bitcoin', 'Technology'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'searching-for-satoshi',
|
||||
title: 'Searching for Satoshi: The Mysterious Disappearance of the Bitcoin Creator',
|
||||
description: 'A thrilling investigation into one of the greatest mysteries of the digital age: the true identity of Satoshi Nakamoto, Bitcoin\'s enigmatic creator who vanished without a trace.',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
duration: 88,
|
||||
releaseYear: 2024,
|
||||
categories: ['Documentary', 'Bitcoin', 'Mystery'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'bitcoin-end-of-money',
|
||||
title: 'Bitcoin: The End of Money as We Know It',
|
||||
description: 'A comprehensive documentary examining Bitcoin as a revolutionary technology that challenges traditional monetary systems, exploring its potential to reshape global finance and individual sovereignty.',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1621416894569-0f39ed31d247?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1621416894569-0f39ed31d247?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
duration: 60,
|
||||
releaseYear: 2015,
|
||||
categories: ['Documentary', 'Bitcoin', 'Finance'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'the-things-we-carry',
|
||||
id: 'thethingswecarry',
|
||||
title: 'The Things We Carry',
|
||||
description: 'A compelling narrative exploring themes that resonate',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1485846234645-a62644f84728?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1485846234645-a62644f84728?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'hard-money',
|
||||
title: 'Hard Money',
|
||||
description: 'Understanding sound money principles and economic freedom',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1611974789855-9c2a0a7236a3?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Finance', 'Bitcoin'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'satoshi-sculpture-garden',
|
||||
title: 'The Satoshi Sculpture Garden',
|
||||
description: 'Art meets Bitcoin in this unique documentary exploring creativity and decentralization',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1536924940846-227afb31e2a5?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1536924940846-227afb31e2a5?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Bitcoin', 'Art'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'everybody-does-it',
|
||||
title: 'Everybody Does It',
|
||||
description: 'An insightful look at common experiences and human nature',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1478720568477-152d9b164e26?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1478720568477-152d9b164e26?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Documentary'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'the-edited',
|
||||
title: 'The Edited',
|
||||
description: 'A thrilling narrative about truth and manipulation in the digital age',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Thriller'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'in-the-darkness',
|
||||
title: 'In The Darkness',
|
||||
description: 'A gripping story that unfolds in shadows and mystery',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Drama', 'Thriller'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'anatomy-of-the-state',
|
||||
title: 'Anatomy of the State',
|
||||
description: 'A deep dive into government power structures and political theory',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1541872703-74c5e44368f9?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1541872703-74c5e44368f9?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Political'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'gods-of-their-own-religion',
|
||||
title: 'Gods of Their Own Religion',
|
||||
description: 'Exploring belief systems, power dynamics, and personal faith',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Documentary'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'anne',
|
||||
title: 'Anne',
|
||||
description: 'A personal story of resilience and human spirit',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1594908900066-3f47337549d8?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1594908900066-3f47337549d8?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'kismet',
|
||||
title: 'Kismet',
|
||||
description: 'Fate and destiny intertwine in this captivating tale',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1440404653325-ab127d49abc1?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1440404653325-ab127d49abc1?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'one-mans-trash',
|
||||
title: "One Man's Trash",
|
||||
description: 'Finding value and beauty in unexpected places',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1532012197267-da84d127e765?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1532012197267-da84d127e765?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'menger-notes',
|
||||
title: 'Menger. Notes on the margin',
|
||||
description: 'Economic theory and Austrian economics explored through a historical lens',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1554224311-beee4f0388c9?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1554224311-beee4f0388c9?w=1920&h=1080&fit=crop',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Economics'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'clemont',
|
||||
title: 'Clemont',
|
||||
description: 'A character-driven narrative of transformation',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1524712245354-2c4e5e7121c0?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1524712245354-2c4e5e7121c0?w=1920&h=1080&fit=crop',
|
||||
description: 'A compelling narrative exploring the emotional weight of our past and the baggage we carry through life.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/3eb8c816-f479-4a02-9590-c19f61719171/films/f8ff14e5-57d8-4a64-8417-77972d3fd31f/poster-1745795758433.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/3eb8c816-f479-4a02-9590-c19f61719171/films/f8ff14e5-57d8-4a64-8417-77972d3fd31f/poster-1745795758433.webp',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
@@ -185,31 +29,183 @@ export const indeeHubFilms: Content[] = [
|
||||
{
|
||||
id: 'duel',
|
||||
title: 'Duel',
|
||||
description: 'Confrontation and resolution in an intense showdown',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1509347528160-9a9e33742cdb?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1509347528160-9a9e33742cdb?w=1920&h=1080&fit=crop',
|
||||
description: 'An intense confrontation that tests the limits of human resolve.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/ab95a398-f66e-4a1d-9fc7-6ceebca81bd1/films/8a98dac1-7f18-4a53-824d-20ad837ec54c/poster-1738119002958.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/ab95a398-f66e-4a1d-9fc7-6ceebca81bd1/films/8a98dac1-7f18-4a53-824d-20ad837ec54c/poster-1738119002958.png',
|
||||
type: 'film',
|
||||
categories: ['Drama', 'Action'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'shatter',
|
||||
title: 'SHATTER',
|
||||
description: 'Breaking boundaries and shattering expectations',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1478720568477-152d9b164e26?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1478720568477-152d9b164e26?w=1920&h=1080&fit=crop',
|
||||
id: 'af9e961a-7ec1-488e-946b-22b7d8c396db',
|
||||
title: 'Bitcoin: The End of Money as We Know It',
|
||||
description: 'A comprehensive documentary examining Bitcoin as a revolutionary technology that challenges traditional monetary systems and reshapes global finance.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/af9e961a-7ec1-488e-946b-22b7d8c396db/poster-1712272064028.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/af9e961a-7ec1-488e-946b-22b7d8c396db/poster-1712272064028.png',
|
||||
type: 'film',
|
||||
duration: 60,
|
||||
releaseYear: 2015,
|
||||
categories: ['Documentary', 'Bitcoin', 'Finance'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: '2b0d7349-c010-47a0-b584-49e1bf86ab2f',
|
||||
title: 'Hard Money',
|
||||
description: 'Understanding sound money principles and the importance of monetary sovereignty.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/2b0d7349-c010-47a0-b584-49e1bf86ab2f/poster-1712660400089.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/2b0d7349-c010-47a0-b584-49e1bf86ab2f/poster-1712660400089.png',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Finance', 'Bitcoin'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: '665a4095-73b9-480d-a0a4-b2aafaf2bce4',
|
||||
title: 'Bitcoiners',
|
||||
description: 'Meet the people building the Bitcoin ecosystem and changing the world.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/665a4095-73b9-480d-a0a4-b2aafaf2bce4/bitcoiners_poster.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/665a4095-73b9-480d-a0a4-b2aafaf2bce4/bitcoiners_poster.png',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Bitcoin'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: '3c113b66-3bb5-4cac-90eb-965ecedc4aa2',
|
||||
title: 'Lekker Feeling: A Bitcoin Ekasi Story',
|
||||
description: 'A heartwarming story of Bitcoin adoption in South African townships.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/3c113b66-3bb5-4cac-90eb-965ecedc4aa2/poster-1712235708738.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/3c113b66-3bb5-4cac-90eb-965ecedc4aa2/poster-1712235708738.png',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Bitcoin'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'stranded',
|
||||
title: 'STRANDED: A DIRTY COIN Short',
|
||||
description: 'A companion piece exploring the environmental impact of Bitcoin mining.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/76d5b6e8-72ee-4bf1-8420-86f12d1a3924/films/2ed68cc6-0a82-4fca-bbfe-a265fd84a162/Stranded12Festivals-cannes.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/76d5b6e8-72ee-4bf1-8420-86f12d1a3924/films/2ed68cc6-0a82-4fca-bbfe-a265fd84a162/Stranded12Festivals-cannes.png',
|
||||
type: 'short',
|
||||
categories: ['Documentary', 'Bitcoin'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'bbdb0178-0b96-4ab5-addf-ba1f029c1cb3',
|
||||
title: 'The Housing Bubble',
|
||||
description: 'An examination of the 2008 financial crisis and its lasting impact.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/bbdb0178-0b96-4ab5-addf-ba1f029c1cb3/poster-1712662953502.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/bbdb0178-0b96-4ab5-addf-ba1f029c1cb3/poster-1712662953502.webp',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Finance'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: '584f310b-2269-4b05-a09d-261a0a3c1f78',
|
||||
title: 'Menger. Notes on the margin',
|
||||
description: 'Exploring Austrian economics and Carl Menger\'s revolutionary ideas on value.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/584f310b-2269-4b05-a09d-261a0a3c1f78/poster-1712662055015.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/584f310b-2269-4b05-a09d-261a0a3c1f78/poster-1712662055015.webp',
|
||||
type: 'film',
|
||||
categories: ['Documentary', 'Economics'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'ef92cd99-7188-4c48-b4bf-0b31fdd8934e',
|
||||
title: 'Everybody Does It',
|
||||
description: 'An insightful exploration of common human behaviors and societal norms.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/8855275a-955b-446b-8df4-c97d73b935d2/films/ef92cd99-7188-4c48-b4bf-0b31fdd8934e/EDI%20Poster.jpg',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/8855275a-955b-446b-8df4-c97d73b935d2/films/ef92cd99-7188-4c48-b4bf-0b31fdd8934e/EDI%20Poster.jpg',
|
||||
type: 'film',
|
||||
categories: ['Documentary'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'e1bd64d6-63c9-4c91-8d91-c69f5376286e',
|
||||
title: 'Gods of Their Own Religion',
|
||||
description: 'Examining belief systems, power dynamics, and the nature of faith.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/e1bd64d6-63c9-4c91-8d91-c69f5376286e/poster-1713178835553.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0d5bf3f1-31a6-4a79-865b-81100207da10/films/e1bd64d6-63c9-4c91-8d91-c69f5376286e/poster-1713178835553.webp',
|
||||
type: 'film',
|
||||
categories: ['Documentary'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'forgingacountry',
|
||||
title: 'Forging a Country',
|
||||
description: 'The story of nation-building and collective identity.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/913e2554-c036-4b22-b8be-16441eead862/films/73c44d31-434c-4427-9bfb-5343473a20d1/poster-1730480744219.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/913e2554-c036-4b22-b8be-16441eead862/films/73c44d31-434c-4427-9bfb-5343473a20d1/poster-1730480744219.webp',
|
||||
type: 'film',
|
||||
categories: ['Documentary'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'home',
|
||||
title: 'HOME',
|
||||
description: 'A poignant exploration of what home means in our modern world.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/3ce871ce-d339-4dbd-badb-0826469a7f61/films/fda47662-13fc-4359-bab0-554731e0a788/poster-1720052618702.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/3ce871ce-d339-4dbd-badb-0826469a7f61/films/fda47662-13fc-4359-bab0-554731e0a788/poster-1720052618702.webp',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'stranded-dirty-coin',
|
||||
title: 'STRANDED: A DIRTY COIN Short',
|
||||
description: 'A companion piece to the Dirty Coin documentary',
|
||||
thumbnail: 'https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=400&h=600&fit=crop',
|
||||
backdrop: 'https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=1920&h=1080&fit=crop',
|
||||
type: 'short',
|
||||
categories: ['Documentary', 'Bitcoin'],
|
||||
id: 'e1f58162-9288-418e-803d-196dcde00782',
|
||||
title: 'Kismet',
|
||||
description: 'A story of fate, destiny, and the unexpected paths life takes us on.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/cc3ab791-2295-420e-b3c5-639bc251f98f/films/e1f58162-9288-418e-803d-196dcde00782/poster-1736192312542.jpeg',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/cc3ab791-2295-420e-b3c5-639bc251f98f/films/e1f58162-9288-418e-803d-196dcde00782/poster-1736192312542.jpeg',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'identity-theft',
|
||||
title: 'Identity Theft',
|
||||
description: 'A thriller about stolen identity and the fight to reclaim one\'s life.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/04d05c0d-40ad-46cb-adaf-4d0e82abb708/films/fe92f538-d5c0-4cbe-b48e-06fde5684f5e/poster-1725418840084.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/04d05c0d-40ad-46cb-adaf-4d0e82abb708/films/fe92f538-d5c0-4cbe-b48e-06fde5684f5e/poster-1725418840084.png',
|
||||
type: 'film',
|
||||
categories: ['Thriller'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'onemanstrash',
|
||||
title: "One Man's Trash",
|
||||
description: 'Finding beauty and value in what others discard.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/3eb8c816-f479-4a02-9590-c19f61719171/films/9535dec4-1d59-474c-8b96-1fce3f874362/poster-1745796023536.webp',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/3eb8c816-f479-4a02-9590-c19f61719171/films/9535dec4-1d59-474c-8b96-1fce3f874362/poster-1745796023536.webp',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: '5f6cae54-67b7-4514-b592-aba7e9c34aed',
|
||||
title: 'Clemont',
|
||||
description: 'A character-driven narrative of transformation and self-discovery.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/f6656c7a-6092-4512-8ae1-82c73e13e8b4/films/5f6cae54-67b7-4514-b592-aba7e9c34aed/poster-1732770317248.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/f6656c7a-6092-4512-8ae1-82c73e13e8b4/films/5f6cae54-67b7-4514-b592-aba7e9c34aed/poster-1732770317248.png',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: '7259a570-2b6c-46dd-b23c-2fad6f3dd2f4',
|
||||
title: 'Bender',
|
||||
description: 'A gritty drama exploring addiction and redemption.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/0f9dca19-4364-409c-a830-328763868181/films/7259a570-2b6c-46dd-b23c-2fad6f3dd2f4/Bender.jpg',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/0f9dca19-4364-409c-a830-328763868181/films/7259a570-2b6c-46dd-b23c-2fad6f3dd2f4/Bender.jpg',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
},
|
||||
{
|
||||
id: 'comingto',
|
||||
title: 'Coming To',
|
||||
description: 'A journey of arrival and new beginnings.',
|
||||
thumbnail: 'https://d1yvaqj97q119b.cloudfront.net/83cac51d-b7f7-401d-a2e8-cdf23bfe8553/films/ac30f306-40fc-480c-b4a2-b7cc8d810c1e/poster-1721851568480.png',
|
||||
backdrop: 'https://d1yvaqj97q119b.cloudfront.net/83cac51d-b7f7-401d-a2e8-cdf23bfe8553/films/ac30f306-40fc-480c-b4a2-b7cc8d810c1e/poster-1721851568480.png',
|
||||
type: 'film',
|
||||
categories: ['Drama'],
|
||||
nostrEventId: ''
|
||||
}
|
||||
]
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
</header>
|
||||
|
||||
<!-- Hero / Featured Content -->
|
||||
<section class="relative h-[70vh] md:h-[80vh] overflow-hidden">
|
||||
<section class="relative h-[60vh] md:h-[65vh] overflow-hidden">
|
||||
<!-- Background Image -->
|
||||
<div class="absolute inset-0">
|
||||
<img
|
||||
@@ -48,36 +48,36 @@
|
||||
</div>
|
||||
|
||||
<!-- Hero Content -->
|
||||
<div class="relative container mx-auto px-6 h-full flex items-center md:items-end pb-8 md:pb-24">
|
||||
<div class="max-w-2xl space-y-3 md:space-y-4 animate-fade-in pt-24 md:pt-0">
|
||||
<div class="relative container mx-auto px-6 h-full flex items-end pb-16 md:pb-20">
|
||||
<div class="max-w-2xl space-y-2.5 md:space-y-3 animate-fade-in">
|
||||
<!-- Title -->
|
||||
<h1 class="text-4xl md:text-6xl lg:text-7xl font-bold drop-shadow-2xl leading-tight">
|
||||
<h1 class="text-3xl md:text-5xl lg:text-6xl font-bold drop-shadow-2xl leading-tight">
|
||||
{{ featuredContent?.title || 'Welcome to IndeedHub' }}
|
||||
</h1>
|
||||
|
||||
<!-- Description -->
|
||||
<p class="text-base md:text-lg lg:text-xl text-white/90 drop-shadow-lg line-clamp-3">
|
||||
<p class="text-sm md:text-base lg:text-lg text-white/90 drop-shadow-lg line-clamp-2 md:line-clamp-3">
|
||||
{{ featuredContent?.description || 'Discover decentralized content from independent creators and filmmakers around the world.' }}
|
||||
</p>
|
||||
|
||||
<!-- Meta Info -->
|
||||
<div v-if="featuredContent" class="flex items-center gap-3 text-sm text-white/80">
|
||||
<span v-if="featuredContent.rating" class="bg-white/20 px-3 py-1 rounded">{{ featuredContent.rating }}</span>
|
||||
<div v-if="featuredContent" class="flex items-center gap-2.5 text-xs md:text-sm text-white/80">
|
||||
<span v-if="featuredContent.rating" class="bg-white/20 px-2.5 py-0.5 rounded">{{ featuredContent.rating }}</span>
|
||||
<span v-if="featuredContent.releaseYear">{{ featuredContent.releaseYear }}</span>
|
||||
<span v-if="featuredContent.duration">{{ featuredContent.duration }}min</span>
|
||||
<span v-else>{{ featuredContent.type === 'film' ? 'Film' : 'Series' }}</span>
|
||||
</div>
|
||||
|
||||
<!-- Action Buttons -->
|
||||
<div class="flex items-center gap-3 md:gap-4 pt-2 md:pt-4">
|
||||
<button class="px-6 md:px-8 py-2.5 md:py-3 bg-white text-black font-semibold rounded-lg hover:bg-white/90 transition-all flex items-center gap-2 shadow-xl text-sm md:text-base">
|
||||
<svg class="w-5 h-5 md:w-6 md:h-6" fill="currentColor" viewBox="0 0 24 24">
|
||||
<div class="flex items-center gap-2.5 md:gap-3 pt-1.5 md:pt-2">
|
||||
<button class="px-5 md:px-7 py-2 md:py-2.5 bg-white text-black font-semibold rounded-md hover:bg-white/90 transition-all flex items-center gap-2 shadow-xl text-xs md:text-sm">
|
||||
<svg class="w-4 h-4 md:w-5 md:h-5" fill="currentColor" viewBox="0 0 24 24">
|
||||
<path d="M8 5v14l11-7z"/>
|
||||
</svg>
|
||||
Play
|
||||
</button>
|
||||
<button class="px-6 md:px-8 py-2.5 md:py-3 bg-white/20 text-white font-semibold rounded-lg hover:bg-white/30 transition-all backdrop-blur-md flex items-center gap-2 text-sm md:text-base">
|
||||
<svg class="w-5 h-5 md:w-6 md:h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<button class="px-5 md:px-7 py-2 md:py-2.5 bg-white/20 text-white font-semibold rounded-md hover:bg-white/30 transition-all backdrop-blur-md flex items-center gap-2 text-xs md:text-sm">
|
||||
<svg class="w-4 h-4 md:w-5 md:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
||||
</svg>
|
||||
More Info
|
||||
@@ -88,7 +88,7 @@
|
||||
</section>
|
||||
|
||||
<!-- Content Rows -->
|
||||
<section class="relative -mt-32 pb-20">
|
||||
<section class="relative -mt-24 pb-20">
|
||||
<div class="container mx-auto px-6 space-y-12">
|
||||
<!-- Featured Films -->
|
||||
<ContentRow
|
||||
|
||||
Reference in New Issue
Block a user