V1.0.0-rc-dev
This commit is contained in:
Ubuntu
parent
f48643cbdf
commit
aecc59c4f9
@ -1,7 +1,7 @@
|
||||
import { LightningElement, track } from 'lwc';
|
||||
|
||||
export default class DevelopmentPage extends LightningElement {
|
||||
@track showDevPage = true;
|
||||
@track showDevPage = false;
|
||||
@track currentStep = 1;
|
||||
@track selectedTemplateId = '';
|
||||
@track selectedPropertyId = '';
|
||||
|
||||
@ -4406,6 +4406,15 @@ late particularay
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Keep image stable when selection/handles appear */
|
||||
.enhanced-editor-content .draggable-image-container {
|
||||
position: relative;
|
||||
}
|
||||
.enhanced-editor-content .draggable-image-container.selected,
|
||||
.enhanced-editor-content .draggable-image-container.dragging {
|
||||
position: absolute; /* only become absolute during drag */
|
||||
}
|
||||
|
||||
/* Left Toolbar - Original Layout */
|
||||
.editor-toolbar.left {
|
||||
width: 300px;
|
||||
@ -9059,6 +9068,60 @@ button, .btn, .toolbar-button, .export-pdf-btn {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
/* Gallery Grid Styles for Modern Home Template */
|
||||
.modern-home-preview .gallery-section {
|
||||
margin: 22px 0 10px 0;
|
||||
}
|
||||
|
||||
.modern-home-preview .gallery-title {
|
||||
color: #003366;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 10px 0;
|
||||
border-bottom: 2px solid #003366;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.modern-home-preview .gallery-grid {
|
||||
display: grid !important;
|
||||
grid-template-columns: repeat(3, 1fr) !important;
|
||||
grid-template-rows: 90px 90px !important;
|
||||
gap: 8px !important;
|
||||
}
|
||||
|
||||
.modern-home-preview .gallery-item {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.modern-home-preview .gallery-item::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0));
|
||||
}
|
||||
|
||||
.modern-home-preview .gallery-item span {
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
bottom: 6px;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
z-index: 1;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.modern-home-preview .g-item-1 { grid-column: 1 / 3; grid-row: 1 / 2; }
|
||||
.modern-home-preview .g-item-2 { grid-column: 3 / 4; grid-row: 1 / 3; }
|
||||
.modern-home-preview .g-item-3 { grid-column: 1 / 2; grid-row: 2 / 3; }
|
||||
.modern-home-preview .g-item-4 { grid-column: 2 / 3; grid-row: 2 / 3; }
|
||||
|
||||
/* The Grand Oak Villa Template - Remove border and increase height */
|
||||
.template-asgar1 {
|
||||
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
|
||||
@ -11719,6 +11782,7 @@ img[draggable="true"] {
|
||||
line-height: 1.1;
|
||||
margin: 4px 0 8px 0;
|
||||
text-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.vertice-preview .cover-content .address {
|
||||
@ -11727,6 +11791,7 @@ img[draggable="true"] {
|
||||
border-top: 1px solid #0A6847;
|
||||
display: inline-block;
|
||||
padding-top: 8px;
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
.vertice-preview .cover-footer {
|
||||
@ -11849,3 +11914,15 @@ img[draggable="true"] {
|
||||
.vertice-preview .g-item-3 { grid-column: 1 / 2; grid-row: 2 / 4; background-image: url('https://images.unsplash.com/photo-1600121848594-d8644e57abab?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800'); }
|
||||
.vertice-preview .g-item-4 { grid-column: 2 / 3; grid-row: 2 / 3; background-image: url('https://images.unsplash.com/photo-1595526114035-0d45ed16433d?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800'); }
|
||||
.vertice-preview .g-item-5 { grid-column: 2 / 4; grid-row: 3 / 4; background-image: url('https://images.unsplash.com/photo-1512918728675-ed5a71a580a9?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800'); }
|
||||
|
||||
/* Modern Home static preview gallery (separate & static) */
|
||||
.mh-static-gallery-section { margin: 22px 0 10px 0; }
|
||||
.mh-static-gallery-title { color: #003366; font-size: 16px; font-weight: 700; margin: 0 0 10px 0; border-bottom: 2px solid #003366; padding-bottom: 6px; }
|
||||
.mh-static-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 90px 90px; gap: 8px; }
|
||||
.mh-static-gallery-item { background-size: cover; background-position: center; border-radius: 6px; overflow: hidden; position: relative; }
|
||||
.mh-static-gallery-item::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0)); }
|
||||
.mh-static-gallery-item span { position: absolute; left: 8px; bottom: 6px; color: #fff; font-size: 10px; font-weight: 700; z-index: 1; text-shadow: 0 1px 2px rgba(0,0,0,0.4); }
|
||||
.mh-item-1 { grid-column: 1 / 3; grid-row: 1 / 2; }
|
||||
.mh-item-2 { grid-column: 3 / 4; grid-row: 1 / 3; }
|
||||
.mh-item-3 { grid-column: 1 / 2; grid-row: 2 / 3; }
|
||||
.mh-item-4 { grid-column: 2 / 3; grid-row: 2 / 3; }
|
||||
@ -93,12 +93,12 @@
|
||||
onclick={handleTemplateSelect}>
|
||||
<div class="template-content modern-home-preview">
|
||||
<!-- Hero Section -->
|
||||
<div class="hero" style="background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=1200'); background-size: cover; background-position: center;">
|
||||
<div class="hero" style="background-image: url('https://images.unsplash.com/photo-1568605114967-8130f3a36994?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=1200'); background-size: cover; background-position: center;">
|
||||
<div class="hero-overlay">
|
||||
<h1 class="property-name" style="color: white !important;">Modern Villa</h1>
|
||||
<p class="property-address" style="color: white !important;">123 Luxury Lane, Prestige City, PC 45678</p>
|
||||
<div class="hero-details">
|
||||
<div class="price" style="color: white !important;">AED 2,500,000</div>
|
||||
<div class="price" style="color: white !important;">$2,500,000</div>
|
||||
<div class="stats">
|
||||
<span class="stat-item" style="color: white !important;"><i class="fa-solid fa-bed"></i> 4 Beds</span>
|
||||
<span class="stat-item" style="color: white !important;"><i class="fa-solid fa-bath"></i> 3 Baths</span>
|
||||
@ -112,7 +112,7 @@
|
||||
<div class="content">
|
||||
<div class="description">
|
||||
<h2>About this Property</h2>
|
||||
<p>This stunning modern villa offers contemporary living with premium finishes and an open-concept design perfect for entertaining.</p>
|
||||
<p>{modernHomePreview}</p>
|
||||
</div>
|
||||
|
||||
<div class="specs-grid">
|
||||
@ -120,6 +120,8 @@
|
||||
<div class="spec-item"><strong>Type:</strong> <span>Single-Family</span></div>
|
||||
<div class="spec-item"><strong>Year Built:</strong> <span>2023</span></div>
|
||||
<div class="spec-item"><strong>Parking:</strong> <span>2-Car Garage</span></div>
|
||||
<div class="spec-item"><strong>Floor:</strong> <span>2 Levels</span></div>
|
||||
<div class="spec-item"><strong>Furnishing:</strong> <span>Unfurnished</span></div>
|
||||
</div>
|
||||
|
||||
<div class="amenities-grid">
|
||||
@ -127,8 +129,21 @@
|
||||
<div class="amenity-item"><i class="icon fa-solid fa-check"></i><span>Master Suite</span></div>
|
||||
<div class="amenity-item"><i class="icon fa-solid fa-check"></i><span>Open Floor Plan</span></div>
|
||||
<div class="amenity-item"><i class="icon fa-solid fa-check"></i><span>Private Garden</span></div>
|
||||
<div class="amenity-item"><i class="icon fa-solid fa-check"></i><span>Smart Home</span></div>
|
||||
<div class="amenity-item"><i class="icon fa-solid fa-check"></i><span>Energy Efficient</span></div>
|
||||
</div>
|
||||
|
||||
<!-- Static, separate preview gallery grid -->
|
||||
<section class="gallery-section">
|
||||
<h2 class="gallery-title">Property Gallery</h2>
|
||||
<div class="gallery-grid">
|
||||
<div class="gallery-item g-item-1" style="background-image:url('https://images.unsplash.com/photo-1616046229478-9901c5536a45?auto=format&fit=crop&w=800&q=80');"><span>Living Room</span></div>
|
||||
<div class="gallery-item g-item-2" style="background-image:url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?auto=format&fit=crop&w=800&q=80');"><span>Master Bedroom</span></div>
|
||||
<div class="gallery-item g-item-3" style="background-image:url('https://images.unsplash.com/photo-1600121848594-d8644e57abab?auto=format&fit=crop&w=800&q=80');"><span>Kitchen</span></div>
|
||||
<div class="gallery-item g-item-4" style="background-image:url('https://images.unsplash.com/photo-1595526114035-0d45ed16433d?auto=format&fit=crop&w=800&q=80');"><span>Bathroom</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="agent-footer">
|
||||
<div class="agent-info">
|
||||
<h3 style="font-size: 0.95rem;">Sarah Johnson</h3>
|
||||
@ -143,7 +158,7 @@
|
||||
|
||||
<footer class="page-footer">
|
||||
<div class="reference-id">
|
||||
<strong>Property:</strong> Modern Villa
|
||||
<strong>Reference ID:</strong> MH-2024-001
|
||||
</div>
|
||||
<div class="owner-info">
|
||||
<strong>Owner Info:</strong> John Smith, (555) 987-6543
|
||||
|
||||
File diff suppressed because one or more lines are too long
@ -147,20 +147,21 @@
|
||||
|
||||
.amenities-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 8px;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 10px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.amenity-item {
|
||||
background-color: var(--color-background);
|
||||
padding: 8px 12px;
|
||||
padding: 10px 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
border: 1px solid #e8e8e8;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
font-size: 11px;
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.amenity-item .icon {
|
||||
@ -176,6 +177,52 @@
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* Static preview gallery (separate & static) */
|
||||
.gallery-section {
|
||||
margin: 22px 0 10px 0;
|
||||
}
|
||||
.gallery-title {
|
||||
color: var(--color-primary);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 10px 0;
|
||||
border-bottom: 2px solid var(--color-primary);
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
.gallery-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: 90px 90px;
|
||||
gap: 8px;
|
||||
}
|
||||
.gallery-item {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.gallery-item::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(to top, rgba(0,0,0,0.35), rgba(0,0,0,0));
|
||||
}
|
||||
.gallery-item span {
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
bottom: 6px;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
z-index: 1;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,0.4);
|
||||
}
|
||||
.g-item-1 { grid-column: 1 / 3; grid-row: 1 / 2; }
|
||||
.g-item-2 { grid-column: 3 / 4; grid-row: 1 / 3; }
|
||||
.g-item-3 { grid-column: 1 / 2; grid-row: 2 / 3; }
|
||||
.g-item-4 { grid-column: 2 / 3; grid-row: 2 / 3; }
|
||||
|
||||
.agent-footer {
|
||||
border-top: 3px solid var(--color-accent);
|
||||
padding-top: 15px;
|
||||
@ -291,6 +338,17 @@
|
||||
<div class="amenity-item"><i class="icon fa-solid fa-check"></i><span>Energy Efficient</span></div>
|
||||
</div>
|
||||
|
||||
<!-- Static, separate preview gallery grid -->
|
||||
<section class="gallery-section">
|
||||
<h2 class="gallery-title">Property Gallery</h2>
|
||||
<div class="gallery-grid">
|
||||
<div class="gallery-item g-item-1" style="background-image:url('https://images.unsplash.com/photo-1616046229478-9901c5536a45?auto=format&fit=crop&w=800&q=80');"><span>Living Room</span></div>
|
||||
<div class="gallery-item g-item-2" style="background-image:url('https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?auto=format&fit=crop&w=800&q=80');"><span>Master Bedroom</span></div>
|
||||
<div class="gallery-item g-item-3" style="background-image:url('https://images.unsplash.com/photo-1600121848594-d8644e57abab?auto=format&fit=crop&w=800&q=80');"><span>Kitchen</span></div>
|
||||
<div class="gallery-item g-item-4" style="background-image:url('https://images.unsplash.com/photo-1595526114035-0d45ed16433d?auto=format&fit=crop&w=800&q=80');"><span>Bathroom</span></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="agent-footer">
|
||||
<div class="agent-info">
|
||||
<h3>Sarah Johnson</h3>
|
||||
|
||||
@ -321,9 +321,7 @@
|
||||
<p class="page-title-sub">Where light, space, and nature converge to create an unparalleled living experience.</p>
|
||||
<div class="p2-grid">
|
||||
<div class="p2-text">
|
||||
<p>Designed by the world-renowned architect, Helena Vance, The Serenity House is more than a home; it is a living sculpture. Every line, material, and detail has been thoughtfully considered to evoke a sense of peace and connection with the surrounding landscape. Soaring ceilings and floor-to-ceiling glass walls dissolve the boundaries between inside and out, flooding the space with natural light.</p>
|
||||
<p class="pull-quote">A timeless residence built not just for living, but for thriving.</p>
|
||||
<p>The interior palette is a harmonious blend of natural oak, Italian travertine, and warm bronze accents, creating an atmosphere of understated luxury. This property represents a unique opportunity to own a piece of architectural history.</p>
|
||||
[Description HTML]
|
||||
</div>
|
||||
<div class="p2-image"></div>
|
||||
</div>
|
||||
|
||||
@ -396,32 +396,31 @@
|
||||
<div class="brochure-page cover-page">
|
||||
<div class="cover-overlay"></div>
|
||||
<div class="cover-content">
|
||||
<div class="subtitle">An Urban Oasis</div>
|
||||
<h1 class="main-title">THE VERTICE</h1>
|
||||
<div class="address">18 Skyline Avenue, Metropolis Centre, MC 90210</div>
|
||||
<div class="subtitle">[Cover Subtitle]</div>
|
||||
<h1 class="main-title">[Property Name]</h1>
|
||||
<div class="address">[Address]</div>
|
||||
</div>
|
||||
<div class="cover-footer">
|
||||
<span>Residences Starting from $1,200,000</span>
|
||||
<span>Ref ID: VP-2025-001</span>
|
||||
<span>Residences starting from [Starting Price]</span>
|
||||
<span>Ref ID: [Reference ID]</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="brochure-page">
|
||||
<div class="page-container">
|
||||
<header class="page-header">
|
||||
<h1 class="page-title">Elevated <span>Living</span></h1>
|
||||
<span class="page-subtitle">Discover Your Sanctuary in the Sky</span>
|
||||
<h1 class="page-title">[Page 2 Title]</h1>
|
||||
<span class="page-subtitle">[Page 2 Subtitle]</span>
|
||||
</header>
|
||||
<main class="vision-grid">
|
||||
<div class="vision-text">
|
||||
<h3>Where Design Meets Desire.</h3>
|
||||
<p>The Vertice is not just a building; it's a bold statement on modern urban living. Conceived for the discerning individual, it offers a unique blend of architectural prowess, bespoke interiors, and an unparalleled lifestyle experience right in the heart of the city.</p>
|
||||
<p>Every residence is a testament to quality, featuring panoramic city views from floor-to-ceiling windows, intelligent home systems, and finishes selected from the finest materials around the globe. This is more than a home; it's a new perspective.</p>
|
||||
<h3>[Vision Heading]</h3>
|
||||
<div class="vision-text-content">[Vision HTML]</div>
|
||||
</div>
|
||||
<div class="vision-image"></div>
|
||||
</main>
|
||||
<footer class="page-footer-bar">
|
||||
<span class="property-name">THE VERTICE</span>
|
||||
<span class="property-name">[Property Name]</span>
|
||||
<span>Page 02 / 06</span>
|
||||
</footer>
|
||||
</div>
|
||||
@ -434,14 +433,14 @@
|
||||
<span class="page-subtitle">A Canvas for Your Life</span>
|
||||
</header>
|
||||
<main class="gallery-grid">
|
||||
<div class="gallery-item g-item-1"><span>Open-Concept Living Space</span></div>
|
||||
<div class="gallery-item g-item-2"><span>Master Bedroom Suite</span></div>
|
||||
<div class="gallery-item g-item-3"><span>Gourmet Chef's Kitchen</span></div>
|
||||
<div class="gallery-item g-item-4"><span>Spa-Inspired Bathroom</span></div>
|
||||
<div class="gallery-item g-item-5"><span>Private Balcony Views</span></div>
|
||||
<div class="gallery-item g-item-1"><span>[Gallery Label 1]</span></div>
|
||||
<div class="gallery-item g-item-2"><span>[Gallery Label 2]</span></div>
|
||||
<div class="gallery-item g-item-3"><span>[Gallery Label 3]</span></div>
|
||||
<div class="gallery-item g-item-4"><span>[Gallery Label 4]</span></div>
|
||||
<div class="gallery-item g-item-5"><span>[Gallery Label 5]</span></div>
|
||||
</main>
|
||||
<footer class="page-footer-bar">
|
||||
<span class="property-name">THE VERTICE</span>
|
||||
<span class="property-name">[Property Name]</span>
|
||||
<span>Page 03 / 06</span>
|
||||
</footer>
|
||||
</div>
|
||||
@ -460,28 +459,28 @@
|
||||
<div>
|
||||
<h3 class="section-title">Lifestyle Amenities</h3>
|
||||
<ul class="amenities-list-p4">
|
||||
<li><i class="fa-solid fa-water-ladder"></i> Rooftop Infinity Pool</li>
|
||||
<li><i class="fa-solid fa-dumbbell"></i> Fitness Center</li>
|
||||
<li><i class="fa-solid fa-martini-glass-empty"></i> Residents' Sky Lounge</li>
|
||||
<li><i class="fa-solid fa-film"></i> Private Cinema Room</li>
|
||||
<li><i class="fa-solid fa-spa"></i> Wellness Spa & Sauna</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> Business Center</li>
|
||||
<li><i class="fa-solid fa-shield-halved"></i> 24/7 Concierge</li>
|
||||
<li><i class="fa-solid fa-car"></i> Secure Parking</li>
|
||||
<li><i class="fa-solid fa-water-ladder"></i> [Amenity 1]</li>
|
||||
<li><i class="fa-solid fa-dumbbell"></i> [Amenity 2]</li>
|
||||
<li><i class="fa-solid fa-martini-glass-empty"></i> [Amenity 3]</li>
|
||||
<li><i class="fa-solid fa-film"></i> [Amenity 4]</li>
|
||||
<li><i class="fa-solid fa-spa"></i> [Amenity 5]</li>
|
||||
<li><i class="fa-solid fa-briefcase"></i> [Amenity 6]</li>
|
||||
<li><i class="fa-solid fa-shield-halved"></i> [Amenity 7]</li>
|
||||
<li><i class="fa-solid fa-car"></i> [Amenity 8]</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="section-title">Key Specifications</h3>
|
||||
<div class="detail-item"><span class="label">Status</span> <span class="value">New Development</span></div>
|
||||
<div class="detail-item"><span class="label">Property Type</span> <span class="value">Condominium</span></div>
|
||||
<div class="detail-item"><span class="label">Year Built</span> <span class="value">2025</span></div>
|
||||
<div class="detail-item"><span class="label">Technology</span> <span class="value">Integrated Smart Home</span></div>
|
||||
<div class="detail-item"><span class="label">Design</span> <span class="value">Sustainable & Eco-Friendly</span></div>
|
||||
<div class="detail-item"><span class="label">Status</span> <span class="value">[Status]</span></div>
|
||||
<div class="detail-item"><span class="label">Property Type</span> <span class="value">[Property Type]</span></div>
|
||||
<div class="detail-item"><span class="label">Year Built</span> <span class="value">[Year Built]</span></div>
|
||||
<div class="detail-item"><span class="label">Technology</span> <span class="value">[Technology]</span></div>
|
||||
<div class="detail-item"><span class="label">Design</span> <span class="value">[Design]</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="page-footer-bar">
|
||||
<span class="property-name">THE VERTICE</span>
|
||||
<span class="property-name">[Property Name]</span>
|
||||
<span>Page 04 / 06</span>
|
||||
</footer>
|
||||
</div>
|
||||
@ -497,67 +496,67 @@
|
||||
<div class="floorplan-showcase">
|
||||
<div class="floorplan-image-p5 residence"></div>
|
||||
<div class="floorplan-info-p5">
|
||||
<h4>Two-Bedroom Residence</h4>
|
||||
<h4>[Floorplan 1 Title]</h4>
|
||||
<div class="floorplan-stats-p5">
|
||||
<div class="stat">
|
||||
<div class="value">1,450</div>
|
||||
<div class="value">[Floorplan 1 Area]</div>
|
||||
<div class="label">SQ. FT.</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="value">2</div>
|
||||
<div class="value">[Floorplan 1 Bedrooms]</div>
|
||||
<div class="label">BEDROOMS</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="value">2</div>
|
||||
<div class="value">[Floorplan 1 Bathrooms]</div>
|
||||
<div class="label">BATHROOMS</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="value">1</div>
|
||||
<div class="value">[Floorplan 1 Balcony]</div>
|
||||
<div class="label">BALCONY</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="description">A thoughtfully designed space perfect for urban professionals or small families, combining comfort with panoramic city views.</p>
|
||||
<div class="description">[Floorplan 1 Description HTML]</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="floorplan-showcase">
|
||||
<div class="floorplan-image-p5 penthouse"></div>
|
||||
<div class="floorplan-info-p5">
|
||||
<h4>Three-Bedroom Penthouse</h4>
|
||||
<h4>[Floorplan 2 Title]</h4>
|
||||
<div class="floorplan-stats-p5">
|
||||
<div class="stat">
|
||||
<div class="value">3,200</div>
|
||||
<div class="value">[Floorplan 2 Area]</div>
|
||||
<div class="label">SQ. FT.</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="value">3</div>
|
||||
<div class="value">[Floorplan 2 Bedrooms]</div>
|
||||
<div class="label">BEDROOMS</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="value">3.5</div>
|
||||
<div class="value">[Floorplan 2 Bathrooms]</div>
|
||||
<div class="label">BATHROOMS</div>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<div class="value">1</div>
|
||||
<div class="value">[Floorplan 2 Terrace]</div>
|
||||
<div class="label">TERRACE</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="description">The pinnacle of luxury living, this penthouse offers expansive spaces, premium finishes, and exclusive access to a private rooftop terrace.</p>
|
||||
<div class="description">[Floorplan 2 Description HTML]</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="section-title">Additional Information</h3>
|
||||
<div class="additional-specs-grid">
|
||||
<div class="spec-item"><div class="label">Pets</div><div class="value">Allowed (w/ restrictions)</div></div>
|
||||
<div class="spec-item"><div class="label">Smoking</div><div class="value">In designated areas</div></div>
|
||||
<div class="spec-item"><div class="label">Availability</div><div class="value">Q4 2025</div></div>
|
||||
<div class="spec-item"><div class="label">Parking</div><div class="value">2 Spaces per Unit</div></div>
|
||||
<div class="spec-item"><div class="label">Security Deposit</div><div class="value">2 Months</div></div>
|
||||
<div class="spec-item"><div class="label">Utilities</div><div class="value">Sub-metered</div></div>
|
||||
<div class="spec-item"><div class="label">Pets</div><div class="value">[Pets]</div></div>
|
||||
<div class="spec-item"><div class="label">Smoking</div><div class="value">[Smoking]</div></div>
|
||||
<div class="spec-item"><div class="label">Availability</div><div class="value">[Availability]</div></div>
|
||||
<div class="spec-item"><div class="label">Parking</div><div class="value">[Parking]</div></div>
|
||||
<div class="spec-item"><div class="label">Security Deposit</div><div class="value">[Security Deposit]</div></div>
|
||||
<div class="spec-item"><div class="label">Utilities</div><div class="value">[Utilities]</div></div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="page-footer-bar">
|
||||
<span class="property-name">THE VERTICE</span>
|
||||
<span class="property-name">[Property Name]</span>
|
||||
<span>Page 05 / 06</span>
|
||||
</footer>
|
||||
</div>
|
||||
@ -572,29 +571,29 @@
|
||||
<main class="page6-main">
|
||||
<div>
|
||||
<h3 class="section-title">Schedule a Private Viewing</h3>
|
||||
<p>Experience The Vertice firsthand. Contact our sales executive to arrange an exclusive tour of the property and available residences.</p>
|
||||
<p>[Viewing CTA Text]</p>
|
||||
<div class="contact-person-p6">
|
||||
<div class="name">Alexander Valentine</div>
|
||||
<div class="title">Sales Executive, Elysian Properties</div>
|
||||
<div class="name">[Contact Name]</div>
|
||||
<div class="title">[Contact Title]</div>
|
||||
<div class="details">
|
||||
(555) 123-9876<br>
|
||||
alex.v@elysian.com
|
||||
[Contact Phone]<br>
|
||||
[Contact Email]
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="section-title">Neighborhood Highlights</h3>
|
||||
<ul class="highlights-list-p6">
|
||||
<li><i class="fa-solid fa-tree-city"></i> <strong>Landmarks:</strong> Central Park (5 min)</li>
|
||||
<li><i class="fa-solid fa-train-subway"></i> <strong>Transportation:</strong> Metro Line A (2 min walk)</li>
|
||||
<li><i class="fa-solid fa-school"></i> <strong>Schools:</strong> Metropolis Intl. (10 min)</li>
|
||||
<li><i class="fa-solid fa-cart-shopping"></i> <strong>Shopping:</strong> The Galleria Mall (8 min)</li>
|
||||
<li><i class="fa-solid fa-plane-departure"></i> <strong>Airport:</strong> 25 min drive</li>
|
||||
<li><i class="fa-solid fa-tree-city"></i> <strong>Landmarks:</strong> [Landmarks]</li>
|
||||
<li><i class="fa-solid fa-train-subway"></i> <strong>Transportation:</strong> [Transportation]</li>
|
||||
<li><i class="fa-solid fa-school"></i> <strong>Schools:</strong> [Schools]</li>
|
||||
<li><i class="fa-solid fa-cart-shopping"></i> <strong>Shopping:</strong> [Shopping]</li>
|
||||
<li><i class="fa-solid fa-plane-departure"></i> <strong>Airport:</strong> [Airport]</li>
|
||||
</ul>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="page-footer-bar">
|
||||
<span class="property-name">THE VERTICE</span>
|
||||
<span class="property-name">[Property Name]</span>
|
||||
<span>Page 06 / 06</span>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user