Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

tim5_front_end #78

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

tim5_front_end #78

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
28b1ea4
First Commit
RubenSugianto May 18, 2024
e83a7cb
Second Commit
RubenSugianto May 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
137 changes: 137 additions & 0 deletions components/CGVLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
import React from "react";
import Link from "next/link";

const MyLayout: React.FC<{
children: React.ReactNode
}> = ({ children }) => {

const socialMediaIcons: string[] = [
"https://static.vecteezy.com/system/resources/previews/018/930/698/original/facebook-logo-facebook-icon-transparent-free-png.png",
"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSn3EAH4J8nweqt0g4mzEvWiZZyvSwZvGZYuKcYOYL5_A&s",
"https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Threads_%28app%29_logo.svg/2048px-Threads_%28app%29_logo.svg.png",
"https://static.vecteezy.com/system/resources/previews/006/057/996/original/tiktok-logo-on-transparent-background-free-vector.jpg",
"https://assets-global.website-files.com/5d66bdc65e51a0d114d15891/64cebc6c19c2fe31de94c78e_X-vector-logo-download.png",
"https://static.vecteezy.com/system/resources/previews/018/930/709/original/line-logo-line-icon-transparent-free-png.png",
"https://img.freepik.com/premium-photo/round-youtube-logo-isolated-white-background_469489-1044.jpg",
];

const socialMediaHrefs: string[] = [
"https://www.facebook.com/CGV.ID",
"https://www.instagram.com/cgv.id/",
"https://www.threads.net/@cgv.id",
"https://www.tiktok.com/@cgv.id",
"https://x.com/CGV_ID",
"https://linevoom.line.me/user/_dW6OoBCQpPPdkV6Qx1el0GoqVZJ9jG0QbR2W7iY",
"https://www.youtube.com/channel/UC2vfMMUMoAZd-RBGwA0-9Nw",
];

return (

<div className="bg-yellow-50 min-h-screen">
<header className="bg-orange-800 text-white p-4 relative">
<div className="flex justify-between items-center relative z-10">
<div className="header-social-icons">
{/* Render social media icons
{socialMediaIcons.map((icon, index) => (
<Link href={socialMediaHrefs[index]} key={index}>
<img
src={icon}
alt={`Social Media Icon ${index + 1}`}
className="w-6 h-6 mr-2"
/>
</Link>
))} */}
</div>
<div className="header-links space-x-4 mb-2">
<Link href="/news">
News
</Link>
<Link href="/user/login">
Login
</Link>
<Link href="/user/register">
Sign Up
</Link>
</div>
</div>
<div className="text-center relative z-10 mb-2">
<h1 className="text-5xl font-bold">
<Link href="/">
CULTUREPLEX
</Link>
</h1>
</div>
<nav className="text-center relative z-10">
<ul className="flex justify-center space-x-4">
<li>
<Link href="/movies/now_playing">
Movies
</Link>
</li>
<li>
<Link href="/cinema">
Cinemas
</Link>
</li>
<li>
<Link href="/promotion">
Promotion
</Link>
</li>
<li>
<Link href="/membership">
Membership
</Link>
</li>
<li>
<Link href="/snack">
Concession
</Link>
</li>
<li>
<Link href="/special">
Special
</Link>
</li>
</ul>
</nav>
</header>

<main>
{children}
</main>

<footer className="bg-orange-800 p-4 mt-8 text-white">
<div className="footer-images">
</div>
<div className="footer-links flex justify-center space-x-4">
<Link href="/content/about_us">
About Us
</Link>
<Link href="/content/legal_term">
Legal Terms
</Link>
<Link href="/content/careers">
Careers
</Link>
<Link href="/content/feedback">
Feedback
</Link>
<Link href="/content/contact_us">
Contact Us
</Link>
<Link href="/content/investor_relation">
Investor Relations
</Link>
</div>
<div className="w-full text-white p-4 mt-8">
<div className="container mx-auto text-center">
<p>&copy; 2024 CGV. All Rights Reserved.</p>
</div>
</div>
</footer>
</div>
);
};

export const CGVLayout = (page: React.ReactElement) => <MyLayout>{page}</MyLayout>;
102 changes: 102 additions & 0 deletions data/auditoriumData.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
export interface AuditoriumData {
id: number;
title: string;
image_header_url: string;
image_content_url: string;
}

const auditoriums: AuditoriumData[] = [
{
id: 1,
title: "Exclusive Auditorium Screening",
image_header_url: "https://cdn.cgv.id/uploads_v2/special_audi/web/thumbnails/2308/SA202308041819584206.jpg",
image_content_url: "https://cdn.cgv.id/uploads_v2/special_audi/web/contents/2308/SA202308041819584206_content.jpg",
},
{
id: 2,
title: "Auditorium Private Box",
image_header_url: "https://cdn.cgv.id/uploads_v2/special_audi/web/thumbnails/2308/SA202308041826292094.jpg",
image_content_url: "https://cdn.cgv.id/uploads_v2/events/2405/PR202405130837265152_content.jpg",
},
{
id: 3,
title: "Auditorium Buy One Get One Free",
image_header_url: "https://cdn.cgv.id/uploads_v2/special_audi/web/thumbnails/2308/SA202308041827191534.jpg",
image_content_url: "https://via.placeholder.com/600x400?text=Buy+One+Get+One+Free",
},
{
id: 4,
title: "Student Discount in Auditoriums",
image_header_url: "https://cdn.cgv.id/uploads_v2/events/2308/EV202308032144572577.jpg",
image_content_url: "https://via.placeholder.com/600x400?text=Student+Discount",
},
{
id: 5,
title: "Family Fun Day at the Auditorium",
image_header_url: "https://cdn.cgv.id/uploads_v2/events/2404/PR202404291657431685.jpg",
image_content_url: "https://via.placeholder.com/600x400?text=Family+Fun+Day",
},
{
id: 6,
title: "Early Bird Special in Auditoriums",
image_header_url: "https://via.placeholder.com/300x150?text=Early+Bird+Special",
image_content_url: "https://via.placeholder.com/600x400?text=Early+Bird+Special",
},
{
id: 7,
title: "Late Night Movies in the Auditorium",
image_header_url: "https://via.placeholder.com/300x150?text=Late+Night+Movies",
image_content_url: "https://via.placeholder.com/600x400?text=Late+Night+Movies",
},
{
id: 8,
title: "Member's Only Screening in Auditoriums",
image_header_url: "https://via.placeholder.com/300x150?text=Member's+Only+Screening",
image_content_url: "https://via.placeholder.com/600x400?text=Member's+Only+Screening",
},
{
id: 9,
title: "Weekend Special in Auditoriums",
image_header_url: "https://via.placeholder.com/300x150?text=Weekend+Special",
image_content_url: "https://via.placeholder.com/600x400?text=Weekend+Special",
},
{
id: 10,
title: "Free Popcorn Day in the Auditorium",
image_header_url: "https://via.placeholder.com/300x150?text=Free+Popcorn+Day",
image_content_url: "https://via.placeholder.com/600x400?text=Free+Popcorn+Day",
},
{
id: 11,
title: "Valentine's Day Special in Auditoriums",
image_header_url: "https://via.placeholder.com/300x150?text=Valentine's+Day+Special",
image_content_url: "https://via.placeholder.com/600x400?text=Valentine's+Day+Special",
},
{
id: 12,
title: "Halloween Horror Nights in the Auditorium",
image_header_url: "https://via.placeholder.com/300x150?text=Halloween+Horror+Nights",
image_content_url: "https://via.placeholder.com/600x400?text=Halloween+Horror+Nights",
},
{
id: 13,
title: "Christmas Movie Marathon in Auditoriums",
image_header_url: "https://via.placeholder.com/300x150?text=Christmas+Movie+Marathon",
image_content_url: "https://via.placeholder.com/600x400?text=Christmas+Movie+Marathon",
},
{
id: 14,
title: "Spring Break Specials in Auditoriums",
image_header_url: "https://via.placeholder.com/300x150?text=Spring+Break+Specials",
image_content_url: "https://via.placeholder.com/600x400?text=Spring+Break+Specials",
},
{
id: 15,
title: "Oscar Winner Showcase in Auditoriums",
image_header_url: "https://via.placeholder.com/300x150?text=Oscar+Winner+Showcase",
image_content_url: "https://via.placeholder.com/600x400?text=Oscar+Winner+Showcase",
},
];


export default auditoriums;
40 changes: 40 additions & 0 deletions data/cinemaData.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
export const cities = [
'City1',
'City2',
'City3'
];

export const cinemas = [
'Cinema1',
'Cinema2',
'Cinema3'
];

export const cinemaData = {
Balikpapan: ['Terminal Point', 'Bandung Siapi Mall'],
Jakarta: ['CGV Grand Indonesia', 'CGV Pacific Place', 'CGV Central Park', 'CGV Plaza Senayan', 'CGV Kota Kasablanka'],
Surabaya: ['CGV Tunjungan Plaza', 'CGV Marvell City', 'CGV East Coast Center'],
Bandung: ['CGV Paris Van Java', 'CGV 23 Paskal', 'CGV Miko Mall'],
Medan: ['CGV Focal Point', 'CGV Manhattan Times Square'],
Makassar: ['CGV Panakkukang', 'CGV Mall Ratu Indah', 'CGV Trans Studio Mall'],
Yogyakarta: ['CGV J-Walk Mall', 'CGV Hartono Mall', 'CGV Empire XXI'],
Semarang: ['CGV DP Mall', 'CGV Java Supermall'],
Denpasar: ['CGV Level 21 Mall', 'CGV Plaza Renon'],
Palembang: ['CGV Social Market', 'CGV Palembang Icon'],
Malang: ['CGV Malang Town Square', 'CGV Dieng Plaza'],
Batam: ['CGV Kepri Mall', 'CGV Grand Batam Mall'],
Pekanbaru: ['CGV Transmart Pekanbaru', 'CGV Sadira Plaza'],
Pontianak: ['CGV Ayani Megamal', 'CGV Pontianak Mall'],
Manado: ['CGV Manado Town Square', 'CGV Grand Kawanua City Walk'],
Balikpapan2: ['CGV E-Walk', 'CGV Plaza Balikpapan'],
Banjarmasin: ['CGV Duta Mall', 'CGV Q Mall Banjarbaru'],
Samarinda: ['CGV Big Mall', 'CGV Samarinda Central Plaza'],
BandarLampung: ['CGV Transmart Lampung', 'CGV Boemi Kedaton'],
Solo: ['CGV Solo Paragon', 'CGV The Park Mall Solo Baru'],
Padang: ['CGV Transmart Padang', 'CGV Plaza Andalas'],
Mataram: ['CGV Lombok Epicentrum Mall', 'CGV Mataram Mall'],
Jambi: ['CGV WTC Batanghari', 'CGV Jambi Town Square'],
Palu: ['CGV Palu Grand Mall', 'CGV Transmart Palu'],
Tangerang: ['CGV Teraskota', 'CGV AEON Mall BSD City', 'CGV Living World Alam Sutera'],
Depok: ['CGV Depok Town Square', 'CGV Margo City', 'CGV Cinere Bellevue Mall']
};
101 changes: 101 additions & 0 deletions data/eventData.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
export interface EventData {
id: number;
title: string;
image_header_url: string;
image_content_url: string;
}

const events: EventData[] = [
{
id: 1,
title: "BUY 1 GET 1 FREE dengan tukar point MyTelkomsel kamu!",
image_header_url: "https://cdn.cgv.id/uploads_v2/events/2404/EV202404081054195281.jpg",
image_content_url: "https://cdn.cgv.id/uploads_v2/events/2404/EV202404201614316857_content.jpg",
},
{
id: 2,
title: "Private Box",
image_header_url: "https://cdn.cgv.id/uploads_v2/events/2308/EV202308032157052628.jpg",
image_content_url: "https://cdn.cgv.id/uploads_v2/events/2308/EV202308032157052628_content.jpg",
},
{
id: 3,
title: "Buy One Get One Free",
image_header_url: "https://cdn.cgv.id/uploads_v2/events/2308/EV202308032148233011.jpg",
image_content_url: "https://cdn.cgv.id/uploads_v2/events/2308/EV202308042015011813_content.jpg",
},
{
id: 4,
title: "Student Discount",
image_header_url: "https://cdn.cgv.id/uploads_v2/events/2308/EV202308032144572577.jpg",
image_content_url: "https://via.placeholder.com/600x400?text=Student+Discount",
},
{
id: 5,
title: "Family Fun Day",
image_header_url: "https://cdn.cgv.id/uploads_v2/events/2308/EV202308032144572577.jpg",
image_content_url: "https://via.placeholder.com/600x400?text=Family+Fun+Day",
},
{
id: 6,
title: "Early Bird Special",
image_header_url: "https://via.placeholder.com/300x150?text=Early+Bird+Special",
image_content_url: "https://via.placeholder.com/600x400?text=Early+Bird+Special",
},
{
id: 7,
title: "Late Night Movies",
image_header_url: "https://via.placeholder.com/300x150?text=Late+Night+Movies",
image_content_url: "https://via.placeholder.com/600x400?text=Late+Night+Movies",
},
{
id: 8,
title: "Member's Only Screening",
image_header_url: "https://via.placeholder.com/300x150?text=Member's+Only+Screening",
image_content_url: "https://via.placeholder.com/600x400?text=Member's+Only+Screening",
},
{
id: 9,
title: "Weekend Special",
image_header_url: "https://via.placeholder.com/300x150?text=Weekend+Special",
image_content_url: "https://via.placeholder.com/600x400?text=Weekend+Special",
},
{
id: 10,
title: "Free Popcorn Day",
image_header_url: "https://via.placeholder.com/300x150?text=Free+Popcorn+Day",
image_content_url: "https://via.placeholder.com/600x400?text=Free+Popcorn+Day",
},
{
id: 11,
title: "Valentine's Day Special",
image_header_url: "https://via.placeholder.com/300x150?text=Valentine's+Day+Special",
image_content_url: "https://via.placeholder.com/600x400?text=Valentine's+Day+Special",
},
{
id: 12,
title: "Halloween Horror Nights",
image_header_url: "https://via.placeholder.com/300x150?text=Halloween+Horror+Nights",
image_content_url: "https://via.placeholder.com/600x400?text=Halloween+Horror+Nights",
},
{
id: 13,
title: "Christmas Movie Marathon",
image_header_url: "https://via.placeholder.com/300x150?text=Christmas+Movie+Marathon",
image_content_url: "https://via.placeholder.com/600x400?text=Christmas+Movie+Marathon",
},
{
id: 14,
title: "Spring Break Specials",
image_header_url: "https://via.placeholder.com/300x150?text=Spring+Break+Specials",
image_content_url: "https://via.placeholder.com/600x400?text=Spring+Break+Specials",
},
{
id: 15,
title: "Oscar Winner Showcase",
image_header_url: "https://via.placeholder.com/300x150?text=Oscar+Winner+Showcase",
image_content_url: "https://via.placeholder.com/600x400?text=Oscar+Winner+Showcase",
},
];

export default events;
Loading
Loading