{"id":74,"date":"2026-06-09T23:44:29","date_gmt":"2026-06-09T23:44:29","guid":{"rendered":"https:\/\/blog.bioblogic.com\/?page_id=74"},"modified":"2026-06-09T23:45:44","modified_gmt":"2026-06-09T23:45:44","slug":"elementor-74","status":"publish","type":"page","link":"https:\/\/blog.bioblogic.com\/?page_id=74","title":{"rendered":"Elementor #74"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"74\" class=\"elementor elementor-74\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b50eb5 e-flex e-con-boxed e-con e-parent\" data-id=\"7b50eb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d098608 elementor-widget elementor-widget-html\" data-id=\"d098608\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<p>\u00a0<\/p>\r\n<p>\u00a0<\/p>\r\n<p>\u00a0<\/p>\r\n<!-- Fonts & Icons -->\r\n<p>\u00a0<\/p>\r\n<p><style>\r\n        :root {\r\n            --gold: #D4AF37;\r\n            --black: #0a0a0a;\r\n            --dark-grey: #1a1a1a;\r\n            --white: #ffffff;\r\n            --glass: rgba(255, 255, 255, 0.1);\r\n        }\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        body { \r\n            background-color: var(--black); \r\n            color: var(--white); \r\n            font-family: 'Montserrat', sans-serif; \r\n            overflow-x: hidden; \r\n        }\r\n        h1, h2, .premium-font { font-family: 'Playfair Display', serif; }\r\n        \/* --- Preloader --- *\/\r\n        #preloader {\r\n            position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n            background: var(--black); z-index: 9999;\r\n            display: flex; justify-content: center; align-items: center;\r\n        }\r\n        .loader-logo { color: var(--gold); font-size: 2rem; letter-spacing: 5px; animation: pulse 2s infinite; }\r\n        \/* --- Navbar --- *\/\r\n        nav {\r\n            position: fixed; top: 0; width: 100%; padding: 20px 50px;\r\n            display: flex; justify-content: space-between; align-items: center;\r\n            z-index: 1000; transition: 0.4s;\r\n            backdrop-filter: blur(10px); background: rgba(0,0,0,0.2);\r\n            border-bottom: 1px solid var(--glass);\r\n        }\r\n        .logo { color: var(--gold); font-size: 1.5rem; font-weight: bold; text-decoration: none; }\r\n        .nav-links a { color: white; text-decoration: none; margin-left: 30px; font-size: 0.9rem; transition: 0.3s; }\r\n        .nav-links a:hover { color: var(--gold); }\r\n        \/* --- Hero Section --- *\/\r\n        .hero {\r\n            height: 100vh; width: 100%; position: relative;\r\n            display: flex; align-items: center; overflow: hidden;\r\n        }\r\n        #hero-video {\r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n            object-fit: cover; opacity: 0.4; z-index: -1;\r\n        }\r\n        .hero-content { padding-left: 10%; z-index: 2; pointer-events: none; }\r\n        .hero h1 { font-size: 5rem; line-height: 1.1; margin-bottom: 20px; }\r\n        .hero p { font-size: 1.2rem; margin-bottom: 30px; color: #ccc; }\r\n        .cta-btn {\r\n            padding: 15px 40px; background: var(--gold); color: black;\r\n            text-decoration: none; font-weight: bold; border-radius: 5px;\r\n            display: inline-block; transition: 0.3s; pointer-events: auto;\r\n        }\r\n        .cta-btn:hover { background: white; transform: scale(1.05); }\r\n        \/* --- 3D Canvas Containers --- *\/\r\n        #hero-3d { position: absolute; right: 0; top: 0; width: 50%; height: 100vh; z-index: 1; }\r\n        #map-3d { width: 100%; height: 500px; background: #111; cursor: grab; margin-top: 50px; }\r\n        \/* --- Sections General --- *\/\r\n        section { padding: 100px 10%; position: relative; }\r\n        .section-title { font-size: 3rem; margin-bottom: 50px; text-align: center; color: var(--gold); }\r\n        \/* --- About Section (Cards) --- *\/\r\n        .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\r\n        .about-card {\r\n            background: var(--dark-grey); padding: 40px; border-radius: 15px;\r\n            border: 1px solid var(--glass); transition: 0.4s;\r\n        }\r\n        .about-card:hover { transform: translateY(-10px); border-color: var(--gold); }\r\n        .about-card i { font-size: 2.5rem; color: var(--gold); margin-bottom: 20px; }\r\n        \/* --- Gallery --- *\/\r\n        .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }\r\n        .gallery-item { height: 300px; background: #222; overflow: hidden; border-radius: 10px; }\r\n        .gallery-item img { \r\n            width: 100%; height: 100%; object-fit: cover; \r\n            transition: 0.5s; filter: grayscale(100%);\r\n        }\r\n        .gallery-item:hover img { transform: scale(1.1); filter: grayscale(0%); }\r\n        \/* --- Payment Plan --- *\/\r\n        .payment-table { width: 100%; border-collapse: collapse; margin-top: 30px; }\r\n        .payment-table th, .payment-table td { \r\n            padding: 20px; border-bottom: 1px solid var(--glass); text-align: left; \r\n        }\r\n        .payment-table tr:hover { background: rgba(212, 175, 55, 0.1); }\r\n        \/* --- Contact Form --- *\/\r\n        .contact-container { display: flex; gap: 50px; }\r\n        .contact-form { flex: 1; display: flex; flex-direction: column; gap: 20px; }\r\n        .contact-form input, .contact-form textarea {\r\n            padding: 15px; background: var(--dark-grey); border: 1px solid var(--glass);\r\n            color: white; border-radius: 5px; outline: none;\r\n        }\r\n        .contact-form input:focus { border-color: var(--gold); }\r\n        \/* --- Footer --- *\/\r\n        footer { padding: 50px; text-align: center; border-top: 1px solid var(--glass); color: #666; }\r\n        \/* --- Responsive --- *\/\r\n        @media (max-width: 768px) {\r\n            .hero h1 { font-size: 3rem; }\r\n            #hero-3d { display: none; }\r\n            .hero-content { padding-left: 5%; padding-right: 5%; text-align: center; }\r\n            .gallery-grid { grid-template-columns: 1fr; }\r\n            .contact-container { flex-direction: column; }\r\n        }\r\n        @keyframes pulse {\r\n            0% { opacity: 0.5; }\r\n            50% { opacity: 1; }\r\n            100% { opacity: 0.5; }\r\n        }\r\n    <\/style><\/p>\r\n<!-- Loading Animation -->\r\nPALM AVENUE\r\n<!-- Navigation --><nav><a href=\"#\">PALM AVENUE<\/a>\r\n<a href=\"#about\">About<\/a> <a href=\"#highlights\">Highlights<\/a> <a href=\"#map\">3D Map<\/a> <a href=\"#gallery\">Gallery<\/a> <a href=\"#contact\">Contact<\/a>\r\n<\/nav><!-- Hero Section -->\r\n<section id=\"home\"><video id=\"hero-video\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\">\r\n            <source src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-modern-apartment-building-at-sunset-14115-large.mp4\" type=\"video\/mp4\" \/>\r\n        <\/video>\r\n\u00a0\r\n<h1>LIVING AT THE <br \/>PEAK OF LUXURY<\/h1>\r\n<p>Experience Palm Avenue - A curated ecosystem of <br \/>high-end residences and smart architecture.<\/p>\r\n<a href=\"#contact\">Book an Exclusive Tour<\/a>\r\n<\/section>\r\n<!-- About Section -->\r\n<section id=\"about\">\r\n<h2>The Foundation<\/h2>\r\n<h3>Premium Design<\/h3>\r\n<p>Architectural brilliance meet aesthetic perfection in every square foot.<\/p>\r\n<h3>Smart Security<\/h3>\r\n<p>24\/7 AI-integrated surveillance and biometrics for your peace of mind.<\/p>\r\n<h3>Eco Conscious<\/h3>\r\n<p>Sustainable energy solutions and vertical gardens integrated into the structure.<\/p>\r\n<\/section>\r\n<!-- 3D Interactive Map -->\r\n<section id=\"map\">\r\n<h2>Interactive Masterplan<\/h2>\r\n<p style=\"text-align: center; margin-bottom: 20px;\">Rotate and explore the digital twin of Palm Avenue<\/p>\r\n\u00a0\r\n<\/section>\r\n<!-- Payment Plan -->\r\n<section id=\"payment\">\r\n<h2>Investment Plan<\/h2>\r\n<table>\r\n<thead>\r\n<tr>\r\n<th>Installment Phase<\/th>\r\n<th>Percentage (%)<\/th>\r\n<th>Amount (USD)<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>Booking Amount<\/td>\r\n<td>10%<\/td>\r\n<td>$50,000<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Confirmation<\/td>\r\n<td>15%<\/td>\r\n<td>$75,000<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>30 Monthly Installments<\/td>\r\n<td>50%<\/td>\r\n<td>$250,000<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>On Possession<\/td>\r\n<td>25%<\/td>\r\n<td>$125,000<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/section>\r\n<!-- Gallery -->\r\n<section id=\"gallery\">\r\n<h2>A Visual Journey<\/h2>\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Exteriors\" \/>\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Interior\" \/>\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512915928907-67678ff2931d?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Lobby\" \/>\r\n<\/section>\r\n<!-- Contact Form -->\r\n<section id=\"contact\">\r\n<h2>Contact Concierge<\/h2>\r\n<h3>Palm Avenue HQ<\/h3>\r\n<p>Main Boulevard, Phase 8<\/p>\r\n<p>+92 300 0000000<\/p>\r\n<p>info@palmavenue.com<\/p>\r\n<form><input required=\"\" type=\"text\" placeholder=\"Your Name\" \/> <input required=\"\" type=\"email\" placeholder=\"Your Email\" \/> <textarea rows=\"5\" placeholder=\"Inquiry Details\"><\/textarea> <button style=\"border: none; cursor: pointer;\" type=\"submit\">Send Inquiry<\/button><\/form>\r\n<\/section>\r\n<footer>\u00a9 2024 Palm Avenue. All Rights Reserved.<\/footer><!-- Scripts -->\r\n<p>   <\/p>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00a0 \u00a0 \u00a0 \u00a0 PALM AVENUE PALM AVENUE About Highlights 3D Map Gallery Contact \u00a0 LIVING AT THE PEAK OF LUXURY Experience Palm Avenue &#8211; A curated ecosystem of high-end residences and smart architecture. Book an Exclusive Tour The Foundation Premium Design Architectural brilliance meet aesthetic perfection in every square foot. Smart Security 24\/7 AI-integrated &#8230; <a title=\"Elementor #74\" class=\"read-more\" href=\"https:\/\/blog.bioblogic.com\/?page_id=74\" aria-label=\"Read more about Elementor #74\">Read more<\/a><\/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-74","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=74"}],"version-history":[{"count":5,"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=\/wp\/v2\/pages\/74\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/blog.bioblogic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}