Startseite Erkunden Hilfe
Anmelden
bromero
/
OliviaMIA-Web-Astro
Beobachten 2
Favorit hinzufügen 0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

Se cambiaron los estilos y se cambio la distribucion de la page TerminosCondiciones

yadid rosell vor 4 Monaten
Ursprung
2301c4d7c3
Commit
952c338226
6 geänderte Dateien mit 171 neuen und 62 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. BIN
      public/img/AceiteOliva.png
  2. 2 2
      src/components/Collapse.astro
  3. 6 6
      src/layouts/Layout.astro
  4. 5 4
      src/pages/Nosotros/index.astro
  5. 0 1
      src/pages/Productos/index.astro
  6. 158 49
      src/pages/TerminosCondiciones/index.astro

BIN
public/img/AceiteOliva.png
Datei anzeigen


+ 2 - 2
src/components/Collapse.astro
Datei anzeigen 

@@ -6,7 +6,7 @@ interface Props {
 
 const { title } = Astro.props as Props;
 
 ---
 
 
-<div class="accordion group relative rounded-md border border-neutral-200">
 
+<div class="accordion group relative rounded-md border border-neutral-200 my-3">
 
   <button
 
     class="accordion__button flex w-full flex-1 items-center justify-between gap-2 p-3 text-left font-medium transition sm:px-4 text-xl"
 
     type="button"
 
@@ -16,7 +16,7 @@ const { title } = Astro.props as Props;
 
   >
 
     {title}
 
     <svg
 
-      class="accordion__chevron h-7 w-7 shrink-0 transition-transform"
 
+      class="accordion__chevron h-7 w-7 shrink-0 transition-transform text-lime-900"
 
       aria-hidden="true"
 
       width="24"
 
       height="24"

+ 6 - 6
src/layouts/Layout.astro
Datei anzeigen 

@@ -14,7 +14,7 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
 
 ---
 
 
 <!doctype html>
 
-<html lang="en">
 
+<html lang="en" class="scroll-smooth">
 
   <head>
 
     <meta charset="UTF-8" />
 
     <meta name="description" content="Astro description" />
 
@@ -32,12 +32,12 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
 
    <header>
 
     <nav class="flex w-full h-16 justify-center">
 
         <a href="/"><img src="/public/img/LogoOliva.png" class="mt-4 h-16 w-56" alt="Logo Oliva Mia"></a>
 
-        <ul class="flex space-x-6 text-sm space-y-10 font-sans text-slate-800 md:space-x-16 md:text-base">
 
+        <ul class="flex space-x-6 text-sm space-y-10 font-sans text-slate-800 md:space-x-16 md:text-xl">
 
            <li></li>
 
-            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Menu/">Menú</a></li>
 
-            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Productos/">Productos</a></li>
 
-            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Nosotros/">Nosotros</a></li>
 
-            <li class="text-slate-800 text-xl hover:text-gray-600"><a href="/Contacto/">Contacto</a></li>
 
+            <li class="text-slate-800 hover:text-gray-600"><a href="/Menu/">Menú</a></li>
 
+            <li class="text-slate-800 hover:text-gray-600"><a href="/Productos/">Productos</a></li>
 
+            <li class="text-slate-800 hover:text-gray-600"><a href="/Nosotros/">Nosotros</a></li>
 
+            <li class="text-slate-800 hover:text-gray-600"><a href="/Contacto/">Contacto</a></li>
 
             <div class="flex space-x-2">
 
               <a href="https://www.instagram.com/olivamiadeli/" target="_blank" class="mt-1">
 
                 <i class="fa-brands fa-square-instagram"></i>

+ 5 - 4
src/pages/Nosotros/index.astro
Datei anzeigen 

@@ -12,11 +12,11 @@ import Layout from "../../layouts/Layout.astro";
 
       </section>
 
 
       <div class="w-full mx-10 mt-10">
 
-        <img src="https://img.freepik.com/foto-gratis/surtido-sabrosas-pizzas-tradicionales_23-2148921298.jpg?t=st=1734624934~exp=1734628534~hmac=defe4ed9fe4519443e13e60b8b70595eb5b07d026bfee884cbae12509ea2e3c4&w=1380" alt="Foccacia" class="w-full h-64 rounded-xl ">
 
+        <img src="/img/Focaccia.png" alt="Foccacia" class="relative right-6 w-full h-64 rounded-xl ">
 
       </div>
 
         
       <div class="my-10 mx-10 mt-10">
 
-        <img src="/public/img/AceiteOliva.png" alt="Aceite de oliva" class="w-full h-96 rounded-xl">
 
+        <img src="/img/AceiteOliva.png" alt="Acite de oliva" class="relative right-9 w-full h-64 rounded-xl" >
 
       </div>
 
       
       
@@ -33,9 +33,10 @@ import Layout from "../../layouts/Layout.astro";
 
         
       </section>
 
       
-      <div class="my-10 mx-10">
 
-        <img src="/public/img/Focaccia.png" alt="Aceite de oliva" class=" h-64 rounded-xl">
 
+      <div class="w-full mx-10 mt-10">
 
+        <img src="/img/Focaccia.png" alt="Foccacia" class="relative right-9 w-full h-64 rounded-xl ">
 
       </div>
 
+        
       
       <section id="Vision" class="mt-10 col-span-2">
 
         <div class="mt-10">

+ 0 - 1
src/pages/Productos/index.astro
Datei anzeigen 

@@ -7,5 +7,4 @@ import ProductList from "../../components/Tarjeta";
 
   <h1 class="mx-10 text-slate-800 font-bold text-3xl">Catalogo de Productos</h1>
 
   <hr class="my-6 mx-12 border-2 border-lime-700 rounded"/>
 
   <ProductList />
 
-  
 </Layout>

+ 158 - 49
src/pages/TerminosCondiciones/index.astro
Datei anzeigen 

@@ -1,66 +1,175 @@
 
 ---
 
 import Layout from "../../layouts/Layout.astro";
 
+import Collapse from "../../components/Collapse.astro";
 
 ---
 
 
 <Layout title="Terminos y condiciones">
 
-    <div class="border-2 border-gray-400 mt-10 mx-10 my-10">
 
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Terminos y Condiciones</h1>
 
-        <p class="mx-10">
 
-            Bienvenido(a) a Oliva Mia. Al acceder y utilizar nuestro sitio web, aceptas los siguientes términos y condiciones. 
-            Si no estás de acuerdo con estos términos, por favor, abstente de utilizar nuestro sitio.
 
-        </p>
 
-        
-        <h1 class="mx-10 mb-5 mt-6 font-bold text-lg">Informacion General</h1>
 
-        <p class="mx-10">
 
-            El sitio Oliva Mia es propiedad de [Nombre de la empresa o propietario]
 
-            , ubicado en Hermosillo, Sonora, México. Para cualquier consulta, puedes contactarnos al correo contacto@olivamia.com.
 
-        </p>
 
 
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Uso del Sitio Web</h1>
 
-        <p class="mx-10">
 
-            El usuario se compromete a no utilizar este sitio con fines ilícitos, dañinos o que puedan sobrecargar el servicio. 
-            Además, se compromete a proporcionar información veraz y respetar los derechos de propiedad intelectual. 
-            Oliva Mia se reserva el derecho de denegar el acceso a cualquier usuario que incumpla estos términos.
 
-        </p>
 
+    <div class="mx-10 my-10">
 
+        <Collapse title="Terminos y condiciones">
 
+            <p class="mx-10">
 
+               Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+               amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+               quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+            </p>
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+        </Collapse>
 
 
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Contenido y Propiedad Intelectual</h1>
 
-        <p class="mx-10">
 
-            Todos los contenidos del sitio, incluidos textos, imágenes, logotipos, gráficos, videos y software, 
-            son propiedad de Oliva Mia o de sus licenciantes y están protegidos por las leyes de propiedad intelectual. 
-            Queda prohibida la reproducción, distribución o modificación del contenido sin autorización expresa por escrito.
 
-        </p>
 
+        <Collapse title="Informacion General">
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
 
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Precios y Pagos</h1>
 
-        <p class="mx-10">
 
-            Si el sitio ofrece productos o servicios, los precios estarán expresados en [moneda local, ej. MXN]. 
-            Los pagos se realizarán a través de métodos seguros como [tarjeta de crédito, PayPal, transferencia bancaria, etc.]. 
-            Oliva Mia se reserva el derecho de modificar los precios y ofertas en cualquier momento, notificando previamente a los usuarios.
 
-        </p>
 
+        <Collapse title="Uso del Sitio Web">
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
 
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Enlaces a Terceros</h1>
 
-        <p class="mx-10">
 
-            El sitio puede contener enlaces a sitios de terceros. Oliva Mia no se hace responsable del contenido, políticas o prácticas de dichos sitios externos.
 
-        </p>
 
 
-        <section id="Privacidad">
 
-            <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Privacidad y Proteccion de Datos</h1>
 
+        <Collapse title="Contenido y Propiedad Intelectual">
 
             <p class="mx-10">
 
-            La información personal proporcionada por los usuarios se gestionará conforme a nuestra Política de Privacidad, disponible en [enlace a la política de privacidad].
 
-            </p>
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
 
-        </section>
 
+        <Collapse title="Precios y Pagos">
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
         
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg"> Limitacion de Responsabilidad</h1>
 
-        <p class="mx-10">
 
-            Oliva Mia no garantiza que el sitio esté libre de errores o interrupciones. No nos hacemos responsables de daños directos o indirectos derivados del uso del sitio web.
 
-        </p>
 
+        <Collapse title="Enlaces a Terceros">
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
+
 
+        <Collapse title="Privacidad y Proteccion de Datos">
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
 
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Modificaciones</h1>
 
-        <p class="mx-10">Oliva Mia se reserva el derecho de actualizar o modificar estos términos y condiciones en cualquier momento. 
-            Las modificaciones serán publicadas en esta sección con la fecha de actualización correspondiente.
 
-        </p>
 
+        <Collapse title="Limitacion de Responsabilidad">
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
+
 
+        <Collapse title="Modificaciones">
 
+            <p class="mx-10">
 
+                Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+             </p>
 
+             <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+              <p class="mx-10">
 
+                 Aliqua eu labore labore commodo. Eiusmod ipsum amet ullamco eiusmod voluptate sunt ullamco. Aliquip sit proident cupidatat qui velit irure dolor 
+                 amet ullamco officia duis excepteur voluptate excepteur. Laboris consectetur nulla est exercitation in velit officia tempor aute cupidatat duis 
+                 quis sunt officia. Ut eiusmod culpa enim aute labore.
 
+              </p>
 
+        </Collapse>
 
 
-        <h1 class="mx-10 mb-3 mt-6 font-bold text-lg">Legislacion Aplicable</h1>
 
-        <p class="mx-10 mb-10">Estos términos y condiciones se rigen por las leyes de México. En caso de controversia, las partes se someterán a los tribunales de Hermosillo, Sonora</p>
 
     </div>
 
+
 
+    
 </Layout>