diff --git a/appsettings.js b/appsettings.js index ebd662f..2d3b343 100644 --- a/appsettings.js +++ b/appsettings.js @@ -3,4 +3,5 @@ module.exports = { oidcIssuer: process.env['OIDC_ISSUER'] ?? '', oidcClientId: process.env['OIDC_CLIENT_ID'] ?? '', oidcScope: process.env['OIDC_SCOPE'] ?? '', + backendNetHost: process.env['BACKEND_NET_HOST'] ?? '', }; diff --git a/components/Title.tsx b/components/Title.tsx index 2fa4f9a..d848afa 100644 --- a/components/Title.tsx +++ b/components/Title.tsx @@ -3,10 +3,11 @@ import Head from 'next/head'; export const Title: React.FC<{ children: string | number -}> = ({ children }) => { +}> = ({children}) => { return ( - {children.toString() + '- Accelist Next.js Starter'} + {children.toString()} ); } +// { children } diff --git a/components/carousel.tsx b/components/carousel.tsx new file mode 100644 index 0000000..b9ee065 --- /dev/null +++ b/components/carousel.tsx @@ -0,0 +1,159 @@ +import React, { useEffect } from "react" +import Glide from "@glidejs/glide" + +export default function CarouselControlsInside() { + useEffect(() => { + const slider = new Glide(".glide-01", { + type: "carousel", + focusAt: "center", + perView: 3, + autoplay: 3000, + animationDuration: 700, + gap: 24, + classNames: { + nav: { + active: "[&>*]:bg-wuiSlate-700", + }, + }, + breakpoints: { + 1024: { + perView: 2, + }, + 640: { + perView: 1, + }, + }, + }).mount() + + return () => { + slider.destroy() + } + }, []) + + return ( + <> + {/* */} +
+ {/* */} +
+ +
+ {/* */} +
+ + +
+
+ + ) +} \ No newline at end of file diff --git a/components/maincomponent.tsx b/components/maincomponent.tsx new file mode 100644 index 0000000..ab64498 --- /dev/null +++ b/components/maincomponent.tsx @@ -0,0 +1,231 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + + +const mainComponent: Page = () => { + return ( +
+ Login +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ News + Login + SignUp +
+
+
+
+
+ + {" "} + +
+
+ +
+ +
  • MOVIES
    • {" "} + + +
  • CINEMAS
    • {" "} + + +
  • PROMOTION
    • {" "} + + +
  • MEMBERSHIP
    • {" "} + + +
  • CONCESSION
    • {" "} + + +
  • SPECIAL
    • {" "} + +
    +
    +
    + + + + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SCREENX +
      • +
    • + SCREENX +
      • +
    • + SCREENX +
      • +
    • + SCREENX +
      • +
    • + SCREENX +
      • +
    • + SCREENX +
      • +
    • + SCREENX +
      • +
    + +
    + +
    +
    +
    + +
      + + ABOUT US + +

      |

      + + ABOUT US + +

      |

      + + ABOUT US + +

      |

      + + ABOUT US + +

      |

      + + ABOUT US + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + + +
    + ); +}; + +export default mainComponent; diff --git a/next.config.js b/next.config.js index 54aec74..2ec9417 100644 --- a/next.config.js +++ b/next.config.js @@ -50,6 +50,14 @@ const nextConfig = { // visible only by server-side Next.js (secrets) // if accessing variables required in browser-side code, use getServerSideProps // https://nextjs.org/docs/basic-features/data-fetching/get-server-side-props + images: { + remotePatterns: [ + { + protocol: 'https', + hostname: 'www.google.com' + }, + ], + }, serverRuntimeConfig: require('./appsettings'), productionBrowserSourceMaps: true, reactStrictMode: true, diff --git a/package-lock.json b/package-lock.json index 9344003..c9af6cd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,11 +12,14 @@ "@fortawesome/fontawesome-svg-core": "6.4.0", "@fortawesome/free-solid-svg-icons": "6.4.0", "@fortawesome/react-fontawesome": "0.2.0", + "@glidejs/glide": "^3.6.0", "@hookform/error-message": "2.0.1", - "@hookform/resolvers": "3.0.1", + "@hookform/resolvers": "^3.4.0", "antd": "5.4.0", + "ci": "^2.3.0", "dayjs": "1.11.7", "http-proxy": "1.18.1", + "i": "^0.3.7", "jotai": "2.0.3", "next": "13.3.0", "next-auth": "4.22.0", @@ -24,9 +27,10 @@ "openid-client": "5.4.0", "react": "18.2.0", "react-dom": "18.2.0", - "react-hook-form": "7.43.9", + "react-hook-form": "^7.43.9", + "swiper": "^11.1.3", "swr": "2.1.2", - "zod": "3.21.4" + "zod": "^3.23.8" }, "devDependencies": { "@types/http-proxy": "^1.17.10", @@ -242,6 +246,11 @@ "react": ">=16.3" } }, + "node_modules/@glidejs/glide": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/@glidejs/glide/-/glide-3.6.0.tgz", + "integrity": "sha512-47Aa+JmYjY4xTFpTtYCwrqirmI1arnp1UZETwtWpbTPisXUAuxrdJxKJLH8KHFWMsSrLi9+AcfyfzDIuO75rEA==" + }, "node_modules/@hookform/error-message": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/@hookform/error-message/-/error-message-2.0.1.tgz", @@ -253,9 +262,9 @@ } }, "node_modules/@hookform/resolvers": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.0.1.tgz", - "integrity": "sha512-n5oOt0cLw9mQNW3/k9zWaPsNWQcc0k6Jpc7XUrg2Q/AqqsHp3IVa1juqHCxczXI6uXHBa69ILc4pdtsRGyuzsw==", + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.4.0.tgz", + "integrity": "sha512-+oAqK3okmoEDnvUkJ3N/mvNMeeMv5Apgy1jkoRmlaaAF4vBgcJs9tHvtXU7VE4DvPosvAUUkPOaNFunzt1dbgA==", "peerDependencies": { "react-hook-form": "^7.0.0" } @@ -1447,6 +1456,17 @@ "node": ">= 6" } }, + "node_modules/ci": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/ci/-/ci-2.3.0.tgz", + "integrity": "sha512-0MGXkzJKkwV3enG7RUxjJKdiAkbaZ7visCjitfpCN2BQjv02KGRMxCHLv4RPokkjJ4xR33FLMAXweS+aQ0pFSQ==", + "bin": { + "ci": "dist/cli.js" + }, + "funding": { + "url": "https://github.com/privatenumber/ci?sponsor=1" + } + }, "node_modules/classnames": { "version": "2.3.2", "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz", @@ -2924,6 +2944,14 @@ "url": "https://github.com/sponsors/typicode" } }, + "node_modules/i": { + "version": "0.3.7", + "resolved": "https://registry.npmjs.org/i/-/i-0.3.7.tgz", + "integrity": "sha512-FYz4wlXgkQwIPqhzC5TdNMLSE5+GS1IIDJZY/1ZiEPCT2S3COUVZeT5OW4BmW4r5LHLQuOosSwsvnroG9GR59Q==", + "engines": { + "node": ">=0.4" + } + }, "node_modules/ignore": { "version": "5.2.4", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz", @@ -5511,6 +5539,24 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/swiper": { + "version": "11.1.3", + "resolved": "https://registry.npmjs.org/swiper/-/swiper-11.1.3.tgz", + "integrity": "sha512-80MSxonyTxrGcaWj9YgvvhD8OG0B9/9IVZP33vhIEvyWvmKjnQDBieO+29wKvMx285sAtvZyrWBdkxaw6+D3aw==", + "funding": [ + { + "type": "patreon", + "url": "https://www.patreon.com/swiperjs" + }, + { + "type": "open_collective", + "url": "http://opencollective.com/swiper" + } + ], + "engines": { + "node": ">= 4.7.0" + } + }, "node_modules/swr": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/swr/-/swr-2.1.2.tgz", @@ -6026,9 +6072,9 @@ } }, "node_modules/zod": { - "version": "3.21.4", - "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz", - "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==", + "version": "3.23.8", + "resolved": "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz", + "integrity": "sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==", "funding": { "url": "https://github.com/sponsors/colinhacks" } diff --git a/package.json b/package.json index 3d75a9a..a6b8ef2 100644 --- a/package.json +++ b/package.json @@ -42,11 +42,14 @@ "@fortawesome/fontawesome-svg-core": "6.4.0", "@fortawesome/free-solid-svg-icons": "6.4.0", "@fortawesome/react-fontawesome": "0.2.0", + "@glidejs/glide": "^3.6.0", "@hookform/error-message": "2.0.1", - "@hookform/resolvers": "3.0.1", + "@hookform/resolvers": "^3.4.0", "antd": "5.4.0", + "ci": "^2.3.0", "dayjs": "1.11.7", "http-proxy": "1.18.1", + "i": "^0.3.7", "jotai": "2.0.3", "next": "13.3.0", "next-auth": "4.22.0", @@ -54,8 +57,9 @@ "openid-client": "5.4.0", "react": "18.2.0", "react-dom": "18.2.0", - "react-hook-form": "7.43.9", + "react-hook-form": "^7.43.9", + "swiper": "^11.1.3", "swr": "2.1.2", - "zod": "3.21.4" + "zod": "^3.23.8" } } diff --git a/pages/_app.tsx b/pages/_app.tsx index 57444b8..3c92999 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -8,7 +8,7 @@ import { SessionProvider } from 'next-auth/react'; import { SessionErrorHandler } from '../components/SessionErrorHandler'; // https://fontawesome.com/v5/docs/web/use-with/react#next-js -import { config } from '@fortawesome/fontawesome-svg-core'; +import {config} from'@fortawesome/fontawesome-svg-core'; import '../styles/globals.css'; config.autoAddCss = false; diff --git a/pages/aboutUs.tsx b/pages/aboutUs.tsx new file mode 100644 index 0000000..5631f68 --- /dev/null +++ b/pages/aboutUs.tsx @@ -0,0 +1,320 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const AboutUs: Page = () => { + return ( +
    + About Us - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ----------------- */} +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +

    + + TENTANG CJ CGV INDONESIA +

    +
    +

    + PT. Graha Layar Prima, Tbk juga dikenal sebagai CJ CGV Cinemas + (atau sebelumnya dikenal sebagai Blitz Megaplex) adalah + jaringan bioskop terkemuka di Indonesia yang didirikan pertama + kali pada tahun 2004 dan mengoperasikan bioskop pertamanya di + Paris Van Java, Bandung pada tahun 2006. +

    +
    +

    + CJ CGV memberikan pengalaman menonton lebih menyenangkan + dengan kemajuan teknologi yang digunakan seperti; 3D, 4DX, + Screen X, SphereX, dan Dolby Atmos, melalui beragam pilihan + auditorium yaitu Regular Class, Velvet Class, Gold Class, + Satin Class, Sweetbox, Sky Seat dan Private Box. +

    +
    +

    + Mengusung konsep Cultureplex dimana kami tidak hanya + menyediakan tempat untuk menonton film, CJ CGV* CINEMAS turut + memberi ruang bagi beragam komunitas di sekitar lokasi CGV + untuk melakukan aktivitas kesenian, seperti pertunjukan musik + dan tarian, pertemuan corporate, gathering, dan memberikan + wadah kreasi serta mengekspresikan diri untuk masyarakat + seluruh Indonesia. +

    +
    +

    + Dengan kapasitas layar yang terus bertambah, CJ CGV memutarkan + berbagai macam jenis film dari berbagai Negara seperti India, + Korea, Jepang, Thailand dan tentunya konten lokal dari dalam + negeri. CJ CGV Indonesia menayangkan berbagai pilihan film + dari rumah produksi internasional dan lokal, serta pembuat + film independen dan studio anime. Dengan tayangan dari + berbagai Negara seperti India, Korea, Thailand, Jepang dan + tentunya konten dalam negeri, auditorium CJ CGV juga + dilengkapi dengan teknologi audio visual berkualitas tinggi + dengan hasil resonansi suara yang jernih. +

    +
    +

    + Hingga kini CJ CGV telah mengoperasikan 71 bioskop dan 408 + layar yang tersebar di lebih dari 30 kota di seluruh + Indonesia, dan akan terus melebarkan jaringan baru untuk + memperkuat positioning perusahaan dan menjangkau masyarakat + dengan lebih luas. +

    +
    +
    +

    + Website: www.cgv.id | Facebook: CGV Cinemas Indonesia | +

    +

    + Twitter: @CGV_ID | Instagram: @CGV.ID | LINE: CGV Cinemas +

    +
    +
    + + + + + + + + + +
    +
    +
    +
    +
    + +
    +
    + {/* ----------------- */} + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    +
    + ); +}; + +export default AboutUs; diff --git a/pages/api/be/[...apiGateway].ts b/pages/api/be/[...apiGateway].ts index 3dea920..afe51d2 100644 --- a/pages/api/be/[...apiGateway].ts +++ b/pages/api/be/[...apiGateway].ts @@ -23,7 +23,7 @@ server.on('proxyReq', (proxyReq, req) => { } proxyReq.removeHeader('cookie'); // console.log(JSON.stringify(proxyReq.getHeaders(), null, 4)); - console.log('API Proxy:', req.url, '-->', AppSettings.current.backendApiHost + urlRewrite); + console.log('API Proxy:', req.url, '-->', AppSettings.current.backendNetHost + urlRewrite); }); const apiGateway = async (req: NextApiRequest, res: NextApiResponse) => { diff --git a/pages/career.tsx b/pages/career.tsx new file mode 100644 index 0000000..973312f --- /dev/null +++ b/pages/career.tsx @@ -0,0 +1,350 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const CareerPage: Page = () => { + return ( +
    + Careers - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ----------------- */} +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +

    + WHO ARE WE ? +

    +
    +

    + Welcome to CGV CINEMAS. In CGV CINEMAS the terms of 'Auditorium' is what they call "Theatre" somewhere else, and it is where we screen all of our movies on the largest screens in Indonesia. CGV CINEMAS presents the concept of "Cultureplex", where it brings entertainment by combining film, music, fine dining, and meeting point all in one place: The CGV CINEMAS. +

    +
    +

    + All of the CGV staffs proudly call themselves "stars" because of their unique differences. The difference lays on the costumer oriented services. Each stars has the fresh and energetic bearings in giving services with warm and genial approaches, so each costumers can truly feel the amazing experience during their visit to CGV CINEMAS. All of these are based on CGV CINEMAS vision, "to be the ultimate choice for the most unforgettable experiences". +

    +
    +

    + Based on the vision, CGV CINEMAS is running a mission: +

    +

    +1. to provide the most innovative, fun and enjoyable entertainment experiences to all our customers, and + +

    +

    +2. to create growth opportunities to all our stakeholders, employees, suppliers and community. +

    +
    +

    + Do you have what it takes to be a stars? If you are interested in joining this marvelous team delivering the unforgettable experience in entertainment, fill the form and send it to us. +

    +
    +

    + CAREER OPPORTUNITIES +

    +
    +
      +
    1. + Finance & Accounting +
      2. +
    2. + Purchasing +
      3. +
    3. + Legal & Compliance +
      4. +
    4. + IT Management +
      5. +
    5. + Technical Team +
      6. +
        +
      1. Movie Engineer Support
        2. +
      +
    6. + Operations +
      7. +
        +
      1. + Cinema Supevisor +
        2. +
      2. + Assistant Cinema Manager +
        3. +
      3. + Operations Accounting +
        4. +
      4. + Learning and Development +
        5. +
      +
    7. + Food & Beverages +
      8. +
    8. + Content & Movie Programming +
      9. +
    9. + Safety Management +
      10. +
        +
      1. + Hygiene and Sanitation +
        2. +
      +
    10. Marketing
      11. +
    11. Brand Identity Team
      12. +
    12. Advertising Sales & Planning
      13. +
    13. Site Development
      14. +
    14. Project & Construction
      15. +
    15. Design & Layout
      16. +
    16. Finance & Accounting
      17. +
    17. Human Resources
      18. +
    +
    +
    + + + + + + + + + +
    +
    +
    +
    +
    + +
    +
    + {/* ----------------- */} + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    +
    + ); +}; + +export default CareerPage; diff --git a/pages/cinema/index.tsx b/pages/cinema/index.tsx new file mode 100644 index 0000000..1b60182 --- /dev/null +++ b/pages/cinema/index.tsx @@ -0,0 +1,269 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + + +const cinemaComponent: Page = () => { + return ( +
    + Lokasi Bioskop Terdekat - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* =========================== */} +
    +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} + {/* */} +
    + +
    +
    + +
    + +
    + +
    +
    +
    + +
    +
    +
    + + {/* ============================================= */} + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    +
    + ); +}; + +export default cinemaComponent; diff --git a/pages/concession/index.tsx b/pages/concession/index.tsx new file mode 100644 index 0000000..f430e23 --- /dev/null +++ b/pages/concession/index.tsx @@ -0,0 +1,239 @@ + +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + + +const concessionComponent: Page = () => { + return ( +
    + Concession - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + + + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + +
    + ); +}; + +export default concessionComponent; diff --git a/pages/contactUs.tsx b/pages/contactUs.tsx new file mode 100644 index 0000000..9bc7526 --- /dev/null +++ b/pages/contactUs.tsx @@ -0,0 +1,306 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const contactUs: Page = () => { + return ( +
    + Contact Us - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ----------------- */} +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +

    + Contact CGV CINEMAS: +

    +
    +

    + Call Center +

    +

    +6221-2920-0100

    +
    +

    Email

    +

    + callcenter@cgv.id +

    +
    +

    Call Center Operating Hours

    +

    + Monday - Sunday 11.00 - 20.00 +

    +
    +

    CGV Cinemas HQ Office

    +

    AIA Central 26th floor

    +

    Jl. Jend. Sudirman Kav. 48A - Jakarta Selatan - 12930

    +
    +
    + + + + + + + + + +
    +
    +
    +
    +
    +
    +
    + {/* ----------------- */} + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    +
    +
    +
    +
    +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    + COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED. +

    +
    +
    + + + + + + +
    +
    +
    +
    + +
    +
    +
    + ); +}; + +export default contactUs; diff --git a/pages/feedBack.tsx b/pages/feedBack.tsx new file mode 100644 index 0000000..f7527b9 --- /dev/null +++ b/pages/feedBack.tsx @@ -0,0 +1,279 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const feedBackPage: Page = () => { + return ( +
    + Feedback - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ----------------- */} +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +

    + Feedback: +

    +
    +

    + You can leave comments or feedback to our service by directly email us at support@cgv.id. We value every feedback we received. And once in a while will have promotionnal gift to our eager customer. Grateful for every seconds you give us thoughts! +

    +
    +
    + + + + + + + + + +
    +
    +
    +
    +
    +
    +
    + {/* ----------------- */} + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    +
    + ); +}; + +export default feedBackPage; diff --git a/pages/index.tsx b/pages/index.tsx index 6c0943a..ce2f4ec 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,15 +1,302 @@ -import { WithDefaultLayout } from '../components/DefautLayout'; -import { Title } from '../components/Title'; -import { Page } from '../types/Page'; +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "../components/Title"; +import { Page } from "../types/Page"; +import { Swiper, SwiperSlide } from "swiper/react"; +import { Pagination, Navigation } from "swiper/modules"; +import { images } from "@/pages/lib/images"; +import Image from "next/image"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; +import CarouselControlsInside from "@/components/carousel"; const IndexPage: Page = () => { - return ( + return ( +
    + No. 1 Cultureplex in Indonesia - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    +
    +
    +
    +
    + + {images.map((image, index) => ( + +
    + {image.alt} +
    +     + ))} +     +
    +
    +
    +

    MOVIE SELECTION

    + +
    +
    + +
    +
    +

    CGV UPDATE

    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    - Home - Hello World! +
    +
    + +
    - ); -} +
    + {/* ---- footer */} +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + {/* ----- footer */} + +
    + ); +}; -IndexPage.layout = WithDefaultLayout; export default IndexPage; diff --git a/pages/investorRelation.tsx b/pages/investorRelation.tsx new file mode 100644 index 0000000..e3f61b9 --- /dev/null +++ b/pages/investorRelation.tsx @@ -0,0 +1,320 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const investorRelationPage: Page = () => { + return ( +
    + Investor Relation - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ----------------- */} +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +

    + + TENTANG CJ CGV INDONESIA +

    +
    +

    + PT. Graha Layar Prima, Tbk juga dikenal sebagai CJ CGV Cinemas + (atau sebelumnya dikenal sebagai Blitz Megaplex) adalah + jaringan bioskop terkemuka di Indonesia yang didirikan pertama + kali pada tahun 2004 dan mengoperasikan bioskop pertamanya di + Paris Van Java, Bandung pada tahun 2006. +

    +
    +

    + CJ CGV memberikan pengalaman menonton lebih menyenangkan + dengan kemajuan teknologi yang digunakan seperti; 3D, 4DX, + Screen X, SphereX, dan Dolby Atmos, melalui beragam pilihan + auditorium yaitu Regular Class, Velvet Class, Gold Class, + Satin Class, Sweetbox, Sky Seat dan Private Box. +

    +
    +

    + Mengusung konsep Cultureplex dimana kami tidak hanya + menyediakan tempat untuk menonton film, CJ CGV* CINEMAS turut + memberi ruang bagi beragam komunitas di sekitar lokasi CGV + untuk melakukan aktivitas kesenian, seperti pertunjukan musik + dan tarian, pertemuan corporate, gathering, dan memberikan + wadah kreasi serta mengekspresikan diri untuk masyarakat + seluruh Indonesia. +

    +
    +

    + Dengan kapasitas layar yang terus bertambah, CJ CGV memutarkan + berbagai macam jenis film dari berbagai Negara seperti India, + Korea, Jepang, Thailand dan tentunya konten lokal dari dalam + negeri. CJ CGV Indonesia menayangkan berbagai pilihan film + dari rumah produksi internasional dan lokal, serta pembuat + film independen dan studio anime. Dengan tayangan dari + berbagai Negara seperti India, Korea, Thailand, Jepang dan + tentunya konten dalam negeri, auditorium CJ CGV juga + dilengkapi dengan teknologi audio visual berkualitas tinggi + dengan hasil resonansi suara yang jernih. +

    +
    +

    + Hingga kini CJ CGV telah mengoperasikan 71 bioskop dan 408 + layar yang tersebar di lebih dari 30 kota di seluruh + Indonesia, dan akan terus melebarkan jaringan baru untuk + memperkuat positioning perusahaan dan menjangkau masyarakat + dengan lebih luas. +

    +
    +
    +

    + Website: www.cgv.id | Facebook: CGV Cinemas Indonesia | +

    +

    + Twitter: @CGV_ID | Instagram: @CGV.ID | LINE: CGV Cinemas +

    +
    +
    +
    + + + + + + + + + +
    +
    +
    +
    + +
    +
    + {/* ----------------- */} + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    +
    + ); +}; + +export default investorRelationPage; diff --git a/pages/legalTerm.tsx b/pages/legalTerm.tsx new file mode 100644 index 0000000..8688721 --- /dev/null +++ b/pages/legalTerm.tsx @@ -0,0 +1,474 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const legalTermPage: Page = () => { + return ( +
    + Legal Terms - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ----------------- */} +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +

    + TENTANG CJ CGV INDONESIA +

    +

    + At CGV Cinemas, accessible from www.cgv.id and application, one + of our main priorities is the privacy of our visitors. This + Privacy Policy document contains types of information that is + collected and recorded by CGV Cinemas and how we use it. If you + have additional questions or require more information about our + Privacy Policy, do not hesitate to contact us. +

    +
    +

    Log Files

    +

    + CGV Cinemas follows a standard procedure of using log files. + These files log visitors when they visit websites. All hosting + companies do this and a part of hosting services' analytics. The + information collected by log files include internet protocol + (IP) addresses, browser type, Internet Service Provider (ISP), + date and time stamp, referring/exit pages, and possibly the + number of clicks. These are not linked to any information that + is personally identifiable. The purpose of the information is + for analyzing trends, administering the site, tracking users' + movement on the website, and gathering demographic information. + Our Privacy Policy was created with the help of the {""} + + Privacy Policy Generator + + . +

    +
    +

    Cookies and Web Beacons

    +

    + Like any other website, CGV Cinemas uses "cookies". These + cookies are used to store information including visitors' + preferences, and the pages on the website that the visitor + accessed or visited. The information is used to optimize the + users' experience by customizing our web page content based on + visitors' browser type and/or other information. For more + general information on cookies, please read{" "} + + the "Cookies" article from the Privacy Policy Generator + + . +

    +
    +

    Google DoubleClick DART Cookie

    +

    + Google is one of a third-party vendor on our site. It also uses + cookies, known as DART cookies, to serve ads to our site + visitors based upon their visit to www.website.com and other + sites on the internet. However, visitors may choose to decline + the use of DART cookies by visiting the Google ad and content + network Privacy Policy at the following URL + + https://policies.google.com/technologies/ads + +

    +
    +

    Privacy Policies

    +

    + You may consult this list to find the Privacy Policy for each of + the advertising partners of CGV Cinemas. Third-party ad servers + or ad networks uses technologies like cookies, JavaScript, or + Web Beacons that are used in their respective advertisements and + links that appear on CGV Cinemas, which are sent directly to + users' browser. They automatically receive your IP address when + this occurs. These technologies are used to measure the + effectiveness of their advertising campaigns and/or to + personalize the advertising content that you see on websites + that you visit. Note that CGV Cinemas has no access to or + control over these cookies that are used by third-party + advertisers. +

    +
    +

    Third Party Privacy Policies

    +

    + CGV Cinemas's Privacy Policy does not apply to other advertisers + or websites. Thus, we are advising you to consult the respective + Privacy Policies of these third-party ad servers for more + detailed information. It may include their practices and + instructions about how to opt-out of certain options. You can + choose to disable cookies through your individual browser + options. To know more detailed information about cookie + management with specific web browsers, it can be found at the + browsers' respective websites. What Are Cookies? +

    +
    +

    Children's Information

    +

    + Another part of our priority is adding protection for children + while using the internet. We encourage parents and guardians to + observe, participate in, and/or monitor and guide their online + activity. CGV Cinemas does not knowingly collect any Personal + Identifiable Information from children under the age of 13. If + you think that your child provided this kind of information on + our website, we strongly encourage you to contact us immediately + and we will do our best efforts to promptly remove such + information from our records. +

    +
    +

    Online Privacy Policy Only

    +

    + This Privacy Policy applies only to our online activities and is + valid for visitors to our website with regards to the + information that they shared and/or collect in CGV Cinemas. This + policy is not applicable to any information collected offline or + via channels other than this website. +

    +
    +

    Consent

    +

    + By using our website, you hereby consent to our Privacy Policy + and agree to its Terms and Conditions. +

    +
    +

    + LEGAL TERMS: CGV Cinemas Online Channel & Membership +

    +

    Issue:

    +
      +
    • + Unauthorized usage of CGV Cinemas content by third parties + without consent and knowledge of CGV Cinemas. +
      • +
    • + Sale of CGV Cinemas tickets by third parties without consent + and knowledge of CGV Cinemas.{" "} +
      • +
    • + Utilization of Member's Balance & Points by customers as + resellers through unofficial channels not endorsed by CGV + Cinemas. +
      • +
    • + Use of Member's Balance & Points by other customers + without the permission of the rightful owner. +
      • +
    +
    +

    Terms:

    +
      +
    1. + The content found on CGV Cinemas Website, Application, & + Onsite is content selected by CGV Cinemas and has been + approved for use by the film owner & partner. Usage by third + parties without CGV Cinemas' consent is considered an illegal + act. +
      2. +
    2. + CGV Cinemas only sells official tickets through official + channels and partners. CGV Cinemas does not guarantee the + security of transactions or ticket availability outside of CGV + Cinemas official channels. +
      3. +
    3. + The CGV Cinemas Points obtained and used by Members are a form + of rewards from CGV Cinemas to the Member as a loyal customer + of CGV Cinemas. CGV Cinemas Points used as a payment method + are not for resale to customers or third parties. +
      4. +
    4. + CGV Cinemas Points represent a value owned by each Member, and + their usage requires a PIN & Password that is only known by + the Member. +
      5. +
    5. + The PIN & Password for CGV Cinemas Members are confidential + and the responsibility of each customer. We are not + responsible for the misuse of PIN & password by third parties. +
      6. +
    6. + All successful transactions that occur in CGV Cinemas are + final, and transactions that have already occurred cannot be + canceled. +
      7. +
    7. + CGV Cinemas is not responsible for transaction errors caused + by customers. +
      8. +
    8. + CGV Cinemas reserves the right to cancel transactions if there + is suspicion of misuse of CGV Cinemas Points or transactions + outside of CGV Cinemas' official channels. +
      9. +
    +
    +
    + + + + + + + + + +
    +
    +
    +
    +
    +
    +
    + {/* ----------------- */} + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    +
    +
    +
    +
    +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    + COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED. +

    +
    +
    + + + + + + +
    +
    +
    +
    + +
    +
    +
    + ); +}; + +export default legalTermPage; diff --git a/pages/lib/images.js b/pages/lib/images.js new file mode 100644 index 0000000..db0b4c6 --- /dev/null +++ b/pages/lib/images.js @@ -0,0 +1,13 @@ +import first from "@/public/images/gambar1.jpg" +import second from "@/public/images/gambar2.jpg" +import third from "@/public/images/gambar3.jpg" +import fourth from "@/public/images/gambar4.jpg" +import five from "@/public/images/gambar5.jpg" + +export const images = [ + {src: first, alt: 'first'}, + {src: second, alt: 'Second'}, + {src: third, alt: 'Third'}, + {src: fourth, alt: 'Fourth'}, + {src: five, alt: 'Five'}, +]; \ No newline at end of file diff --git a/pages/membership/index.tsx b/pages/membership/index.tsx new file mode 100644 index 0000000..8c62d30 --- /dev/null +++ b/pages/membership/index.tsx @@ -0,0 +1,272 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + + +const membershipComponent: Page = () => { + return ( +
    + Lebih Untung Jadi CGV Member - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ----------------- */} +
    +
    + +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +
      +
    • + + +
      • +
    + +
    +
    + +
    +
    +
    + +
    +
    +
    + {/* ----------------- */} + + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + + +
    + ); +}; + +export default membershipComponent; diff --git a/pages/movies/index.tsx b/pages/movies/index.tsx new file mode 100644 index 0000000..41b44d5 --- /dev/null +++ b/pages/movies/index.tsx @@ -0,0 +1,268 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + + +const moviesComponent: Page = () => { + return ( +
    + Jadwal Tayang Film - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ============== */} +
    +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} + + +
    +
    + +
    + +
    +
    +
    + +
    +
    +
    + + {/* ===================== */} +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + + +
    + ); +}; + +export default moviesComponent; diff --git a/pages/news/index.tsx b/pages/news/index.tsx new file mode 100644 index 0000000..cd1364f --- /dev/null +++ b/pages/news/index.tsx @@ -0,0 +1,238 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + + +const newsComponent: Page = () => { + return ( +
    + News - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + Home + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + + +
    + ); +}; + +export default newsComponent; diff --git a/pages/promotion/index.tsx b/pages/promotion/index.tsx new file mode 100644 index 0000000..1d83154 --- /dev/null +++ b/pages/promotion/index.tsx @@ -0,0 +1,240 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + + +const PromotionPage: Page = () => { + return ( +
    + Promo Seru Terbaru! - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + + + + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + + +
    + ); +}; + +export default PromotionPage; diff --git a/pages/special/index.tsx b/pages/special/index.tsx new file mode 100644 index 0000000..aeb586e --- /dev/null +++ b/pages/special/index.tsx @@ -0,0 +1,304 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const SpecialPage: Page = () => { + return ( +
    + Auditorium Special CGV Cinemas - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    +
    +
    +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +
    + Auditoriums + Sport +
    +
      +
    • + +

      Gold Class

      +
      • +
    • + +

      Velvet Class

      +
      • +
    • + +

      Satin Class

      +
      • +
    • + +

      Sweetbox

      +
      • +
    • + +

      4DX

      +
      • +
    • + +

      ScreenX

      +
      • +
    • + +

      Starium

      +
      • +
    • + +

      SphereX

      +
      • +
    • + +

      Private Box

      +
      • +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + + + + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + + +
    + ); +}; + +export default SpecialPage; + diff --git a/pages/special/sport.tsx b/pages/special/sport.tsx new file mode 100644 index 0000000..048804f --- /dev/null +++ b/pages/special/sport.tsx @@ -0,0 +1,284 @@ +// import { WithDefaultLayout } from '../components/DefautLayout'; +// import { Footer } from 'antd/es/layout/layout'; +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import "swiper/css"; +import "swiper/css/navigation"; +import "swiper/css/pagination"; +import "swiper/css/scrollbar"; + +const SportPage: Page = () => { + return ( +
    + Auditorium Special CGV Cinemas - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login + SignUp +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    + {/* ------------------ */} +
    +
    +
    +
    + +
    +
    + {/* ---- Parent untuk content */} +
    + {/* start code here */} +
    + Auditoriums + Sport +
    +
      +
    • + +

      SPORTS HALL FX SUDRIMAN

      +
      • +
    • + +

      SPORS HALL TERAS KOTA

      +
      • +
    • + +

      SPORTS HALL CIPUTRA TANGERANG

      +
      • + +
    +
    +
    + +
    + +
    +
    +
    + +
    +
    +
    + {/* -------------------------------- */} + + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    + +
    + ); +}; + +export default SportPage; + diff --git a/pages/user/index.tsx b/pages/user/index.tsx new file mode 100644 index 0000000..6d7000e --- /dev/null +++ b/pages/user/index.tsx @@ -0,0 +1,342 @@ +import Link from "next/link"; +import { useForm } from "react-hook-form"; +import { zodResolver } from "@hookform/resolvers/zod"; +import * as z from "zod"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; + +const loginSchema = z.object({ + email: z.string().min(1, "Email is required").email("Invalid email address"), + password: z.string().min(1, "Password is required"), +}); + +type LoginFormInputs = z.infer; + +const LoginPage: Page = () => { + const { + register, + handleSubmit, + formState: { errors }, + } = useForm({ + resolver: zodResolver(loginSchema), + }); + + const onSubmit = (data: LoginFormInputs) => { + console.log("email", data.email); + console.log("password", data.password); + }; + + return ( +
    + Masuk ke Akun CGV Cinemas - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + SignUp +
    +
    +
    +
    +
    +
    + + + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    +
    +
    +
    + + Login + +
    +
    + + SignUp + +
    +

    + Login your Web profile +

    +
    +
    +
    + + {errors.email && ( +

    + {errors.email.message} +

    + )} +
    +
    +
    +
    + + {errors.password && ( +

    + {errors.password.message} +

    + )} +
    +
    +
    +
    + + + Forgot Password? + +
    +
    +
    +
    +
    + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    +
    +
    +
    +
    +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    + COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED. +

    +
    +
    + + + + + + +
    +
    +
    +
    +
    +
    +
    + ); +}; + +export default LoginPage; diff --git a/pages/user/register.tsx b/pages/user/register.tsx new file mode 100644 index 0000000..348ddfa --- /dev/null +++ b/pages/user/register.tsx @@ -0,0 +1,326 @@ +import Link from "next/link"; +import { Title } from "@/components/Title"; +import { Page } from "@/types/Page"; +import { useState } from "react"; + +const RegisterPage: Page = () => { + const [city, setCity] = useState(""); + const [cinema, setCinema] = useState(""); + + + const cities = [ + "Jakarta", + "Bandung", + "Surabaya", + // Add more cities as needed + ]; + + const cinemas = { + Jakarta: ["CGV Grand Indonesia", "CGV Pacific Place"], + Bandung: ["CGV Paris Van Java", "CGV 23 Paskal"], + Surabaya: ["CGV Marvell City", "CGV BG Junction"], + // Add more locations as needed + }; + + return ( +
    + Registrasi - CGV Cinema +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    +
    + News + Login +
    +
    +
    +
    +
    +
    + + {" "} + +
    +
    + +
    + +
  • MOVIES
    • + + +
  • CINEMAS
    • + + +
  • PROMOTION
    • + + +
  • MEMBERSHIP
    • + + +
  • CONCESSION
    • + + +
  • SPECIAL
    • + +
    +
    +
    +
    +
    +
    +
    + Login +
    +
    + SignUp +
    +
    +
    + CREATE YOUR ACCOUNT +
    +

    Please provide accurate information so we may identify you at the Box Office.

    +
    +
    +
    +
    +

    Preferred Cinema

    + + + +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    + + + Forgot Password? + +
    +
    +
    +
    +
    + +
    +
    +
    +
      +
    • + 4DX +
      • +
    • + SCREENX +
      • +
    • + SPHERE X +
      • +
    • + STARIUM +
      • +
    • + DOLBY ATMOS +
      • +
    • + VELVET +
      • +
    • + GOLDCLASS +
      • +
    • + SATIN SUITE +
      • +
    • + SWEETBOX +
      • +
    • + PRIVATEBOX +
      • +
    + +
    + +
    +
    +
    + +
      + + About Us + +

      |

      + + Legal Terms + +

      |

      + + Careers + +

      |

      + + Feedback + +

      |

      + + Contact Us + +

      |

      + + Investor Relation + +
    +
    +
    + +

    COPYRIGHT 2024. CJ CGV All RIGHTS RESERVED.

    + +
    +
    + + + +
    +
    +
    +
    + +
    + +
    +
    +
    + ); +}; + +export default RegisterPage; diff --git a/public/favicon.ico b/public/favicon.ico index ea2f437..7f0e883 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/images/BN202405161605003673.jpg b/public/images/BN202405161605003673.jpg new file mode 100644 index 0000000..0a374a5 Binary files /dev/null and b/public/images/BN202405161605003673.jpg differ diff --git a/public/images/gambar1.jpg b/public/images/gambar1.jpg new file mode 100644 index 0000000..0a374a5 Binary files /dev/null and b/public/images/gambar1.jpg differ diff --git a/public/images/gambar2.jpg b/public/images/gambar2.jpg new file mode 100644 index 0000000..73b6fa3 Binary files /dev/null and b/public/images/gambar2.jpg differ diff --git a/public/images/gambar3.jpg b/public/images/gambar3.jpg new file mode 100644 index 0000000..a69eb76 Binary files /dev/null and b/public/images/gambar3.jpg differ diff --git a/public/images/gambar4.jpg b/public/images/gambar4.jpg new file mode 100644 index 0000000..9cabd2b Binary files /dev/null and b/public/images/gambar4.jpg differ diff --git a/public/images/gambar5.jpg b/public/images/gambar5.jpg new file mode 100644 index 0000000..3dcd58d Binary files /dev/null and b/public/images/gambar5.jpg differ diff --git a/styles/globals.css b/styles/globals.css index 00ffe68..445491d 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -8,3 +8,10 @@ #nprogress .bar { background: limegreen !important; } + +.list-lower-alpha { + list-style-type: lower-alpha; + } +.list-upper-alpha { + list-style-type: upper-alpha; +} diff --git a/tailwind.config.js b/tailwind.config.js index 07cfc60..52a14d7 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -7,10 +7,22 @@ module.exports = { ], theme: { extend: { - colors: { - topbar: '#001529', + fontFamily: { + sans: ['verdana', 'sans-serif'], + }, + colors: { + topbar: '#001529', + }, + keyframes: { + slide: { + "0%": { transform: "translateX(0)" }, + "100%": { transform: "translateX(-100%)" }, }, + }, + animation: { + slide: "slide 3s linear infinite", + }, }, - }, - plugins: [], -} + }, + plugins: [], +};