{"id":188,"date":"2024-11-29T08:23:54","date_gmt":"2024-11-29T08:23:54","guid":{"rendered":"https:\/\/www.berjayagroup.co.id\/?page_id=188"},"modified":"2024-11-29T08:23:54","modified_gmt":"2024-11-29T08:23:54","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.berjayagroup.co.id\/?page_id=188","title":{"rendered":"Contact Us"},"content":{"rendered":"<section class=\"contact-us\">\n<div class=\"container\">\n<h2>Contact Us<\/h2>\n<p>We are excited to hear from you! Reach out for inquiries, partnership opportunities, or any questions you may have.<\/p>\n<div class=\"contact-content\">\n      <!-- Contact Form --><\/p>\n<div class=\"contact-form\">\n<h3>Get in Touch<\/h3>\n<form action=\"#\" method=\"post\">\n          <input type=\"text\" name=\"name\" placeholder=\"Your Name\" required><br \/>\n          <input type=\"email\" name=\"email\" placeholder=\"Your Email\" required><br \/>\n          <textarea name=\"message\" placeholder=\"Your Message\" required><\/textarea><br \/>\n          <button type=\"submit\">Send Message<\/button><br \/>\n        <\/form>\n<\/p><\/div>\n<p>      <!-- Contact Info --><\/p>\n<div class=\"contact-info\">\n<h3>Our Office<\/h3>\n<p><i class=\"fas fa-map-marker-alt\"><\/i>Jl Dr. Mansyur No. 128,  Medan Selayang\n<\/p>\n<p><i class=\"fas fa-phone-alt\"><\/i> +62 61 822 7474\n<\/p>\n<p><i class=\"fas fa-envelope\"><\/i> project@berjayagroup.co.id<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n  \/* General Styles *\/\n  body {\n    font-family: 'Poppins', sans-serif;\n    margin: 0;\n    padding: 0;\n    background-color: #101010; \/* Black background for the body *\/\n    color: white;\n  }<\/p>\n<p>  .contact-us {\n    padding: 60px 20px;\n    background-color: #101010; \/* Black background for the section *\/\n    color: white;\n    text-align: center;\n  }<\/p>\n<p>  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }<\/p>\n<p>  .contact-us h2 {\n    font-size: 38px;\n    color: #f39c12;\n    margin-bottom: 20px;\n    font-weight: bold;\n  }<\/p>\n<p>  .contact-us p {\n    font-size: 18px;\n    color: #ccc;\n    line-height: 1.8;\n    margin-bottom: 40px;\n  }<\/p>\n<p>  .contact-content {\n    display: flex;\n    justify-content: space-between;\n    gap: 30px;\n    flex-wrap: wrap;\n  }<\/p>\n<p>  .contact-form, .contact-info {\n    background-color: #1c1c1c; \/* Darker background for form and info box *\/\n    padding: 30px;\n    border-radius: 8px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n    width: 48%;\n    color: white;\n  }<\/p>\n<p>  .contact-form h3, .contact-info h3 {\n    font-size: 24px;\n    margin-bottom: 20px;\n    color: #f39c12;\n  }<\/p>\n<p>  .contact-form input, .contact-form textarea {\n    width: 100%;\n    padding: 15px;\n    margin-bottom: 20px;\n    border: 1px solid #7f8c8d;\n    border-radius: 8px;\n    background-color: #333;\n    color: white;\n    font-size: 16px;\n  }<\/p>\n<p>  .contact-form input:focus, .contact-form textarea:focus {\n    outline: none;\n    border-color: #f39c12;\n  }<\/p>\n<p>  .contact-form button {\n    width: 100%;\n    padding: 15px;\n    background-color: #f39c12;\n    border: none;\n    border-radius: 8px;\n    font-size: 18px;\n    color: white;\n    cursor: pointer;\n    transition: background-color 0.3s;\n  }<\/p>\n<p>  .contact-form button:hover {\n    background-color: #e67e22;\n  }<\/p>\n<p>  .contact-info p {\n    font-size: 16px;\n    color: #ccc;\n    margin: 15px 0;\n    line-height: 1.6;\n  }<\/p>\n<p>  .contact-info i {\n    color: #f39c12;\n    margin-right: 10px;\n  }<\/p>\n<p>  \/* Responsive Styles *\/\n  @media (max-width: 768px) {\n    .contact-content {\n      flex-direction: column;\n      align-items: center;\n    }<\/p>\n<p>    .contact-form, .contact-info {\n      width: 80%;\n    }\n  }\n<\/style>\n<p><!-- Font Awesome (use if not already included) --><br \/>\n<script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us We are excited to hear from you! Reach out for inquiries, partnership opportunities, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=188"}],"version-history":[{"count":1,"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":189,"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=\/wp\/v2\/pages\/188\/revisions\/189"}],"wp:attachment":[{"href":"https:\/\/www.berjayagroup.co.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}