Layout 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. commit 72f8ac02bb7a54f0479ac9c51af94e099ebbcb81 (HEAD -> master, origin/master, origin/HEAD)
  2. Author: yadid rosell <yadidelias@gmail.com>
  3. Date: Wed Dec 18 15:24:55 2024 -0700
  4. Se cambio el nombre de una imagen y se elimino otra img
  5. diff --git a/public/img/Aceite de oliva.png b/public/img/Aceite de oliva.png
  6. deleted file mode 100644
  7. index dd64069..0000000
  8. Binary files a/public/img/Aceite de oliva.png and /dev/null differ
  9. diff --git a/public/img/image.png b/public/img/AceiteOliva.png
  10. similarity index 100%
  11. rename from public/img/image.png
  12. rename to public/img/AceiteOliva.png
  13. diff --git a/src/pages/Nosotros/index.astro b/src/pages/Nosotros/index.astro
  14. index b68de0d..7e266a2 100644
  15. --- a/src/pages/Nosotros/index.astro
  16. +++ b/src/pages/Nosotros/index.astro
  17. @@ -16,7 +16,7 @@ import Layout from "../../layouts/Layout.astro";
  18. </div>
  19. 
  20. <div class="my-10 mx-10 mt-10">
  21. - <img src="/public/img/image.png" alt="Aceite de oliva" class="w-full h-96 rounded-xl">
  22. + <img src="/public/img/AceiteOliva.png" alt="Aceite de oliva" class="w-full h-96 rounded-xl">
  23. </div>
  24. 
  25. 
  26. commit 6a12f2c929e883b277ffbe440fa1e747d9b5971a
  27. Author: yadid rosell <yadidelias@gmail.com>
  28. Date: Wed Dec 18 15:19:51 2024 -0700
  29. Se cambio la distribucion de la pagina Nosotros
  30. diff --git a/public/img/Aceite de oliva.png b/public/img/Aceite de oliva.png
  31. new file mode 100644
  32. index 0000000..dd64069
  33. Binary files /dev/null and b/public/img/Aceite de oliva.png differ
  34. diff --git a/public/img/Focaccia.png b/public/img/Focaccia.png
  35. new file mode 100644
  36. index 0000000..4040e26
  37. Binary files /dev/null and b/public/img/Focaccia.png differ
  38. diff --git a/public/img/image.png b/public/img/image.png
  39. new file mode 100644
  40. index 0000000..8093d63
  41. Binary files /dev/null and b/public/img/image.png differ
  42. diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
  43. index b795de1..34b9b35 100644
  44. --- a/src/layouts/Layout.astro
  45. +++ b/src/layouts/Layout.astro
  46. @@ -36,7 +36,7 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
  47. <li></li>
  48. <li class="hover:text-gray-600"><a href="/Menu/">Menú</a></li>
  49. <li class="hover:text-gray-600"><a href="/Productos/">Productos</a></li>
  50. - <li class="hover:text-gray-600"><a href="#">Nosotros</a></li>
  51. + <li class="hover:text-gray-600"><a href="/Nosotros/">Nosotros</a></li>
  52. <li class="hover:text-gray-600"><a href="/Contacto/">Contacto</a></li>
  53. <div class="flex space-x-2">
  54. <a href="https://www.instagram.com/olivamiadeli/" target="_blank">
  55. diff --git a/src/pages/Nosotros/index.astro b/src/pages/Nosotros/index.astro
  56. index 23d9394..b68de0d 100644
  57. --- a/src/pages/Nosotros/index.astro
  58. +++ b/src/pages/Nosotros/index.astro
  59. @@ -3,75 +3,77 @@ import Layout from "../../layouts/Layout.astro";
  60. ---
  61. 
  62. <Layout title="Nosotros">
  63. - <div class="container mx-auto px-4">
  64. + <div class="grid grid-cols-2 mx-10 px-4">
  65. <section id="Nosotros">
  66. <div class="mt-10">
  67. - <h1 class="text-left font-bold text-xl mb-2 text-slate-800">Nosotros</h1>
  68. + <h1 class="text-left font-bold text-2xl mb-2 text-slate-800">Nosotros</h1>
  69. <p>Bienvenidos a Oliva Mia, una empresa dedicada a ofrecer los mejores productos de aceite de oliva, cuidadosamente seleccionados y elaborados para brindarte calidad y sabor en cada gota. En Oliva Mia nos apasiona el mundo de la oliva, y trabajamos con productores locales que comparten nuestra filosofía de ofrecer productos frescos, naturales y sostenibles.</p>
  70. </div>
  71. </section>
  72. +
  73. + <div class="w-full mx-10 mt-10">
  74. + <img src="/public/img/Focaccia.png" alt="Foccacia" class="h-64 rounded-xl ">
  75. + </div>
  76. 
  77. + <div class="my-10 mx-10 mt-10">
  78. + <img src="/public/img/image.png" alt="Aceite de oliva" class="w-full h-96 rounded-xl">
  79. + </div>
  80. + 
  81. 
  82. - <div class="border-l-4 border-black mt-10 pl-4 text-slate-800">
  83. - <h1 class="font-bold text-xl mb-2">Nuestra historia</h1>
  84. - <p>Fundada en [Año de fundación], Oliva Mia nació con el objetivo de llevar a tu mesa aceites de oliva de la más alta calidad, directamente desde los campos de cultivo hasta tu hogar. Desde nuestros primeros días, nos comprometimos a crear una marca que no solo se destacara por su sabor y respeto a la naturaleza, sino por el compromiso con las personas involucradas en cada etapa del proceso.</p>
  85. + <div class="mt-10 pl-4 text-slate-800">
  86. + <h1 class="font-bold text-2xl mb-2 mt-10">Nuestra historia</h1>
  87. + <p>Fundada en [Año de fundación], Oliva Mia nació con el objetivo de llevar a tu mesa aceites de oliva de la más alta calidad, directamente desde los campos de cultivo hasta tu hogar. Desde nuestros primeros días, nos comprometimos a crear una marca que no solo se destacara por su sabor y respeto a la naturaleza, sino por el compromiso con las personas involucradas en cada etapa del proceso.</p>
  88. + </div>
  89. + 
  90. + <section id="Mision">
  91. + <div class="mt-10">
  92. + <h1 class="font-bold text-2xl mb-2 text-slate-800">Nuestra misión</h1>
  93. + <p>En Oliva Mia, nuestra misión es ofrecer a nuestros clientes productos de aceite de oliva excepcionales, elaborados con los más altos estándares de calidad, siempre en armonía con el medio ambiente. Nos esforzamos por promover una vida más saludable, brindando opciones naturales y frescas para aquellos que buscan mejorar su alimentación y bienestar.</p>
  94. </div>
  95. -
  96. - <section id="Mision">
  97. - <div class="mt-10">
  98. - <h1 class="font-bold text-xl mb-2 text-slate-800">Nuestra misión</h1>
  99. - <p>En Oliva Mia, nuestra misión es ofrecer a nuestros clientes productos de aceite de oliva excepcionales, elaborados con los más altos estándares de calidad, siempre en armonía con el medio ambiente. Nos esforzamos por promover una vida más saludable, brindando opciones naturales y frescas para aquellos que buscan mejorar su alimentación y bienestar.</p>
  100. - </div>
  101. - </section>
  102. -
  103. - <section id="Vision">
  104. - <div class="mt-10">
  105. - <h1 class="font-bold text-xl mb-2 text-slate-800">Nuestra Visión</h1>
  106. - <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis minus deserunt a sit quam nostrum rerum magni harum incidunt, quasi, dolores nobis, neque inventore! Hic perspiciatis blanditiis sunt in accusantium Elit anim aliqua enim do mollit dolor in Irure et sint deserunt exercitation labore qui Deserunt ex et eiusmod qui mollit do ex veniam voluptate incididunt labore consectetur velit ullamco.Cupidatat labore commodo eiusmod eu ut aliqua occaecat sint velit cillum aliqua exercitation Lorem sunt.</p>
  107. -
  108. - </div>
  109. - </section>
  110. - 
  111. + 
  112. + </section>
  113. 
  114. - 
  115. + <div class="my-10 mx-10">
  116. + <img src="/public/img/Focaccia.png" alt="Aceite de oliva" class=" h-64 rounded-xl">
  117. + </div>
  118. + 
  119. + <section id="Vision" class="mt-10 col-span-2">
  120. <div class="mt-10">
  121. - <h1 class="font-bold text-xl mb-6 text-slate-800">Nuestros valores</h1>
  122. - <div class="space-y-6">
  123. - <div class="flex space-x-4">
  124. - <i class="fa-solid fa-star fa-2xl mt-2" style="color: green;"></i>
  125. - <p>Seleccionamos solo las mejores aceitunas, procesadas con métodos tradicionales para asegurar un producto de excelencia.</p>
  126. - </div>
  127. - <div class="flex space-x-4">
  128. - <i class="fa-regular fa-lightbulb fa-2xl mt-2" style="color: green;"></i>
  129. - <p>Siempre estamos buscando nuevas formas de mejorar nuestros productos y procesos, manteniendo nuestro compromiso con la calidad.</p>
  130. - </div>
  131. - <div class="flex space-x-4">
  132. - <i class="fa-solid fa-handshake fa-2xl mt-2" style="color: green;"></i>
  133. - <p>Trabajamos con prácticas agrícolas responsables que protegen nuestros recursos naturales y apoyan a los productores locales.</p>
  134. - </div>
  135. - </div>
  136. + <h1 class="font-bold text-center text-2xl mb-4 text-slate-800">Nuestra Visión</h1>
  137. + <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis minus deserunt a sit quam nostrum rerum magni harum incidunt, quasi, dolores nobis, neque inventore! Hic perspiciatis blanditiis sunt in accusantium Elit anim aliqua enim do mollit dolor in Irure et sint deserunt exercitation labore qui Deserunt ex et eiusmod qui mollit do ex veniam voluptate incididunt labore consectetur velit ullamco.Cupidatat labore commodo eiusmod eu ut aliqua occaecat sint velit cillum aliqua exercitation Lorem sunt.</p>
  138. + </div>
  139. + 
  140. + </section>
  141. + 
  142. + 
  143. +
  144. + <div class="mt-24 text-center col-span-2">
  145. + <h1 class="font-bold text-2xl mb-16 text-slate-800">Nuestros valores</h1>
  146. + </div>
  147. +
  148. + <div class="grid grid-cols-3 col-span-2 gap-6">
  149. + <div class="flex flex-col items-center text-center space-y-10">
  150. + <i class="fa-solid fa-star fa-2xl border-4 border-slate-800 p-10 rounded-full" style="color: green"></i>
  151. + <p>Reprehenderit fugiat ipsum excepteur adipisicing excepteur sint.</p>
  152. + </div>
  153. + <div class="flex flex-col items-center text-center space-y-10">
  154. + <i class="fa-solid fa-leaf fa-2xl border-4 border-slate-800 p-10 rounded-full" style="color: green;"></i>
  155. + <p>Laborum officia nulla tempor pariatur incididunt nulla dolore excepteur proident.</p>
  156. </div>
  157. + <div class="flex flex-col items-center text-center space-y-10">
  158. + <i class="fa-solid fa-hand-holding-heart fa-2xl border-4 border-slate-800 p-10 rounded-full" style="color: green;"></i>
  159. + <p>Ullamco nisi esse dolore deserunt duis do ut anim eiusmod quis.</p>
  160. + </div>
  161. + </div>
  162. +
  163. 
  164. - <section id="Equipo">
  165. + <section id="Equipo" class="col-span-2 my-10">
  166. <div class="my-10">
  167. - <h1 class="font-bold text-xl mb-2 text-slate-800">Nuestro equipo</h1>
  168. - <p>En Oliva Mia, contamos con un equipo de expertos en la industria del aceite de oliva, comprometidos con la excelencia y la satisfacción del cliente. Desde el campo hasta la mesa, cada miembro de nuestro equipo juega un papel vital en la creación de un producto que cumple con los más altos estándares.</p>
  169. + <h1 class="font-bold text-2xl mb-7 text-slate-800 text-center">Nuestro equipo</h1>
  170. + <p>Cupidatat in minim id do aliqua voluptate incididunt adipisicing consectetur officia est tempor laboris magna. Est in adipisicing nostrud velit dolor velit cillum elit non commodo eiusmod. Est nisi esse et mollit dolor pariatur duis. Culpa minim exercitation consequat eiusmod non consequat in ea eu irure incididunt est. Reprehenderit fugiat nostrud est duis aute aliqua commodo ullamco exercitation eiusmod adipisicing. Et ex anim aute sint aute esse eu laborum sint qui eiusmod.</p>
  171. </div>
  172. </section>
  173. -
  174. - <section id="Comentarios">
  175. - <div class="grid place-items-center flex-row-1 w-full my-6 ">
  176. - <h1 class="text-xl font-bold text-slate-800 mb-4">¡Tu opinión importa!</h1>
  177. - <p>Nos encantaría saber qué piensas de nuestra página. Ya sea que tengas una sugerencia, una</p>
  178. - <p>pregunta o simplemente quieras compartir tu experiencia, ¡estamos aquí para escucharte!</p>
  179. - <p>Deja tu comentario y ayúdanos a mejorar. Tu feedback nos ayuda a crecer y ofrecerte una</p>
  180. - <p>experiencia cada vez mejor.</p>
  181. - <p class="mb-10">Gracias por ser parte de nuestra comunidad.</p>
  182. - <textarea name="Mensaje" id="" cols="90" rows="4" placeholder="Comentarios" class=" text-slate-800 font-bold border-2 border-lime-700 rounded placeholder:font-bold placeholder:text-slate-500 placeholder:absolute placeholder:left-4 placeholder:top-2"></textarea>
  183. - </div>
  184. -
  185. - </section>
  186. - 
  187. + 
  188. 
  189. </div>
  190. 
  191. commit f42ce831636c1071379959003df6d62532751f61
  192. Author: yadid rosell <yadidelias@gmail.com>
  193. Date: Wed Dec 18 13:58:32 2024 -0700
  194. Se añadieron estilos
  195. diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
  196. index 6c68199..b795de1 100644
  197. --- a/src/layouts/Layout.astro
  198. +++ b/src/layouts/Layout.astro
  199. @@ -31,11 +31,10 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
  200. <body class="bg-amber-50">
  201. <header>
  202. <nav class="flex w-full h-16 justify-center">
  203. - <a href="/"><img src="/public/img/LogoOliva.png" class="mt-6 h-12" alt="Logo Oliva Mia"></a>
  204. + <a href="/"><img src="/public/img/LogoOliva.png" class="mt-4 h-16 w-56" alt="Logo Oliva Mia"></a>
  205. <ul class="flex space-x-6 text-sm space-y-10 font-sans text-slate-800 md:space-x-16 md:text-base">
  206. <li></li>
  207. <li class="hover:text-gray-600"><a href="/Menu/">Menú</a></li>
  208. - <li class="hover:text-gray-600"><a href="#">Servicio</a></li>
  209. <li class="hover:text-gray-600"><a href="/Productos/">Productos</a></li>
  210. <li class="hover:text-gray-600"><a href="#">Nosotros</a></li>
  211. <li class="hover:text-gray-600"><a href="/Contacto/">Contacto</a></li>
  212. @@ -65,16 +64,16 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
  213. 
  214. <div class="text-white text-lg">
  215. <ul class="space-y-2">
  216. - <li class="underline underline-offset-4">
  217. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  218. <a href="Nosotros/">Nosotros</a>
  219. </li>
  220. - <li class="underline underline-offset-4">
  221. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  222. <a href="/Nosotros/#Equipo">Equipo</a>
  223. </li>
  224. - <li class="underline underline-offset-4">
  225. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  226. <a href="/Nosotros/#Mision">Misión</a>
  227. </li>
  228. - <li class="underline underline-offset-4">
  229. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  230. <a href="/Nosotros/#Vision">Visión</a>
  231. </li>
  232. </ul>
  233. @@ -88,16 +87,16 @@ const { title, ogTitle, ogImage, ogUrl, ogDescription } = Astro.props;
  234. 
  235. <div class="text-white text-lg flex justify-end">
  236. <ul class="space-y-2">
  237. - <li class="underline underline-offset-4">
  238. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  239. <a href="TerminosCondiciones/">Términos y condiciones</a>
  240. </li>
  241. - <li class="underline underline-offset-4">
  242. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  243. <a href="/TerminosCondiciones/#Privacidad">Aviso de privacidad</a>
  244. </li>
  245. - <li class="underline underline-offset-4">
  246. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  247. <a href="/Nosotros/#Comentarios">Comentarios</a>
  248. </li>
  249. - <li class="underline underline-offset-4">
  250. + <li class="underline underline-offset-4 hover:ease-out transition-all duration-500 hover:scale-105 hover:no-underline">
  251. <a href="/