Casas individuales completas

src/app/app-routing.module.ts

@@ -2,10 +2,14 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { HomeComponent } from './pages/home/home.component';
 import { CasaAlemanaComponent } from './pages/casa-alemana/casa-alemana.component';
+import { CasaCassandraComponent } from './pages/casa-cassandra/casa-cassandra.component';
+import { CasaTerrazaComponent } from './pages/casa-terraza/casa-terraza.component';
 
 const routes: Routes = [
     { path: '', component: HomeComponent },
     { path: 'alemanas', component: CasaAlemanaComponent },
+    { path: 'cassandra', component: CasaCassandraComponent },
+    { path: 'terraza', component: CasaTerrazaComponent },
   
 ];
 

src/app/app.module.ts

@@ -8,6 +8,8 @@ import { HomeComponent } from './pages/home/home.component';
 import { SidebarComponent } from './shared/sidebar/sidebar.component';
 import { CarruselComponent } from './components/carrusel/carrusel.component';
 import { CasaAlemanaComponent } from './pages/casa-alemana/casa-alemana.component';
+import { CasaCassandraComponent } from './pages/casa-cassandra/casa-cassandra.component';
+import { CasaTerrazaComponent } from './pages/casa-terraza/casa-terraza.component';
 
 @NgModule({
   declarations: [
@@ -16,7 +18,9 @@ import { CasaAlemanaComponent } from './pages/casa-alemana/casa-alemana.componen
     HomeComponent,
     SidebarComponent,
     CarruselComponent,
-    CasaAlemanaComponent
+    CasaAlemanaComponent,
+    CasaCassandraComponent,
+    CasaTerrazaComponent
   ],
   imports: [
     BrowserModule,

src/app/pages/casa-cassandra/casa-cassandra.component.html

@@ -0,0 +1,311 @@
+<div class="w-full min-h-screen flex flex-col items-center">
+    <div class="flex gap-x-10 mt-8">
+        <div class="w-9/12 ml-10 text-center flex flex-col">
+            <div class="border-y border-gray-200 py-20">
+                <h2 class="text-2xl font-semibold">Casa Casandra</h2>
+            </div>
+            <div class="border-b border-gray-200 py-7 flex flex-col">
+                <span class="mx-auto text-xl text-gray-700 mb-10">
+                    Amplia y deslumbrante casa, hospédate en ésta increíble casa en un exclusivo fraccionamiento
+                    residencial de la Ciudad de la Eterna Primavera </span>
+                <span class="mx-auto text-xl text-gray-700">
+                    ✺Casa ideal para familias numerosas, perfecta para disfrutar de su amplia alberca y jardín.
+                    ✺Cuenta con seguridad privada.
+                </span>
+            </div>
+            <div class="mx-auto h-[550px] mt-10">
+                <iframe width="800" height="450" src="https://www.youtube.com/embed/3aYbo42AJIA?si=RshuH-gwz37F0txi"
+                    title="YouTube video player" frameborder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+            </div>
+
+            <section class="py-14 gap-y-10">
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z"
+                                clip-rule="evenodd" />
+                        </svg>
+                        Características
+                    </span>
+                    <div class="">
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Consta de 9 recámaras en 2 plantas.
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            2 cocinas totalmente equipadas, amplios comedores y salas. </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Camastros, desayunador en el jardín.
+
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Alberca grande.
+                        </span>
+                    </div>
+
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-2 9a4 4 0 0 0-4 4v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1a4 4 0 0 0-4-4H6Zm7.25-2.095c.478-.86.75-1.85.75-2.905a5.973 5.973 0 0 0-.75-2.906 4 4 0 1 1 0 5.811ZM15.466 20c.34-.588.535-1.271.535-2v-1a5.978 5.978 0 0 0-1.528-4H18a4 4 0 0 1 4 4v1a2 2 0 0 1-2 2h-4.535Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+                        Capacidad
+                    </span>
+                    <div class="flex mt-6">
+                        <span class="text-xl">
+                            Pueden llegar hasta 21 personas. Persona Extra $350.00 pesos.
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-2 9a4 4 0 0 0-4 4v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1a4 4 0 0 0-4-4H6Zm7.25-2.095c.478-.86.75-1.85.75-2.905a5.973 5.973 0 0 0-.75-2.906 4 4 0 1 1 0 5.811ZM15.466 20c.34-.588.535-1.271.535-2v-1a5.978 5.978 0 0 0-1.528-4H18a4 4 0 0 1 4 4v1a2 2 0 0 1-2 2h-4.535Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+                        Propiedad
+                    </span>
+                    <div class="flex mt-6">
+                        <span class="text-xl">
+                            Familiar.
+
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M8 17.345a4.76 4.76 0 0 0 2.558 1.618c2.274.589 4.512-.446 4.999-2.31.487-1.866-1.273-3.9-3.546-4.49-2.273-.59-4.034-2.623-3.547-4.488.486-1.865 2.724-2.899 4.998-2.31.982.236 1.87.793 2.538 1.592m-3.879 12.171V21m0-18v2.2" />
+                        </svg>
+
+
+                        Costos
+                    </span>
+                    <div class="flex flex-col">
+
+
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            <p class="text-[#FF0000]">Fin de semana </p>Viernes a Domingo <p class="text-[#FF0000]">
+                                $12,000.00 pesos. </p>Sabado y Domingo <p class="text-[#FF0000]">
+                                $11,000.00 pesos.</p>
+                        </span>
+
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            <p class="text-[#FF0000]">Puente </p>(3 días, 2 noches)<p class="text-[#FF0000]">$15,000.00
+                                pesos. </p>(4 días, 3 noches)<p class="text-[#FF0000]">$15,000.00 pesos. </p>
+                        </span>
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            <p class="text-[#FF0000]">Semana Santa </p>(5 días, 4 noches)<p class="text-[#FF0000]">
+                                $20,000.00 pesos.</p> (4 días, 3 noches) $23,000.00 pesos.
+                        </span>
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            Días adicionales<p class="text-[#FF0000]">$2,500.00 pesos.</p>
+                        </span>
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1 text-start">
+                            ✺ Si usted requiere la casa para realizar un evento social el costo es diferente ya que la
+                            casa es únicamente para el cupo máximo (21 personas) .
+                        </span>
+
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M12 14a3 3 0 0 1 3-3h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a3 3 0 0 1-3-3Zm3-1a1 1 0 1 0 0 2h4v-2h-4Z"
+                                clip-rule="evenodd" />
+                            <path fill-rule="evenodd"
+                                d="M12.293 3.293a1 1 0 0 1 1.414 0L16.414 6h-2.828l-1.293-1.293a1 1 0 0 1 0-1.414ZM12.414 6 9.707 3.293a1 1 0 0 0-1.414 0L5.586 6h6.828ZM4.586 7l-.056.055A2 2 0 0 0 3 9v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2h-4a5 5 0 0 1 0-10h4a2 2 0 0 0-1.53-1.945L17.414 7H4.586Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+
+                        Depósito
+                    </span>
+                    <div class="flex flex-col text-start mt-6">
+                        <span class="text-xl flex">Reserve con un depósito del <p class="text-[#FF0000] mx-1">50%</p>
+                            del
+                            costo total.</span>
+                        <span class="text-xl">Liquidación al momento de su llegada.</span>
+                        <span class="text-xl">Depósito de garantía de $3,000.00 pesos reembolsables a 24 horas después
+                            de su
+                            salida.</span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+                        </svg>
+
+
+
+                        Horarios
+                    </span>
+                    <div class="flex flex-col text-start mt-6">
+                        <span class="text-xl flex">
+                            <p class="text-[#FF0000] mr-1">ENTRADA</p> VIERNES 12:00 p.m – 11:00 p.m. <p
+                                class="text-[#FF0000] mx-1">SALIDA</p> DOMINGO antes de las
+                            5:00 p.m.
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg fill="#000000" class="w-14 h-14" version="1.1" id="Layer_1"
+                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                            viewBox="0 0 512 512" xml:space="preserve">
+                            <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                            <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                            <g id="SVGRepo_iconCarrier">
+                                <g>
+                                    <g>
+                                        <g>
+                                            <path
+                                                d="M115.652,306.304c4.181,2.074,9.284,0.401,11.401-3.789c2.125-4.181,0.444-9.31-3.729-11.46 c-1.237-0.64-30.455-16.171-38.11-62.063c-0.623-3.772-3.686-6.664-7.501-7.074c-3.9-0.435-7.415,1.766-8.841,5.308 c-18.517,46.31,16.401,99.533,17.894,101.777c1.638,2.466,4.352,3.797,7.1,3.797c1.621,0,3.268-0.469,4.727-1.434 c3.917-2.611,4.983-7.902,2.381-11.827c-0.213-0.324-14.66-22.417-19.115-48.435C95.898,296.132,114.551,305.749,115.652,306.304 z">
+                                            </path>
+                                            <path
+                                                d="M155.273,324.096c4.617-0.922,7.62-5.419,6.699-10.035c-0.93-4.617-5.376-7.62-10.044-6.69 c-17.126,3.422-49.528,22.067-49.528,68.096c0,33.399,6.997,56.568,12.399,69.453c-18.68,3.627-29.466,15.377-29.466,32.947 C85.333,497.647,103.279,512,128,512h8.533c14.148,0,22.852-10.607,23.791-11.81c2.901-3.712,2.244-9.079-1.476-11.981 c-3.712-2.91-9.079-2.236-11.972,1.468c-0.043,0.06-4.378,5.257-10.342,5.257H128c-12.723,0-25.6-5.862-25.6-17.067 c0-4.224,0-17.067,25.6-17.067c3.132,0,5.999-1.732,7.492-4.489c1.493-2.756,1.34-6.118-0.367-8.738 c-0.162-0.247-15.659-24.559-15.659-72.107C119.467,332.194,153.856,324.403,155.273,324.096z">
+                                            </path>
+                                            <path
+                                                d="M397.201,444.919c5.402-12.885,12.399-36.053,12.399-69.453c0-46.029-32.401-64.674-49.527-68.096 c-4.625-0.913-9.114,2.065-10.044,6.69c-0.922,4.617,2.082,9.114,6.699,10.035c1.468,0.299,35.806,7.672,35.806,51.371 c0,47.548-15.497,71.859-15.633,72.064c-1.741,2.62-1.911,5.99-0.427,8.764c1.485,2.773,4.378,4.506,7.526,4.506 c25.6,0,25.6,12.843,25.6,17.067c0,11.204-12.877,17.067-25.6,17.067h-8.533c-5.888,0-10.223-5.111-10.394-5.316 c-2.91-3.644-8.226-4.292-11.921-1.408c-3.721,2.901-4.378,8.269-1.476,11.981c0.939,1.203,9.643,11.81,23.791,11.81H384 c24.73,0,42.667-14.353,42.667-34.133C426.667,460.297,415.881,448.546,397.201,444.919z">
+                                            </path>
+                                            <path
+                                                d="M308.634,444.382l15.514-93.107c0.776-4.651-2.364-9.045-7.014-9.822c-4.668-0.768-9.045,2.364-9.813,7.006 l-15.881,95.275h-1.306c-4.719,0-8.533,3.823-8.533,8.533c0,4.71,3.814,8.533,8.533,8.533h8.533c25.6,0,25.6,12.843,25.6,17.067 c0,11.204-12.877,17.067-25.6,17.067h-8.533c-14.114,0-25.6-11.486-25.6-25.6V349.867c0-4.71-3.814-8.533-8.533-8.533 c-4.719,0-8.533,3.823-8.533,8.533v119.467c0,14.114-11.486,25.6-25.6,25.6h-8.533c-12.723,0-25.6-5.862-25.6-17.067 c0-4.224,0-17.067,25.6-17.067h8.533c4.719,0,8.533-3.823,8.533-8.533c0-4.71-3.814-8.533-8.533-8.533h-1.306l-15.88-95.275 c-0.759-4.642-5.154-7.774-9.813-7.006c-4.651,0.777-7.791,5.171-7.014,9.822l15.514,93.107 c-20.668,2.859-32.7,14.925-32.7,33.485c0,19.78,17.946,34.133,42.667,34.133h8.533c13.943,0,26.342-6.724,34.133-17.092 C263.791,505.276,276.19,512,290.133,512h8.533c24.73,0,42.667-14.353,42.667-34.133 C341.333,459.307,329.301,447.241,308.634,444.382z">
+                                            </path>
+                                            <path
+                                                d="M468.429,72.986C449.673,35.465,404.489,0,375.467,0c-16.478,0-44.834,25.549-59.076,39.475 C299.93,25.37,279.893,17.067,256,17.067s-43.93,8.303-60.39,22.409C181.367,25.549,153.011,0,136.533,0 c-29.022,0-74.206,35.465-92.962,72.986c-5.649,11.281-9.438,26.53-9.438,37.948c0,23.526,19.14,42.667,42.667,42.667 c21.205,0,30.694-13.943,38.306-25.148c0.93-1.357,1.852-2.722,2.927-4.25l34.133-51.2c2.62-3.925,1.562-9.225-2.364-11.836 c-3.942-2.628-9.225-1.562-11.836,2.364l-34.005,51.012c-1.007,1.425-1.988,2.867-2.97,4.309 c-7.672,11.298-12.587,17.681-24.192,17.681c-14.114,0-25.6-11.486-25.6-25.6c0-8.866,3.14-21.333,7.637-30.319 c16.811-33.63,57.455-63.548,77.696-63.548c7.279,0,28.945,16.947,47.01,34.509c-32.06,37.274-47.01,99.678-47.01,161.758 c0,78.788,34.611,110.933,119.467,110.933s119.467-32.145,119.467-110.933c0-62.089-14.95-124.484-47.01-161.758 c18.065-17.562,39.723-34.509,47.01-34.509c20.241,0,60.885,29.918,77.705,63.548c4.489,8.986,7.629,21.453,7.629,30.319 c0,14.114-11.486,25.6-25.6,25.6c-12.023,0-16.768-6.315-24.772-18.406l-36.395-54.596c-2.611-3.925-7.91-4.992-11.836-2.364 c-3.925,2.611-4.983,7.91-2.364,11.836l36.361,54.545c8.09,12.211,17.246,26.052,39.006,26.052 c23.526,0,42.667-19.14,42.667-42.667C477.867,99.516,474.078,84.267,468.429,72.986z M358.4,213.333 c0,69.308-26.803,93.867-102.4,93.867s-102.4-24.559-102.4-93.867c0-89.199,31.667-179.2,102.4-179.2 S358.4,124.134,358.4,213.333z">
+                                            </path>
+                                            <path
+                                                d="M299.614,252.092c-1.459,2.842-7.159,3.874-9.481,3.908c-9.992,0-20.318-8.508-24.047-18.287 c14.029-3.174,24.047-12.689,24.047-24.38c0-14.353-14.993-25.6-34.133-25.6s-34.133,11.247-34.133,25.6 c0,11.691,10.018,21.205,24.047,24.38C242.193,247.492,231.868,256,221.926,256c-2.449-0.034-8.03-1.067-9.591-4.002 c-2.21-4.164-7.373-5.743-11.537-3.533s-5.751,7.373-3.533,11.537c6.741,12.698,22.793,13.065,24.602,13.065 c13.252,0,26.069-7.569,34.133-18.398c8.064,10.829,20.881,18.398,34.133,18.398c1.826,0,18.057-0.375,24.653-13.158 c2.159-4.19,0.512-9.335-3.678-11.494S301.781,247.893,299.614,252.092z M256,221.867c-10.257,0-17.067-5.137-17.067-8.533 c0-3.396,6.81-8.533,17.067-8.533c10.419,0,17.067,5.052,17.067,8.533C273.067,216.815,266.419,221.867,256,221.867z">
+                                            </path>
+                                            <path
+                                                d="M294.4,153.6c7.057,0,12.8-5.743,12.8-12.8s-5.743-12.8-12.8-12.8c-7.057,0-12.8,5.743-12.8,12.8 S287.343,153.6,294.4,153.6z">
+                                            </path>
+                                            <path
+                                                d="M217.6,153.6c7.057,0,12.8-5.743,12.8-12.8s-5.743-12.8-12.8-12.8s-12.8,5.743-12.8,12.8S210.543,153.6,217.6,153.6z">
+                                            </path>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </svg>
+
+                        Mascotas
+                    </span>
+                    <div class="flex mt-6">
+                        <span class="text-xl text-[#FF0000]">
+                            NO PERMITIDAS.
+
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M11.906 1.994a8.002 8.002 0 0 1 8.09 8.421 7.996 7.996 0 0 1-1.297 3.957.996.996 0 0 1-.133.204l-.108.129c-.178.243-.37.477-.573.699l-5.112 6.224a1 1 0 0 1-1.545 0L5.982 15.26l-.002-.002a18.146 18.146 0 0 1-.309-.38l-.133-.163a.999.999 0 0 1-.13-.202 7.995 7.995 0 0 1 6.498-12.518ZM15 9.997a3 3 0 1 1-5.999 0 3 3 0 0 1 5.999 0Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+
+                        Ubicación
+                    </span>
+                    <div class="flex flex-col mt-6">
+                        <span class="text-start text-2xl">Ubicada en: Fraccionamiento “Las Fincas”, Jiutepec, Morelos.</span>
+                        <iframe
+                            src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d943.8111821630841!2d-99.18237872424434!3d18.87622126501957!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTjCsDUyJzM0LjQiTiA5OcKwMTAnNTIuMiJX!5e0!3m2!1ses!2smx!4v1742834845338!5m2!1ses!2smx"
+                            width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
+                            referrerpolicy="no-referrer-when-downgrade"></iframe>
+                    </div>
+                </div>
+
+            </section>
+
+
+
+
+        </div>
+        <div class="w-3/12">
+            <app-sidebar></app-sidebar>
+        </div>
+    </div>
+</div>

src/app/pages/casa-cassandra/casa-cassandra.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-casa-cassandra',
+  templateUrl: './casa-cassandra.component.html',
+  styleUrl: './casa-cassandra.component.css'
+})
+export class CasaCassandraComponent {
+
+}

src/app/pages/casa-terraza/casa-terraza.component.html

@@ -0,0 +1,345 @@
+<div class="w-full min-h-screen flex flex-col items-center">
+    <div class="flex gap-x-10 mt-8">
+        <div class="w-9/12 ml-10 text-center flex flex-col">
+            <div class="border-y border-gray-200 py-20">
+                <h2 class="text-2xl font-semibold">Casa Terrazas</h2>
+            </div>
+            <div class="border-b border-gray-200 py-7 flex flex-col">
+                <span class="mx-auto text-xl text-gray-700 mb-10">
+                    Espectacular casa en fraccionamiento residencial con club campestre, encantadora y nueva.
+                    Simplemente inigualable. Diseñada para el descanso de tu familia con alberca, terrazas, asador en
+                    zona exclusiva. Cuenta con seguridad Privada.
+                </span>
+                <!-- <span class="mx-auto text-xl text-gray-700">
+                    ✺Casa ideal para familias numerosas, perfecta para disfrutar de su amplia alberca y jardín.
+                    ✺Cuenta con seguridad privada.
+                </span> -->
+            </div>
+            <div class="mx-auto h-[550px] mt-10">
+                <iframe width="800" height="450" src="https://www.youtube.com/embed/wRlaCkRwSAE?si=6REHp9t9BgxJwHD0"
+                    title="YouTube video player" frameborder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+            </div>
+
+            <section class="py-14 gap-y-10">
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z"
+                                clip-rule="evenodd" />
+                        </svg>
+                        Características
+                    </span>
+                    <div class="">
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Consta de 5 recámaras con baño.
+
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>Cocina totalmente equipada.
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Terrazas con muebles (sala y comedor exterior).
+
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Mesa de juego.
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Sala, comedor.
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Preciosa alberca.
+                        </span>
+                        <span class="flex gap-x-2 mt-5">
+                            <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                                xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                                viewBox="0 0 24 24">
+                                <path fill-rule="evenodd"
+                                    d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
+                                    clip-rule="evenodd" />
+                            </svg>
+                            Camastros.
+                        </span>
+                    </div>
+
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-2 9a4 4 0 0 0-4 4v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1a4 4 0 0 0-4-4H6Zm7.25-2.095c.478-.86.75-1.85.75-2.905a5.973 5.973 0 0 0-.75-2.906 4 4 0 1 1 0 5.811ZM15.466 20c.34-.588.535-1.271.535-2v-1a5.978 5.978 0 0 0-1.528-4H18a4 4 0 0 1 4 4v1a2 2 0 0 1-2 2h-4.535Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+                        Capacidad
+                    </span>
+                    <div class="flex mt-6">
+                        <span class="text-xl">
+                            Pueden llegar hasta 12 personas. Persona Extra $350.00 pesos.
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M8 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-2 9a4 4 0 0 0-4 4v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1a4 4 0 0 0-4-4H6Zm7.25-2.095c.478-.86.75-1.85.75-2.905a5.973 5.973 0 0 0-.75-2.906 4 4 0 1 1 0 5.811ZM15.466 20c.34-.588.535-1.271.535-2v-1a5.978 5.978 0 0 0-1.528-4H18a4 4 0 0 1 4 4v1a2 2 0 0 1-2 2h-4.535Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+                        Propiedad
+                    </span>
+                    <div class="flex mt-6">
+                        <span class="text-xl">
+                            Familiar.
+
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M8 17.345a4.76 4.76 0 0 0 2.558 1.618c2.274.589 4.512-.446 4.999-2.31.487-1.866-1.273-3.9-3.546-4.49-2.273-.59-4.034-2.623-3.547-4.488.486-1.865 2.724-2.899 4.998-2.31.982.236 1.87.793 2.538 1.592m-3.879 12.171V21m0-18v2.2" />
+                        </svg>
+
+
+                        Costos
+                    </span>
+                    <div class="flex flex-col">
+
+
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            <p class="text-[#FF0000]">Normal </p>Viernes a Domingo <p class="text-[#FF0000]">
+                                $7,500.00 pesos. </p>Sabado y Domingo <p class="text-[#FF0000]">
+                                $7,000.00 pesos.</p>
+                        </span>
+
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            <p class="text-[#FF0000]">Puente </p>(4 días, 3 noches)<p class="text-[#FF0000]">$9,000.00
+                                pesos. </p>(5 días, 4 noches)<p class="text-[#FF0000]">$10,500.00 pesos.</p>
+                        </span>
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            <p class="text-[#FF0000]">Semana Santa </p>(4 días, 3 noches)<p class="text-[#FF0000]">
+                                $21,000.00 pesos.</p> (5 días, 4 noches) <p class="text-[#FF0000]">$23,000.00 pesos.</p>
+                        </span>
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1">
+                            Días adicionales<p class="text-[#FF0000]">$2,500.00 pesos.</p>
+                        </span>
+                        <span class="text-xl w-full flex border-b border-gray-200 py-5 gap-x-1 text-start">
+                            ✺ Si usted requiere la casa para realizar un evento social el costo es diferente ya que la
+                            casa es únicamente para el cupo máximo (12 personas) .
+                        </span>
+
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M12 14a3 3 0 0 1 3-3h4a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a3 3 0 0 1-3-3Zm3-1a1 1 0 1 0 0 2h4v-2h-4Z"
+                                clip-rule="evenodd" />
+                            <path fill-rule="evenodd"
+                                d="M12.293 3.293a1 1 0 0 1 1.414 0L16.414 6h-2.828l-1.293-1.293a1 1 0 0 1 0-1.414ZM12.414 6 9.707 3.293a1 1 0 0 0-1.414 0L5.586 6h6.828ZM4.586 7l-.056.055A2 2 0 0 0 3 9v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2h-4a5 5 0 0 1 0-10h4a2 2 0 0 0-1.53-1.945L17.414 7H4.586Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+
+                        Depósito
+                    </span>
+                    <div class="flex flex-col text-start mt-6">
+                        <span class="text-xl flex">Reserve con un depósito del <p class="text-[#FF0000] mx-1">50%</p>
+                            del
+                            costo total.</span>
+                        <span class="text-xl">Liquidación al momento de su llegada.</span>
+                        <span class="text-xl">Depósito de garantía de $3,000.00 pesos reembolsables a 24 horas después
+                            de su
+                            salida.</span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+                        </svg>
+
+
+
+                        Horarios
+                    </span>
+                    <div class="flex flex-col text-start mt-6">
+                        <span class="text-xl flex">
+                            <p class="text-[#FF0000] mr-1">ENTRADA</p> VIERNES 12:00 p.m – 11:00 p.m. <p
+                                class="text-[#FF0000] mx-1">SALIDA</p> DOMINGO antes de las
+                            5:00 p.m.
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg fill="#000000" class="w-14 h-14" version="1.1" id="Layer_1"
+                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+                            viewBox="0 0 512 512" xml:space="preserve">
+                            <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+                            <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+                            <g id="SVGRepo_iconCarrier">
+                                <g>
+                                    <g>
+                                        <g>
+                                            <path
+                                                d="M115.652,306.304c4.181,2.074,9.284,0.401,11.401-3.789c2.125-4.181,0.444-9.31-3.729-11.46 c-1.237-0.64-30.455-16.171-38.11-62.063c-0.623-3.772-3.686-6.664-7.501-7.074c-3.9-0.435-7.415,1.766-8.841,5.308 c-18.517,46.31,16.401,99.533,17.894,101.777c1.638,2.466,4.352,3.797,7.1,3.797c1.621,0,3.268-0.469,4.727-1.434 c3.917-2.611,4.983-7.902,2.381-11.827c-0.213-0.324-14.66-22.417-19.115-48.435C95.898,296.132,114.551,305.749,115.652,306.304 z">
+                                            </path>
+                                            <path
+                                                d="M155.273,324.096c4.617-0.922,7.62-5.419,6.699-10.035c-0.93-4.617-5.376-7.62-10.044-6.69 c-17.126,3.422-49.528,22.067-49.528,68.096c0,33.399,6.997,56.568,12.399,69.453c-18.68,3.627-29.466,15.377-29.466,32.947 C85.333,497.647,103.279,512,128,512h8.533c14.148,0,22.852-10.607,23.791-11.81c2.901-3.712,2.244-9.079-1.476-11.981 c-3.712-2.91-9.079-2.236-11.972,1.468c-0.043,0.06-4.378,5.257-10.342,5.257H128c-12.723,0-25.6-5.862-25.6-17.067 c0-4.224,0-17.067,25.6-17.067c3.132,0,5.999-1.732,7.492-4.489c1.493-2.756,1.34-6.118-0.367-8.738 c-0.162-0.247-15.659-24.559-15.659-72.107C119.467,332.194,153.856,324.403,155.273,324.096z">
+                                            </path>
+                                            <path
+                                                d="M397.201,444.919c5.402-12.885,12.399-36.053,12.399-69.453c0-46.029-32.401-64.674-49.527-68.096 c-4.625-0.913-9.114,2.065-10.044,6.69c-0.922,4.617,2.082,9.114,6.699,10.035c1.468,0.299,35.806,7.672,35.806,51.371 c0,47.548-15.497,71.859-15.633,72.064c-1.741,2.62-1.911,5.99-0.427,8.764c1.485,2.773,4.378,4.506,7.526,4.506 c25.6,0,25.6,12.843,25.6,17.067c0,11.204-12.877,17.067-25.6,17.067h-8.533c-5.888,0-10.223-5.111-10.394-5.316 c-2.91-3.644-8.226-4.292-11.921-1.408c-3.721,2.901-4.378,8.269-1.476,11.981c0.939,1.203,9.643,11.81,23.791,11.81H384 c24.73,0,42.667-14.353,42.667-34.133C426.667,460.297,415.881,448.546,397.201,444.919z">
+                                            </path>
+                                            <path
+                                                d="M308.634,444.382l15.514-93.107c0.776-4.651-2.364-9.045-7.014-9.822c-4.668-0.768-9.045,2.364-9.813,7.006 l-15.881,95.275h-1.306c-4.719,0-8.533,3.823-8.533,8.533c0,4.71,3.814,8.533,8.533,8.533h8.533c25.6,0,25.6,12.843,25.6,17.067 c0,11.204-12.877,17.067-25.6,17.067h-8.533c-14.114,0-25.6-11.486-25.6-25.6V349.867c0-4.71-3.814-8.533-8.533-8.533 c-4.719,0-8.533,3.823-8.533,8.533v119.467c0,14.114-11.486,25.6-25.6,25.6h-8.533c-12.723,0-25.6-5.862-25.6-17.067 c0-4.224,0-17.067,25.6-17.067h8.533c4.719,0,8.533-3.823,8.533-8.533c0-4.71-3.814-8.533-8.533-8.533h-1.306l-15.88-95.275 c-0.759-4.642-5.154-7.774-9.813-7.006c-4.651,0.777-7.791,5.171-7.014,9.822l15.514,93.107 c-20.668,2.859-32.7,14.925-32.7,33.485c0,19.78,17.946,34.133,42.667,34.133h8.533c13.943,0,26.342-6.724,34.133-17.092 C263.791,505.276,276.19,512,290.133,512h8.533c24.73,0,42.667-14.353,42.667-34.133 C341.333,459.307,329.301,447.241,308.634,444.382z">
+                                            </path>
+                                            <path
+                                                d="M468.429,72.986C449.673,35.465,404.489,0,375.467,0c-16.478,0-44.834,25.549-59.076,39.475 C299.93,25.37,279.893,17.067,256,17.067s-43.93,8.303-60.39,22.409C181.367,25.549,153.011,0,136.533,0 c-29.022,0-74.206,35.465-92.962,72.986c-5.649,11.281-9.438,26.53-9.438,37.948c0,23.526,19.14,42.667,42.667,42.667 c21.205,0,30.694-13.943,38.306-25.148c0.93-1.357,1.852-2.722,2.927-4.25l34.133-51.2c2.62-3.925,1.562-9.225-2.364-11.836 c-3.942-2.628-9.225-1.562-11.836,2.364l-34.005,51.012c-1.007,1.425-1.988,2.867-2.97,4.309 c-7.672,11.298-12.587,17.681-24.192,17.681c-14.114,0-25.6-11.486-25.6-25.6c0-8.866,3.14-21.333,7.637-30.319 c16.811-33.63,57.455-63.548,77.696-63.548c7.279,0,28.945,16.947,47.01,34.509c-32.06,37.274-47.01,99.678-47.01,161.758 c0,78.788,34.611,110.933,119.467,110.933s119.467-32.145,119.467-110.933c0-62.089-14.95-124.484-47.01-161.758 c18.065-17.562,39.723-34.509,47.01-34.509c20.241,0,60.885,29.918,77.705,63.548c4.489,8.986,7.629,21.453,7.629,30.319 c0,14.114-11.486,25.6-25.6,25.6c-12.023,0-16.768-6.315-24.772-18.406l-36.395-54.596c-2.611-3.925-7.91-4.992-11.836-2.364 c-3.925,2.611-4.983,7.91-2.364,11.836l36.361,54.545c8.09,12.211,17.246,26.052,39.006,26.052 c23.526,0,42.667-19.14,42.667-42.667C477.867,99.516,474.078,84.267,468.429,72.986z M358.4,213.333 c0,69.308-26.803,93.867-102.4,93.867s-102.4-24.559-102.4-93.867c0-89.199,31.667-179.2,102.4-179.2 S358.4,124.134,358.4,213.333z">
+                                            </path>
+                                            <path
+                                                d="M299.614,252.092c-1.459,2.842-7.159,3.874-9.481,3.908c-9.992,0-20.318-8.508-24.047-18.287 c14.029-3.174,24.047-12.689,24.047-24.38c0-14.353-14.993-25.6-34.133-25.6s-34.133,11.247-34.133,25.6 c0,11.691,10.018,21.205,24.047,24.38C242.193,247.492,231.868,256,221.926,256c-2.449-0.034-8.03-1.067-9.591-4.002 c-2.21-4.164-7.373-5.743-11.537-3.533s-5.751,7.373-3.533,11.537c6.741,12.698,22.793,13.065,24.602,13.065 c13.252,0,26.069-7.569,34.133-18.398c8.064,10.829,20.881,18.398,34.133,18.398c1.826,0,18.057-0.375,24.653-13.158 c2.159-4.19,0.512-9.335-3.678-11.494S301.781,247.893,299.614,252.092z M256,221.867c-10.257,0-17.067-5.137-17.067-8.533 c0-3.396,6.81-8.533,17.067-8.533c10.419,0,17.067,5.052,17.067,8.533C273.067,216.815,266.419,221.867,256,221.867z">
+                                            </path>
+                                            <path
+                                                d="M294.4,153.6c7.057,0,12.8-5.743,12.8-12.8s-5.743-12.8-12.8-12.8c-7.057,0-12.8,5.743-12.8,12.8 S287.343,153.6,294.4,153.6z">
+                                            </path>
+                                            <path
+                                                d="M217.6,153.6c7.057,0,12.8-5.743,12.8-12.8s-5.743-12.8-12.8-12.8s-12.8,5.743-12.8,12.8S210.543,153.6,217.6,153.6z">
+                                            </path>
+                                        </g>
+                                    </g>
+                                </g>
+                            </g>
+                        </svg>
+
+                        Mascotas
+                    </span>
+                    <div class="flex mt-6">
+                        <span class="text-xl text-[#FF0000]">
+                            NO PERMITIDAS.
+
+                        </span>
+                    </div>
+                </div>
+
+
+                <!-- ----------------- -->
+                <div class="flex flex-col mb-16">
+                    <span
+                        class="text-4xl flex justify-start items-center border-b border-gray-200 w-full font-semibold py-4">
+                        <svg class="w-14 h-14 text-gray-800 dark:text-white" aria-hidden="true"
+                            xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
+                            viewBox="0 0 24 24">
+                            <path fill-rule="evenodd"
+                                d="M11.906 1.994a8.002 8.002 0 0 1 8.09 8.421 7.996 7.996 0 0 1-1.297 3.957.996.996 0 0 1-.133.204l-.108.129c-.178.243-.37.477-.573.699l-5.112 6.224a1 1 0 0 1-1.545 0L5.982 15.26l-.002-.002a18.146 18.146 0 0 1-.309-.38l-.133-.163a.999.999 0 0 1-.13-.202 7.995 7.995 0 0 1 6.498-12.518ZM15 9.997a3 3 0 1 1-5.999 0 3 3 0 0 1 5.999 0Z"
+                                clip-rule="evenodd" />
+                        </svg>
+
+
+                        Ubicación
+                    </span>
+                    <div class="flex flex-col mt-6">
+                        <span class="text-start text-2xl">Ubicada en: Fraccionamiento “Las Fincas”, Jiutepec,
+                            Morelos.</span>
+                        <iframe
+                            src="https://www.google.com/maps/embed?pb=!1m13!1m8!1m3!1d1887.6223673114541!2d-99.182379!3d18.876221!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMTjCsDUyJzM0LjQiTiA5OcKwMTAnNTIuMiJX!5e0!3m2!1ses!2smx!4v1742835804904!5m2!1ses!2smx"
+                            width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
+                            referrerpolicy="no-referrer-when-downgrade"></iframe>
+                    </div>
+                </div>
+
+            </section>
+
+
+
+
+        </div>
+        <div class="w-3/12">
+            <app-sidebar></app-sidebar>
+        </div>
+    </div>
+</div>

src/app/pages/casa-terraza/casa-terraza.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-casa-terraza',
+  templateUrl: './casa-terraza.component.html',
+  styleUrl: './casa-terraza.component.css'
+})
+export class CasaTerrazaComponent {
+
+}

src/app/shared/navbar/navbar.component.ts

@@ -9,8 +9,8 @@ export class NavbarComponent {
   public navOptions: { nombre: string, link: string }[] = [
     { nombre: 'Inicio', link: '/' },
     { nombre: 'Casas Alemanas', link: '/alemanas' },
-    { nombre: 'Casas Casandra', link: '/' },
-    { nombre: 'Casas Terrazas', link: '/' },
+    { nombre: 'Casas Casandra', link: '/cassandra' },
+    { nombre: 'Casas Terrazas', link: '/terraza' },
     { nombre: 'Jardín de Eventos', link: '/' },
     { nombre: 'Contáctanos', link: '/' },
   ]

src/index.html

@@ -3,10 +3,10 @@
 
 <head>
   <meta charset="utf-8">
-  <title>Casas</title>
+  <title>CORMOR Asociados</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" type="image/x-icon" href="assets/img/logo.jpg">
   <style>
     html,
     body {