# Catálogo de sitios pre-armados (Demos)
# Demo 01 - Sitio web multiuso
Esta página web está pensada para dar resultados, sea cual sea el negocio que tengas. Presenta tu marca a tus clientes, diles qué te hace diferente y en dónde te pueden encontrar.
# Imagen
# Código
---
headerTitle: EL NOMBRE DE TU EMPRESA
headerSubTitle: Tu slogan llamativo y contundente
hero01: /img/hero_demo.jpg
banner01: /img/banner01.jpg
banner02: /img/banner02.jpg
banner03: /img/banner03.jpg
banner04: /img/banner04.jpg
siteName: 'Tu sitio'
links:
- text: Misión
link: 'mision'
- text: Acerca de tu empresa
link: 'acerca'
- text: Servicios
link: 'servicios'
- text: Contacto
link: 'contacto'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
content01Text: 'Este es un gran lugar para la misión de tu empresa. También funciona bastante bien para resaltar un breve mensaje que cierre con una "llamada a la acción".'
content02Title: ACERCA DE TU EMPRESA
content02Text1: "A las personas les gusta conocer la forma en la que trabajan las empresas. Por esta razón existe este espacio, para que hables sobre qué hace tu empresa. Además, es una gran oportunidad para decirle a la gente qué ofreces, en qué te diferencias de los demás y sobre todo, por qué eres la mejor opción para el público."
content02Text2: "Aprovecha para hablar sobre las motivaciones que tiene tu empresa y de tus procesos para ofrecer productos o servicios de calidad. Puedes mencionar tus compromisos con tus clientes para que confíen en tu equipo y en tu marca."
content02Text3: "Usa este espacio para hablar sobre tu experiencia. Cuéntale a la gente cuántos años llevas en el mercado y cómo has evolucionado para brindar mejores experiencias a tus clientes. También puedes hablar sobre tu trabajo en equipo y tus procesos para rendir mejores resultados."
content02Text4: "Piensa en todas esas cosas que te gustaría que tu público conociera sobre tu empresa y de todo el esfuerzo detrás de lo que ofreces para cautivarlos. Este espacio es una oportunidad para dar a conocer lo que casi nadie sabe de tu negocio y puedes aprovecharlo de forma positiva."
servicesTitle: TUS SERVICIOS
services:
- title: Servicio 1
text: 'Piensa en tu producto o servicio principal, ese debe de ser el primero de esta lista y es el que podrás describir aquí mismo.'
- title: Servicio 2
text: 'Ordena tus productos o servicios en la prioridad que más te parezca adecuada y recuerda que deberás describir cada uno de forma muy breve.'
- title: Servicio 3
text: 'La importancia de describir tus productos o servicios hace una gran diferencia para que tus posibles clientes se interesen en lo que tu empresa les puede ofrecer.'
- title: Servicio 4
text: 'Piensa en cómo te gustaría presentar tus productos o servicios. Descríbelos con palabras clave o frases cortas que te ayuden a ti y al público a identificarlos.'
- title: Servicio 5
text: 'Además de descripciones de tus productos o servicios, también puedes usar preguntas para llegar a tus posibles clientes, por ejemplo “¿Tienes problema con..? Nosotros podemos ayudarte…” Aprovecha cada uno de estos espacios para convencer a tu cliente de lo que le ofreces.'
contactTitle: 'Ubicación y contacto'
contactAdress: 'Tu calle No. 100 Zona de la ciudad. Tu ciudad.'
contactMail: 'info@tuempresa.com'
contactTel: '55 5555 5555'
contactMaps: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3762.6220153408817!2d-99.10918055040719!3d19.42873094577654!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1feaeaae914a7%3A0x309cc48e621dcf8b!2sLife%20On%20Mars!5e0!3m2!1ses!2smx!4v1646776847851!5m2!1ses!2smx" style="border:0;" allowfullscreen="" loading="lazy"></iframe>'
footerText: '© Copyright 2021'
---
<div>
<navigation-04 :site-name="siteName" :links="links" :social-links="socialLinks" :phone="phone"></navigation-04>
<header-06 id="header" :title="headerTitle" :sub-title="headerSubTitle" :image="hero01" parallax ></header-06>
<content-01 id="mision" :text="content01Text"></content-01>
<banner-01 id="banner01" :image="banner01" parallax></banner-01>
<content-02 id="acerca" :title="content02Title" :text1="content02Text1" :text2="content02Text2" :text3="content02Text3" :text4="content02Text4"></content-02>
<content-03 id="servicios" :title="servicesTitle" :services="services" :image="banner02" parallax ></content-03>
<banner-01 :image="banner03" parallax></banner-01>
<content-04 id="contacto" :title="contactTitle" :adress="contactAdress" :mail="contactMail" :tel="contactTel" :google-maps-url="contactMaps" ></content-04>
<banner-01 :image="banner04"></banner-01>
<footer-01 :text="footerText" :social-links="socialLinks"></footer-01>
</div>
# Demo 02 - Sitio web para médicos
Si trabajas como profesional de la salud, este sitio web está diseñado para ti. Presenta tu mejor imagen y llega a nuevos pacientes.
# Imagen
# Código
---
headerTitle01: Profesionales en servicios médicos
headerSubTitle01: Dedicados a tu salud
headerButtonText01: Contactar
headerLink01: '#first'
siteName: Mi Sitio
siteLogo: /img/logo_redplanet_white.png
hero01: /img/RedPlanet_Medicos_HeroSecction_Slide1_1894x1044_V1.png
links:
- text: Inicio
link: 'inicio'
- text: Conócenos
link: 'conocenos'
- text: Servicios
link: 'servicios'
- text: Paquetes
link: 'paquetes'
- text: Testimonios
link: 'testimonios'
- text: Contacto
link: 'contacto'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
titleAbout02: Comprometidos con el bienestar de nuestros pacientes
textAbout02: 'Somos un equipo de profesionales de la salud en busca de otorgar a nuestros clientes servicios médicos de alta calidad. Conjugamos la mejor tecnología con el mejor personal para asegurar que cada persona reciba un tratamiento adecuado. Cuidamos lo que más importa: tu salud.'
image02About01: /img/RedPlanet_Medicos_About_Slide1_1894x1044_V1.png
image02About02: /img/RedPlanet_Medicos_About_Slide2_1894x1044_V1.png
service12Title: NUESTROS SERVICIOS
background12Color: '#26A7B4'
service12Cards:
- image: /img/RedPlanet_Medicos_Servicios_Icono1_800x800_V1.png
title: MEDICINA GENERAL
text: Médicos disponibles las 24 horas para diagnosticar o tratar enfermedades comunes.
- image: /img/RedPlanet_Medicos_Servicios_Icono2_800x800_V1.png
title: PEDIATRÍA
text: Cuidamos la salud de los más pequeños con médicos expertos en el área.
- image: /img/RedPlanet_Medicos_Servicios_Icono3_800x800_V1.png
title: NEUROLOGÍA
text: Brindamos diagnóstico y tratamiento de problemas neurológicos.
banner02Title: TU SALUD ES PRIMERO
banner02Subtitle: NOSOTROS NOS ASEGURAMOS DE CUIDARLA
banner02ButtonText: SOLICITAR UNA CONSULTA
banner02Link: '#about03'
backgroundColor: '#26A7B4'
service13Cards:
- number: '01'
title: PAQUETE PRIMER AÑO
text: Consultas pediátricas ilimitadas y asesoría vía online por un año.
- number: '02'
title: PAQUETE INFANTIL
text: Consultas pediátricas ilimitadas y asesoría online por seis meses.
- number: '03'
title: PAQUETE ADULTO
text: Consultas ilimitadas en medicina general por seis meses o un año.
- number: '04'
title: PAQUETE NEUROLÓGICO
text: Examen y rehabilitación con seguimiento por un año a precio preferencial.
testimonial01Title: '“La atención y calidad de los doctores es la mejor. Sea la hora que sea, ellos te reciben con amabilidad y te brindan un diagnóstico certero.”'
testimonial01Name: Joseline Ramos
testimonial01Text: Maestra
backgroundTestimonialColor: '#26A7B4'
textTestimonialColor: '#26A7B4'
formText: '¿NECESITAS INFORMACIÓN? '
formSubtext: 'CONTÁCTANOS'
formImage: /img/RedPlanet_Medicos_About_Slide1_635x476_V1.png
formSuccessMessage: Se ha enviado con exito.
formFailureMessage: Ha habido un problema.
firstColumnTitle: CONTACTO
firstColumnLinks:
- text: '55 555 555'
link: 'tel:888 999 0000'
type: 'phone'
- text: 'info@tusitio.com'
link: 'mailto:help@redplanet.com.mx'
type: 'mail'
- text: 'Tu dirección No. 000 Piso 3 Oficina 001 Col. Tu localidad C.P. 00000, Ciudad de México '
link: ''
type: 'address'
copyright: '©copyright Todos los derechos reservados. Tu sitio 2022.'
---
<div>
<navigation-01 :site-name="siteName" :site-logo="siteLogo" :links="links" :social-links="socialLinks" :phone="phone" body-classes="border-opacity-50 border-gray-500 fixed top-0 left-0 w-full"></navigation-01>
<header-01 id="inicio" :title="headerTitle01" :sub-title="headerSubTitle01" :image="hero01" :button-text="headerButtonText01" :link="headerLink01" ></header-01>
<about-02 id="conocenos" :title="titleAbout02" :text="textAbout02" :image1="image02About01" :image2="image02About02" ></about-02>
<service-12 id="servicios" :color="background12Color" :title="service12Title" :cards="service12Cards" ></service-12>
<banner-02 id="banner02" :color="backgroundColor" :title="banner02Title" :subtitle="banner02Subtitle" :button-text="banner02ButtonText" :link="banner02Link" ></banner-02>
<service-13 id="paquetes" :cards="service13Cards" ></service-13>
<testimonial-01 id="testimonios" :title="testimonial01Title" :color="backgroundTestimonialColor" :color-text="textTestimonialColor" :name="testimonial01Name" :text="testimonial01Text" ></testimonial-01>
<form-01 id="contacto" :text="formText" :subtext="formSubtext" :image="formImage" :success-message="formSuccessMessage" :failure-message="formFailureMessage" tel body-classes="bg-gray-100" ></form-01>
<footer-03 :copyright="copyright" :first-column-title="firstColumnTitle" :first-column-links="firstColumnLinks"
:social-links="socialLinks" body-classes="bg-medicos"></footer-03>
</div>
# Demo 03 - Sitio web para escuelas
Si trabajas como profesional de la salud, este sitio web está diseñado para ti. Presenta tu mejor imagen y llega a nuevos pacientes.
# Imagen
# Código
---
headerTitle01: Ofrecemos servicios educativos de alta calidad
headerSubTitle01: Somos la mejor opción para ti
headerButtonText01: Contactar
headerLink01: '#first'
siteName: Mi Sitio
siteLogo: /img/logo_redplanet_white.png
hero01: /img/RedPlanet_Escuelas_HeroSecction_Slide1_1894x1044_V1.png
links:
- text: ¿Quiénes somos?
link: 'quienes'
- text: Servicios
link: 'servicios'
- text: Contacto
link: 'contacto'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
service05Image: /img/RedPlanet_Escuelas_Conocenos_Slide1_578x386_V1.png
service05Title: Atendemos todas las necesidades de nuestros estudiantes
service05Text: 'Somos una institución que acompaña a los niños y niñas en su aprendizaje, otorgándoles todas las herramientas necesarias para su desarrollo. Ofrecemos un plan de estudios totalmente actualizado para nuestros alumnos y alumnas.'
service05Card:
- color: '#10594B'
title: 'Compromiso con los estudiantes '
- image: /img/RedPlanet_Escuelas_Conocenos_Slide2_550x583_V1.png
- image: /img/RedPlanet_Escuelas_Conocenos_Slide3_550x583_V1.png
- color: '#10594B'
title: 'Profesionalismo e inclusión '
service08Card:
- title: Educación Primaria
text: 'Nuestro plan de estudios está actualizado y aprobado por la SEP.'
image: /img/RedPlanet_Escuelas_Servicios_Slide1_800x800_V1ai.png
link: '#'
- title: Presentación de exámenes
text: 'Preparamos a los alumnos para presentar exámenes de ingreso a otros grados educativos.'
image: /img/RedPlanet_Escuelas_Servicios_Slide2_800x800_V1ai.png
link: '#'
- title: Regularización
text: 'Ayudamos a los alumnos con sus materias para que logren mejores calificaciones.'
image: /img/RedPlanet_Escuelas_Servicios_Slide3_800x800_V1ai.png
link: '#'
- title: Clases de inglés
text: 'Nuestros alumnos tendrán mayores oportunidades en su futuro, aprendiendo inglés.'
image: /img/RedPlanet_Escuelas_Servicios_Slide4_800x800_V1ai.png
link: '#'
- title: Clases de música
text: 'La música ayuda a nuestros alumnos a adquirir capacidades creativas y de apreciación.'
image: /img/RedPlanet_Escuelas_Servicios_Slide5_800x800_V1ai.png
link: '#'
- title: Atención psicológica
text: 'Ayudamos a nuestros alumnos con problemas que aquejan en su vida escolar.'
image: /img/RedPlanet_Escuelas_Servicios_Slide6_800x800_V1ai.png
link: '#'
about07Title: 'COMUNIDAD'
about07Card:
- text: '20'
image: /img/RedPlanet_Escuelas_Servicios_Slide7_800x800_V1ai-01.png
description: 'Años de experiencia'
- text: '10,888'
image: /img/RedPlanet_Escuelas_Servicios_Slide8_800x800_V1ai-01.png
description: 'Estudiantes egresados'
- text: '30'
image: /img/RedPlanet_Escuelas_Servicios_Slide9_800x800_V1ai-01-01.png
description: 'Personal académico'
about07Background: /img/RedPlanet_Escuelas_Comunidad_Slide2_1894x800_V1.png
testimonial02Title: 'TESTIMONIALES'
testimonial02Card:
- text: 'Estudiar aquí me ha ayudado a desarrollar muchas de mis aptitudes académicas.'
avatar: /img/RedPlanet_Escuelas_Testimoniales_Slide1_800x800_V1.png
name: 'Andrea Galindo'
occupation: 'Estudiante'
color: '#0D866F'
- text: 'La institución me preparó mucho para el siguiente nivel. Les agradezco por todo.'
avatar: /img/RedPlanet_Escuelas_Team_Slide4_270x322_V1.png
name: 'Luis Miranda'
occupation: 'Egresado'
color: '#0D866F'
- text: 'Trabajar aquí me llena de gratitud. Disfruto de trabajar con todos los alumnos.'
avatar: /img/RedPlanet_Escuelas_Testimoniales_Slide3_800x800_V1.png
name: 'Gloria Méndez'
occupation: 'Profesora'
color: '#0D866F'
banner03Text: 'LA EDUCACIÓN ABRE PUERTAS A MÁS OPORTUNIDADES'
banner03Link: '#'
banner03ButtonText: INSCRIPCIONES ABIERTAS
banner03Background: '#10594B'
service11Title: Dirección académica
service11Card:
- title: 'Rita Sánchez '
text: 'Directora '
fb: 'https://www.facebook.com/'
ig: 'https://www.instagram.com/'
twitter: 'https://twitter.com/'
image: /img/RedPlanet_Escuelas_Team_Slide1_270x322_V1.png
- title: 'Carlos Benítez'
text: 'Subdirector'
fb: 'https://www.facebook.com/'
ig: 'https://www.instagram.com/'
image: /img/RedPlanet_Escuelas_Team_Slide2_270x322_V1.png
- title: 'Regina Martínez'
text: 'Administradora'
fb: 'https://www.facebook.com/'
image: /img/RedPlanet_Escuelas_Team_Slide3_270x322_V1.png
- title: 'Rubén González'
text: 'Consejero técnico'
fb: 'https://www.facebook.com/'
ig: 'https://www.instagram.com/'
twitter: 'https://twitter.com/'
image: /img/RedPlanet_Escuelas_Team_Slide4_270x322_V1.png
service16Card:
- ally: /img/RedPlanet_Escuelas_Certificados_Slide1_340x400_V1.png
- ally: /img/RedPlanet_Escuelas_Certificados_Slide2_340x400_V1.png
- ally: /img/RedPlanet_Escuelas_Certificados_Slide3_340x400_V1.png
- ally: /img/RedPlanet_Escuelas_Certificados_Slide4_340x400_V1.png
formText: 'SOLICITA INFORMES AQUÍ:'
formImage: /img/RedPlanet_Escuelasas_Formulario_Slide2_635x476_V1-.png
formSuccessMessage: Se ha enviado con exito.
formFailureMessage: Ha habido un problema.
firstColumnTitle: CONTACTO
firstColumnLinks:
- text: '55 555 555'
link: 'tel:888 999 0000'
type: 'phone'
- text: 'info@tusitio.com'
link: 'mailto:help@redplanet.com.mx'
type: 'mail'
- text: 'Tu dirección No. 000 Piso 3 Oficina 001 Col. Tu localidad C.P. 00000, Ciudad de México '
link: ''
type: 'address'
copyright: '©copyright Todos los derechos reservados. Tu sitio 2022.'
---
<div>
<navigation-01 :site-name="siteName" :site-logo="siteLogo" :links="links" :social-links="socialLinks" :phone="phone" body-classes="border-opacity-50 border-gray-500 fixed top-0 left-0 w-full"></navigation-01>
<header-01 id="header" :title="headerTitle01" :sub-title="headerSubTitle01" :image="hero01" :button-text="headerButtonText01" :link="headerLink01" ></header-01>
<service-05 id="quienes" :title="service05Title" :text="service05Text" :cards="service05Card" :image="service05Image"></service-05>
<service-08 id="servicios" :cards="service08Card"></service-08>
<about-07 :title="about07Title" :cards="about07Card" :image="about07Background" parallax></about-07>
<testimonial-02 :title="testimonial02Title" :cards="testimonial02Card"></testimonial-02>
<banner-03 :text="banner03Text" :link="banner03Link" :button-text="banner03ButtonText" :color="banner03Background" ></banner-03>
<service-11 :title="service11Title" :cards="service11Card" :color="banner03Background"></service-11>
<service-16 :cards="service16Card" ></service-16>
<form-01 id="contacto" :text="formText" :image="formImage" :success-message="formSuccessMessage" :failure-message="formFailureMessage" tel body-classes="bg-gray-100" ></form-01>
<footer-03 :copyright="copyright" :first-column-title="firstColumnTitle" :first-column-links="firstColumnLinks"
:social-links="socialLinks" body-classes="bg-escuelas"></footer-03>
</div>
# Demo 04 - Sitio web para restaurantes (A - Home)
Presenta tu menú con lujo de detalle, que conozcan la ubicación de tu restaurante y por supuesto, haz que a todo el mundo se le antoje lo que haces.
# Imagen
# Código
---
headerTitle01: Disfruta de nuestro sazón
headerSubTitle01: Descubre nuestra gran variedad de platillos y bebidas
headerButtonText01: Reservar
headerLink01: '#first'
siteName: Mi Sitio
siteLogo: /img/logo_redplanet_white.png
hero01: /img/RedPlanet_Demo04Restaurantes_HeroSecction_Slide1_1894x1044_V1.png
links:
- text: Platillos
link: 'platillos'
- text: Servicio a domicilio
link: 'servicio-a-domicilio'
- text: Reservas
link: 'reservas'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
titleAbout06: Cocinamos con ingredientes de calidad
iconAbout06: /img/RedPlanet_Demo04Restaurantes_About_icono1_512x512_V1.png
subtitleAbout06: Sabores auténticos
contentAbout06: Nuestro negocio se preocupa por llevar al público platillos deliciosos, preparados con productos 100% naturales. Trabajamos diariamente para llevar nuestras recetas a un nivel más alto.
nameAbout06: Jeanette García
postAbout06: Fundadora
imageAbout06: /img/RedPlanet_Demo04Restaurantes_About_Slide1_947x731_V1.png
titleAbout08: Ofrecemos descuentos y menús especiales
imageAbout08: /img/RedPlanet_Restaurantes_CTA_Slide1_1894x800_V1.jpg
logoAbout08: /img/RedPlanet_Demo04Restaurantes_CTA_icono1_512x512_V1.png
buttonAbout08: Descúbrelos aquí
linkAbout08: 'https://red-planet.com.mx/demos/menu-demo-04/'
service12Title: Entregamos hasta tu puerta
background12Color: '#ff7e00'
service12Cards:
- image: /img/RedPlanet_Demo04Restaurantes_CTADelivery_WA_512x512_V1.png
title: WhatsApp
text: Escríbenos al 55 5555 5555 y realiza tu pedido.
- image: /img/RedPlanet_Demo04Restaurantes_CTADelivery_UberEats_512x512_V1.png
title: Uber Eats
text: Descarga la App y espéranos en tu casa.
- image: /img/RedPlanet_Demo04Restaurantes_CTADelivery_SinDelantan_512x512_V1.png
title: SinDelantal
text: Llevamos tu comida a donde sea.
contactMaps: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3762.6220153408817!2d-99.10918055040719!3d19.42873094577654!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1feaeaae914a7%3A0x309cc48e621dcf8b!2sLife%20On%20Mars!5e0!3m2!1ses!2smx!4v1646776847851!5m2!1ses!2smx" style="border:0;" allowfullscreen="" loading="lazy"></iframe>'
formImage: /img/RedPlanet_Restaurantes_Contacto_Slide1_635x476_V1.jpg
formSuccessMessage: Se ha enviado con exito.
formFailureMessage: Ha habido un problema.
firstColumnTitle: CONTACTO
firstColumnLinks:
- text: '55 555 555'
link: 'tel:888 999 0000'
type: 'phone'
- text: 'info@tusitio.com'
link: 'mailto:help@redplanet.com.mx'
type: 'mail'
- text: 'Tu dirección No. 000 Piso 3 Oficina 001 Col. Tu localidad C.P. 00000, Ciudad de México '
link: ''
type: 'address'
copyright: '©copyright Todos los derechos reservados. Tu sitio 2022. '
---
<div>
<navigation-01 :site-name="siteName" :site-logo="siteLogo" :links="links" :social-links="socialLinks" :phone="phone" body-classes="border-opacity-50 border-gray-500 fixed top-0 left-0 w-full"></navigation-01>
<header-03 :title="headerTitle01" :sub-title="headerSubTitle01" :image="hero01" :button-text="headerButtonText01" :link="headerLink01" ></header-03>
<about-06 :title="titleAbout06" :name="nameAbout06" :post="postAbout06" :image="imageAbout06" :icon="iconAbout06" :subtitle="subtitleAbout06" :content="contentAbout06" ></about-06>
<about-08 :title="titleAbout08" :image="imageAbout08" :logo="logoAbout08" :button-text="buttonAbout08" :link="linkAbout08" parallax></about-08>
<service-12 id="servicios" :color="background12Color" :title="service12Title" :cards="service12Cards" ></service-12>
<map-01 :google-maps-url="contactMaps"></map-01>
<form-01 :image="formImage" :success-message="formSuccessMessage" :failure-message="formFailureMessage" tel body-classes="bg-gray-100" ></form-01>
<footer-03 :copyright="copyright" :first-column-title="firstColumnTitle" :first-column-links="firstColumnLinks"
:social-links="socialLinks" body-classes="bg-escuelas"></footer-03>
</div>
# Demo 04 - Sitio web para restaurantes (B - Menú a la carta)
Presenta tu menú con lujo de detalle, que conozcan la ubicación de tu restaurante y por supuesto, haz que a todo el mundo se le antoje lo que haces.
# Imagen
# Código
---
headerTitle01: Disfruta de nuestro sazón
headerSubTitle01: Descubre nuestra gran variedad de platillos y bebidas
headerButtonText01: Reservar
headerLink01: '#first'
siteName: Mi Sitio
siteLogo: /img/logo_redplanet_white.png
hero01: /img/RedPlanet_Demo04Restaurantes_HeroSecction_Slide1_1894x1044_V1.png
links:
- text: Platillos
link: 'platillos'
- text: Servicio a domicilio
link: 'servicio-a-domicilio'
- text: Reservas
link: 'reservas'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
cardsAbout06Entradas:
- icon: /img/RedPlanet_Demo04Restaurantes_Menú_icono1_512x512_V1.png
title: Entradas
subtitle: Papas, quesos y más
- head: Bruschettas.........$100
content: Bruschettas de champiñones con espinacas
- head: Canapés.........$100
content: Canapés de queso brie y cebolla caramelizada
imageAbout06Entradas: /img/RedPlanet_Demo04Restaurantes_Menú_Slide1_947x731_V1.jpg
cardsAbout06Ensaladas:
- icon: /img/RedPlanet_Demo04Restaurantes_Menú_icono2_512x512_V1.png
title: Ensaladas
subtitle: Vegetales frescos
- head: Proteína.........$100
content: Piña c/n manzana y pollo
- head: Toppings.........$100
content: Mezcla de temporada
imageAbout06Ensaladas: /img/RedPlanet_Demo04Restaurantes_Menú_Slide2_947x731_V1.jpg
cardsAbout06Pastas:
- icon: /img/RedPlanet_Demo04Restaurantes_Menú_icono3_512x512_V1.png
title: Pastas
subtitle: Vegetales Frescos
- head: Pansotti.........$100
content: Salsa de nueces / queso parmesano
- head: Trenette al Pesto.........$100
content: Albahaca / ajo / aceite de oliva extra
imageAbout06Pastas: /img/RedPlanet_Demo04Restaurantes_Menú_Slide3_947x731_V1.jpg
cardsAbout06Asados:
- icon: /img/RedPlanet_Demo04Restaurantes_Menú_icono4_512x512_V1.png
title: Asados
subtitle: Distintos cortes
- head: Filete T-Bone.........$100
content: Papas rellenas de tocino / queso
- head: Rib Eye Steak.........$100
content: Espárragos empanizados / brócoli
imageAbout06Asados: /img/RedPlanet_Demo04Restaurantes_Menú_Slide4_947x731_V1.jpg
cardsAbout06Postres:
- icon: /img/RedPlanet_Demo04Restaurantes_Menú_icono5_512x512_V1.png
title: Postres
subtitle: Fríos y calientes
- head: Mousse de chocolate.........$100
content: Almendras / chocolate blanco
- head: Cassata de Frambuesa.........$100
content: Frambuesa / maracuyá / almendra
imageAbout06Postres: /img/RedPlanet_Demo04Restaurantes_Menú_Slide5_947x731_V1.jpg
cardsAbout06Bebidas:
- icon: /img/RedPlanet_Demo04Restaurantes_Menú_icono6_512x512_V1.png
title: Bebidas
subtitle: Vinos y licores
- head: Vinos.........$100
content: Blancos / tintos / espumosos
- head: Licores.........$100
content: Ron / Whisky/ Coñac / Brandy
imageAbout06Bebidas: /img/RedPlanet_Demo04Restaurantes_Menú_Slide6_947x731_V1.jpg
service12Title: Entregamos hasta tu puerta
background12Color: '#ff7e00'
service12Cards:
- image: /img/RedPlanet_Demo04Restaurantes_CTADelivery_WA_512x512_V1.png
title: WhatsApp
text: Escríbenos al 55 5555 5555 y realiza tu pedido.
- image: /img/RedPlanet_Demo04Restaurantes_CTADelivery_UberEats_512x512_V1.png
title: Uber Eats
text: Descarga la App y espéranos en tu casa.
- image: /img/RedPlanet_Demo04Restaurantes_CTADelivery_SinDelantan_512x512_V1.png
title: SinDelantal
text: Llevamos tu comida a donde sea.
contactMaps: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3762.6220153408817!2d-99.10918055040719!3d19.42873094577654!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1feaeaae914a7%3A0x309cc48e621dcf8b!2sLife%20On%20Mars!5e0!3m2!1ses!2smx!4v1646776847851!5m2!1ses!2smx" style="border:0;" allowfullscreen="" loading="lazy"></iframe>'
formImage: /img/RedPlanet_Restaurantes_Contacto_Slide1_635x476_V1.jpg
formSuccessMessage: Se ha enviado con exito.
formFailureMessage: Ha habido un problema.
firstColumnTitle: CONTACTO
firstColumnLinks:
- text: '55 555 555'
link: 'tel:888 999 0000'
type: 'phone'
- text: 'info@tusitio.com'
link: 'mailto:help@redplanet.com.mx'
type: 'mail'
- text: 'Tu dirección No. 000 Piso 3 Oficina 001 Col. Tu localidad C.P. 00000, Ciudad de México '
link: ''
type: 'address'
copyright: '©copyright Todos los derechos reservados. Tu sitio 2022. '
---
<div>
<navigation-01 :site-name="siteName" :site-logo="siteLogo" :links="links" :social-links="socialLinks" :phone="phone" body-classes="border-opacity-50 border-gray-500 fixed top-0 left-0 w-full"></navigation-01>
<header-03 :title="headerTitle01" :sub-title="headerSubTitle01" :image="hero01" :button-text="headerButtonText01" :link="headerLink01" ></header-03>
<about-06 :cards="cardsAbout06Entradas" :image="imageAbout06Entradas" ></about-06>
<about-06 :cards="cardsAbout06Ensaladas" :image="imageAbout06Ensaladas" ></about-06>
<about-06 :cards="cardsAbout06Pastas" :image="imageAbout06Pastas" ></about-06>
<about-06 :cards="cardsAbout06Asados" :image="imageAbout06Asados" ></about-06>
<about-06 :cards="cardsAbout06Postres" :image="imageAbout06Postres" ></about-06>
<about-06 :cards="cardsAbout06Bebidas" :image="imageAbout06Bebidas" ></about-06>
<service-12 id="servicios" :color="background12Color" :title="service12Title" :cards="service12Cards" ></service-12>
<map-01 :google-maps-url="contactMaps"></map-01>
<form-01 :image="formImage" :success-message="formSuccessMessage" :failure-message="formFailureMessage" tel body-classes="bg-gray-100" ></form-01>
<footer-03 :copyright="copyright" :first-column-title="firstColumnTitle" :first-column-links="firstColumnLinks"
:social-links="socialLinks" body-classes="bg-escuelas"></footer-03>
</div>
# Demo 05 - Sitio web para estéticas
Permite que te conozcan por dar el mejor look a tus clientes. Este sitio es ideal para todos los profesionales de la belleza. Con este sitio, harás que te vean bien por hacer ver bien a los demás.
# Imagen
# Código
---
headerTitle01: Cuidamos tu cabello
headerSubTitle01: Luce genial con nuestros tratamientos
headerButtonText01: Agenda cita
headerLink01: '#first'
siteName: Mi Sitio
siteLogo: /img/logo_redplanet_white.png
hero01: /img/RedPlanet_Demo05Estéticas_HeroSection_Slide1_1920x1044_V1.jpg
links:
- text: Nosotros
link: 'nosotros'
- text: Servicios
link: 'servicios'
- text: Agenda cita
link: 'agenda-cita'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
titleAbout06: Te cuidamos a ti y a tu cabello
iconAbout06: /img/RedPlanet_Demo05Estéticas_About_icono1_1920x1044_V1.png
subtitleAbout06: Valoramos tu confianza
contentAbout06: Somos un negocio que desea que nuestros clientes se vayan felices con sus cortes o tratamientos. Estamos en constante actualización de las tendencias de looks y de cómo mantener sanas las superficies capilares.
nameAbout06: Karina Gómez
postAbout06: Hair Stylist
imageAbout06: /img/RedPlanet_Demo05Estéticas_About_Slide1_947x731_V1.jpg
backgroundColorAbout06: '#270717'
titleColorAbout06: '#ffffff'
subtitleColorAbout06: '#814B65'
cardService14:
- title: Atrévete a un cambio de look
text: 'Cortes'
image: /img/RedPlanet_Demo05Estéticas_Servicios_Slide1_412x452_V1.jpg
- title: Variedad de colores
text: 'Tintes'
image: /img/RedPlanet_Demo05Estéticas_Servicios_Slide2_412x452_V1.jpg
- title: Cuidado para el cabello
text: 'Tratamientos'
image: /img/RedPlanet_Demo05Estéticas_Servicios_Slide3_412x452_V1.jpg
- title: Uñas hermosas
text: 'Manicura'
image: /img/RedPlanet_Demo05Estéticas_Servicios_Slide4_412x452_V1.jpg
- title: Depilación y planchado
text: 'Cejas'
image: /img/RedPlanet_Demo05Estéticas_Servicios_Slide5_412x452_V1.jpg
- title: Rizado permanente
text: 'Pestañas'
image: /img/RedPlanet_Demo05Estéticas_Servicios_Slide6_412x452_V1.jpg
backgroundColorService14: '#381627'
banner02Title: CAMBIA TU LOOK AHORA
banner02Subtitle: La belleza no puede esperar. Ahórrate el tiempo de espera en el salón y pasa directo con nuestros expertos haciendo una reservación.
banner02ButtonText: AGENDA TU CITA
banner02Link: '#about03'
backgroundColorBanner02: '#814B65'
Aliados:
- ally: /img/RedPlanet_Demo05Estéticas_Marcas_Logo1_800_V1.png
- ally: /img/RedPlanet_Demo05Estéticas_Marcas_Logo2_800_V1.png
- ally: /img/RedPlanet_Demo05Estéticas_Marcas_Logo3_800_V1.png
- ally: /img/RedPlanet_Demo05Estéticas_Marcas_Logo4_800_V1.png
contactMaps: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3762.6220153408817!2d-99.10918055040719!3d19.42873094577654!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85d1feaeaae914a7%3A0x309cc48e621dcf8b!2sLife%20On%20Mars!5e0!3m2!1ses!2smx!4v1646776847851!5m2!1ses!2smx" style="border:0;" allowfullscreen="" loading="lazy"></iframe>'
formImage: /img/RedPlanet_Demo05Estéticas_Formulario_Slide1_635x476_V1.jpg
formSuccessMessage: Se ha enviado con exito.
formFailureMessage: Ha habido un problema.
firstColumnTitle: CONTACTO
firstColumnLinks:
- text: '55 555 555'
link: 'tel:888 999 0000'
type: 'phone'
- text: 'info@tusitio.com'
link: 'mailto:help@redplanet.com.mx'
type: 'mail'
- text: 'Tu dirección No. 000 Piso 3 Oficina 001 Col. Tu localidad C.P. 00000, Ciudad de México '
link: ''
type: 'address'
copyright: '©copyright Todos los derechos reservados. Tu sitio 2022. '
---
<div>
<navigation-01 :site-name="siteName" :site-logo="siteLogo" :links="links" :social-links="socialLinks" :phone="phone" body-classes="border-opacity-50 border-gray-500 fixed top-0 left-0 w-full"></navigation-01>
<header-03 :title="headerTitle01" :sub-title="headerSubTitle01" :image="hero01" :button-text="headerButtonText01" :link="headerLink01" ></header-03>
<about-06 :title="titleAbout06" :name="nameAbout06" :post="postAbout06" :image="imageAbout06" :icon="iconAbout06" :subtitle="subtitleAbout06" :content="contentAbout06" :back-color="backgroundColorAbout06" :title-color="titleColorAbout06" :subtitle-color="subtitleColorAbout06"></about-06>
<service-14 :cards="cardService14" :back-color="backgroundColorService14"></service-14>
<banner-02 id="banner02" :color="backgroundColorBanner02" :title="banner02Title" :subtitle="banner02Subtitle" :button-text="banner02ButtonText" :link="banner02Link" ></banner-02>
<service-16 :cards="Aliados" ></service-16>
<map-01 :google-maps-url="contactMaps"></map-01>
<form-01 :image="formImage" :success-message="formSuccessMessage" :failure-message="formFailureMessage" tel body-classes="bg-gray-100" ></form-01>
<footer-03 :copyright="copyright" :first-column-title="firstColumnTitle" :first-column-links="firstColumnLinks"
:social-links="socialLinks" body-classes="bg-escuelas"></footer-03>
</div>
# Demo 06 - Sitio web para oficios y mantenimiento
Cuando las personas necesitan algún arreglo o alguien que les ayude con alguna reparación, acuden a Internet. Permite que encuentren tus servicios con tu propio sitio web.
# Imagen
# Código
---
headerTitle01: Plomería profesional
headerSubTitle01: Las mejores soluciones en
headerButtonText01: Contactar
headerLink01: '#first'
siteName: Mi Sitio
siteLogo: /img/logo_redplanet_white.png
hero01: /img/RedPlanet_Demo06Oficios_HeroSection_Slide1_1920x1044_V1.jpg
links:
- text: Inicio
link: 'inicio'
- text: Servicios
link: 'servicios'
- text: Galería
link: 'galería'
- text: Contacto
link: 'contacto'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
service08Card:
- title: Impermeabilización de casas y condominios
text: 'Contamos con las mejores opciones de impermeabilizantes acrílicos para proteger sus techos y paredes.'
image: /img/RedPlanet_Demo06Oficios_Servicios_Icono1_512x512_V1.png
link: '#'
- title: Impermeabilización industrial y comercial
text: 'Para proyectos que requieran mayor protección, ofrecemos distintas opciones de impermeabilizantes prefabricados.'
image: /img/RedPlanet_Demo06Oficios_Servicios_Icono2_512x512_V1.png
link: '#'
- title: Impermeabilización de cisternas
text: 'Impermeabilizantes cementosos de alta durabilidad especialmente diseñados para la protección de su cisterna.'
image: /img/RedPlanet_Demo06Oficios_Servicios_Icono3_512x512_V1.png
link: '#'
- title: Impermeabilización de estacionamientos
text: 'Colocamos y trabajamos impermeabilizantes de la más alta tecnología para la protección de estacionamientos.'
image: /img/RedPlanet_Demo06Oficios_Servicios_Icono4_512x512_V1.png
link: '#'
- title: Reparación de techos y paredes
text: '¿Necesitas reparar antes de impermeabilizar? Nosotros nos encargamos de darte el servicio completo.'
image: /img/RedPlanet_Demo06Oficios_Servicios_Icono5_512x512_V1.png
link: '#'
- title: Mantenimiento general
text: 'Para alargar la vida útil de tus impermeabilizantes, ofrecemos nuestro servicio de mantenimiento anual.'
image: /img/RedPlanet_Demo06Oficios_Servicios_Icono6_512x512_V1.png
link: '#'
banner04Title: Servicios de plomería en general
banner04Subtitle: Visita nuestro Facebook para conocer más.
banner04ButtonText: Visita Facebook
banner04Link: '#about03'
imageBanner04: /img/RedPlanet_Demo06Oficios_Galería_Slide1_1920x1044_V1.jpg
titleAbout08: CONTÁCTENOS PARA UNA COTIZACIÓN
imageAbout08: /img/RedPlanet_Oficios_CTA_Slide1_1920x800_V1.jpg
logoAbout08: /img/RedPlanet_Demo06Oficios_CTA_Icono1_512x512_V1.png
buttonAbout08: Envíar un Whatsapp
linkAbout08: 'https://red-planet.com.mx/demos/menu-demo-04/'
iconColorAbout08: '#01468C'
formImage: /img/RedPlanet_Demo06Oficios_Formulario_Slide1_635x476_V1.jpg
formSuccessMessage: Se ha enviado con exito.
formFailureMessage: Ha habido un problema.
firstColumnTitle: CONTACTO
firstColumnLinks:
- text: '55 555 555'
link: 'tel:888 999 0000'
type: 'phone'
- text: 'info@tusitio.com'
link: 'mailto:help@redplanet.com.mx'
type: 'mail'
- text: 'Tu dirección No. 000 Piso 3 Oficina 001 Col. Tu localidad C.P. 00000, Ciudad de México '
link: ''
type: 'address'
copyright: '©copyright Todos los derechos reservados. Tu sitio 2022. '
---
<div>
<navigation-01 :site-name="siteName" :site-logo="siteLogo" :links="links" :social-links="socialLinks" :phone="phone" body-classes="border-opacity-50 border-gray-500 fixed top-0 left-0 w-full"></navigation-01>
<header-01 :title="headerTitle01" :sub-title="headerSubTitle01" :image="hero01" :button-text="headerButtonText01" :link="headerLink01" ></header-01>
<service-08 :cards="service08Card"></service-08>
<banner-04 id="banner02" :title="banner04Title" :sub-title="banner04Subtitle" :button-text="banner04ButtonText" :link="banner04Link" :image="imageBanner04"></banner-04>
<about-08 :title="titleAbout08" :image="imageAbout08" :logo="logoAbout08" :button-text="buttonAbout08" :link="linkAbout08" :icon-color="iconColorAbout08" parallax></about-08>
<form-01 :image="formImage" :success-message="formSuccessMessage" :failure-message="formFailureMessage" tel body-classes="bg-gray-100" ></form-01>
<footer-03 :copyright="copyright" :first-column-title="firstColumnTitle" :first-column-links="firstColumnLinks"
:social-links="socialLinks" body-classes="bg-escuelas"></footer-03>
</div>
# Demo 07 - Sitio web para profesionistas
Cuando las personas necesitan algún arreglo o alguien que les ayude con alguna reparación, acuden a Internet. Permite que encuentren tus servicios con tu propio sitio web.
# Imagen
# Código
---
headerTitle01: Asesoría legal que brinda soluciones
siteName: Mi Sitio
siteLogo: /img/logo_redplanet_white.png
hero01: /img/RedPlanet_Demo07Profesionistas_HeroSection_Slide1_1920x1044_V1.jpg
links:
- text: Inicio
link: 'inicio'
- text: Servicios
link: 'servicios'
- text: Acerca de nosotros
link: 'acerca_de_nosotros'
- text: Contacto
link: 'contacto'
socialLinks:
- link: 'https://twitter.com'
type: 'twitter'
- link: 'https://facebook.com'
type: 'fb'
- link: 'https://instagram.com'
type: 'ig'
phone: '55 5555 5555'
titleLitigio: Litigio civil, mercantil y familiar
cardsAbout06Litigio:
- icon: /img/RedPlanet_Demo07Profeionistas_About_ícono1_512x512_V1.png
- content: Resolvemos complejos temas de familia mediante una defensa adecuada de derechos humanos, con el objetivo de salvaguardar la integridad física y moral de todos los involucrados.
imageAbout06Litigio: /img/RedPlanet_Demo07Profeionistas_About_Slide1_947x731_V1.jpg
backgroundColorAbout06: "#EEEEEE"
titleDerecho: Derecho corporativo
cardsAbout06Derecho:
- icon: /img/RedPlanet_Demo07Profeionistas_About_ícono2_512x512_V1.png
- content: Contamos con un profundo conocimiento de los diversos tipos de sociedades que existen, siendo capaces de asesorar a las personas físicas o morales para determinar el tipo de asociación que mejor les convenga a sus intereses.
imageAbout06Derecho: /img/RedPlanet_Demo07Profeionistas_About_Slide2_947x731_V1.jpg
titleConsultoria: Consultoría contable y litigio fiscal
cardsAbout06Consultoria:
- icon: /img/RedPlanet_Demo07Profeionistas_About_ícono3_512x512_V1.png
- content: Nuestros abogados fiscalistas tienen amplia experiencia en juicios contenciosos administrativos, amparo e interposición de medios ante el IMSS, SAT e INFONAVIT.
imageAbout06Consultoria: /img/RedPlanet_Demo07Profeionistas_About_Slide3_947x731_V1.jpg
titleDerechoAdministrativo: Derecho administrativo y amparo
cardsAbout06DerechoAdministrativo:
- icon: /img/RedPlanet_Demo07Profeionistas_About_ícono4_512x512_V1.png
- content: Asesoramos y representamos a clientes en la impugnación de actos o resoluciones, mediante el agotamiento de los recursos que las leyes dispongan.
imageAbout06DerechoAdministrativo: /img/RedPlanet_Demo07Profeionistas_About_Slide4_947x731_V1.jpg
titleAbout02: Somos un equipo de abogados especializados
textAbout02: 'que ofrecemos servicios de asesoría, consultoría integral y representación legal, para solucionar conflictos legales, formalizar acuerdos y prevenir futuros conflictos de índole legal.'
image02About01: /img/RedPlanet_Demo07Profesionistas_About_Slide1_303x501_V1.png
image02About02: /img/RedPlanet_Demo07Profesionistas_About_Slide2_303x501_V1.png
banner02Title: CONTÁCTANOS
banner02ButtonText: Enviar WhatsApp
banner02Link: '#about03'
backgroundColorBanner02: '#042433'
formImage: /img/RedPlanet_Demo07Profesionistas_Formulario_Slide1_635x476_V1.jpg
formSuccessMessage: Se ha enviado con exito.
formFailureMessage: Ha habido un problema.
firstColumnTitle: CONTACTO
firstColumnLinks:
- text: '55 555 555'
link: 'tel:888 999 0000'
type: 'phone'
- text: 'info@tusitio.com'
link: 'mailto:help@redplanet.com.mx'
type: 'mail'
- text: 'Tu dirección No. 000 Piso 3 Oficina 001 Col. Tu localidad C.P. 00000, Ciudad de México '
link: ''
type: 'address'
copyright: '©copyright Todos los derechos reservados. Tu sitio 2022. '
---
<div>
<navigation-01 :site-name="siteName" :site-logo="siteLogo" :links="links" :social-links="socialLinks" :phone="phone" body-classes="border-opacity-50 border-gray-500 fixed top-0 left-0 w-full"></navigation-01>
<header-01 id="inicio" :title="headerTitle01" :image="hero01" ></header-01>
<about-06 id="servicios" :title="titleLitigio" :cards="cardsAbout06Litigio" :image="imageAbout06Litigio" :back-color="backgroundColorAbout06"></about-06>
<about-06 :title="titleDerecho" :cards="cardsAbout06Derecho" :image="imageAbout06Derecho" ></about-06>
<about-06 :title="titleConsultoria" :cards="cardsAbout06Consultoria" :image="imageAbout06Consultoria" :back-color="backgroundColorAbout06"></about-06>
<about-06 :title="titleDerechoAdministrativo" :cards="cardsAbout06DerechoAdministrativo" :image="imageAbout06DerechoAdministrativo" ></about-06>
<about-02 id="acerca_de_nosotros" :title="titleAbout02" :text="textAbout02" :image1="image02About01" :image2="image02About02" body-classes="bg-gray-100" ></about-02>
<banner-02 id="contacto" :color="backgroundColorBanner02" :title="banner02Title" :button-text="banner02ButtonText" :link="banner02Link" ></banner-02>
<form-01 :image="formImage" :success-message="formSuccessMessage" :failure-message="formFailureMessage" tel body-classes="bg-gray-100" ></form-01>
<footer-03 :copyright="copyright" :first-column-title="firstColumnTitle" :first-column-links="firstColumnLinks"
:social-links="socialLinks" body-classes="bg-escuelas"></footer-03>
</div>