{"id":5042,"date":"2016-04-27T13:42:14","date_gmt":"2016-04-27T13:42:14","guid":{"rendered":"http:\/\/www.coraljoia.es\/?page_id=14"},"modified":"2026-04-16T10:10:34","modified_gmt":"2026-04-16T08:10:34","slug":"inici","status":"publish","type":"page","link":"https:\/\/www.coraljoia.es\/","title":{"rendered":"INICI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5042\" class=\"elementor elementor-5042\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2920941 e-con-full e-flex e-con e-parent\" data-id=\"2920941\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92da794 elementor-widget elementor-widget-html\" data-id=\"92da794\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n*{box-sizing:border-box;margin:0;padding:0}\nbody{font-family:'Segoe UI',system-ui,sans-serif;background:#faf9f7;color:#1e1a16}\n\n\/* NAV *\/\n.nav{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 48px}\n.nav-logo{color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em;text-decoration:none}\n.nav-links{display:flex;gap:28px}\n.nav-links a{color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.03em;transition:color .2s}\n.nav-links a:hover{color:#fff}\n\n\/* HERO *\/\n.hero{position:relative;height:100vh;min-height:560px;background:#2a1a0e url('https:\/\/www.coraljoia.es\/wp-content\/uploads\/2023\/06\/cropped-20230520_113914-scaled-2-1.jpg') center\/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}\n.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,5,2,.55) 0%,rgba(10,5,2,.35) 50%,rgba(10,5,2,.72) 100%)}\n.hero-content{position:relative;z-index:2;padding:0 20px;max-width:720px}\n.hero-eyebrow{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.9);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:30px;margin-bottom:22px}\n.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em}\n.hero h1 span{color:#e8c87a}\n.hero-sub{color:rgba(255,255,255,.8);font-size:1.1rem;line-height:1.6;margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto}\n.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}\n.btn-primary{background:#8B1A1A;color:#fff;padding:14px 28px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.04em;transition:background .2s,transform .1s;border:none;cursor:pointer}\n.btn-primary:hover{background:#6e1414;transform:translateY(-1px)}\n.btn-outline{background:rgba(255,255,255,.1);color:#fff;padding:14px 28px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.04em;border:1.5px solid rgba(255,255,255,.45);transition:background .2s,transform .1s}\n.btn-outline:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}\n.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.5);font-size:11px;letter-spacing:.1em;text-transform:uppercase}\n.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent)}\n\n\/* STATS STRIP *\/\n.stats-strip{background:#8B1A1A;color:#fff;display:grid;grid-template-columns:repeat(3,1fr)}\n.stat-item{padding:28px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}\n.stat-item:last-child{border-right:none}\n.stat-num{font-size:2rem;font-weight:800;line-height:1;color:#e8c87a;display:block;margin-bottom:4px}\n.stat-label{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.85}\n\n\/* SECTIONS *\/\n.section{padding:80px 48px;max-width:1100px;margin:0 auto}\n.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8B1A1A;margin-bottom:10px}\n.section h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#1e1a16;line-height:1.2;margin-bottom:16px;letter-spacing:-.02em}\n.section-lead{font-size:1rem;color:#5a5248;line-height:1.75;margin-bottom:28px;max-width:520px}\n\n\/* QUI SOM *\/\n.qui-som-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}\n.qui-som-img{position:relative}\n.qui-som-img img{width:100%;border-radius:16px;display:block;aspect-ratio:4\/3;object-fit:cover}\n.qui-som-badge{position:absolute;bottom:-20px;right:-20px;background:#8B1A1A;color:#fff;border-radius:12px;padding:16px 20px;text-align:center;box-shadow:0 8px 24px rgba(139,26,26,.3)}\n.qui-som-badge .num{font-size:1.8rem;font-weight:800;display:block;color:#e8c87a}\n.qui-som-badge .lbl{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.9}\n.btn-dark{display:inline-block;background:#1e1a16;color:#fff;padding:13px 26px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.03em;transition:background .2s}\n.btn-dark:hover{background:#3a3228}\n\n\/* PILARS *\/\n.pilars-section{background:#fff;padding:72px 48px}\n.pilars-inner{max-width:1100px;margin:0 auto}\n.pilars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}\n.pilar-card{background:#faf9f7;border:1px solid #ede9e3;border-radius:14px;padding:28px 24px;transition:box-shadow .2s,transform .15s}\n.pilar-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.08);transform:translateY(-3px)}\n.pilar-icon{width:44px;height:44px;background:#fdecea;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}\n.pilar-icon svg{width:22px;height:22px;stroke:#8B1A1A;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.pilar-card h3{font-size:15px;font-weight:700;color:#1e1a16;margin-bottom:8px}\n.pilar-card p{font-size:13px;color:#7a6e65;line-height:1.65}\n\n\/* MUSICA *\/\n.musica-section{background:#1e1a16;padding:80px 48px;text-align:center}\n.musica-inner{max-width:800px;margin:0 auto}\n.musica-section .section-eyebrow{color:#e8c87a}\n.musica-section h2{color:#fff;margin-bottom:12px}\n.musica-section p{color:rgba(255,255,255,.65);font-size:.95rem;line-height:1.7;margin-bottom:32px}\n.video-wrap{border-radius:14px;overflow:hidden;aspect-ratio:16\/9;background:#0a0806;margin-bottom:28px}\n.video-wrap iframe{width:100%;height:100%;border:none}\n.btn-gold{background:#e8c87a;color:#1e1a16;padding:13px 28px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.04em;transition:background .2s}\n.btn-gold:hover{background:#d4b260}\n\n\/* APUNTA'T *\/\n.cta-section{background:#8B1A1A;padding:80px 48px;text-align:center}\n.cta-section h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:12px;letter-spacing:-.02em}\n.cta-section p{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.7;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}\n.btn-white{background:#fff;color:#8B1A1A;padding:14px 32px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.04em;transition:background .2s,transform .1s}\n.btn-white:hover{background:#fdecea;transform:translateY(-1px)}\n\n\/* FOOTER *\/\n.footer{background:#0f0c0a;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}\n.footer-logo{color:rgba(255,255,255,.7);font-size:14px;font-weight:700}\n.footer-copy{color:rgba(255,255,255,.3);font-size:12px}\n\n@media(max-width:768px){\n  .nav{padding:20px 24px}\n  .nav-links{display:none}\n  .section{padding:56px 24px}\n  .pilars-section,.musica-section,.cta-section{padding:56px 24px}\n  .qui-som-wrap{grid-template-columns:1fr;gap:32px}\n  .pilars-grid{grid-template-columns:1fr}\n  .stats-strip{grid-template-columns:1fr;gap:0}\n  .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.15)}\n  .stat-item:last-child{border-bottom:none}\n  .qui-som-badge{right:12px;bottom:-14px;padding:12px 16px}\n  .footer{flex-direction:column;align-items:flex-start;padding:24px}\n}\n<\/style>\n\n\n\n<section class=\"hero\">\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-content\">\n    <span class=\"hero-eyebrow\">Alella \u00b7 Des de 1977<\/span>\n    <h1>Coral Joia<br><span>d'Alella<\/span><\/h1>\n    <p class=\"hero-sub\">M\u00fasica, emoci\u00f3 i tradici\u00f3. Una coral que porta m\u00e9s de 40 anys fent vibrar les veus del Maresme.<\/p>\n    <div class=\"hero-btns\">\n      <a href=\"#\" class=\"btn-primary\">Escolta'ns<\/a>\n      <a href=\"#\" class=\"btn-outline\">Vine a cantar<\/a>\n      <a href=\"#\" class=\"btn-outline\">Concerts<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-scroll\">\n    <div class=\"hero-scroll-line\"><\/div>\n    <span>Descobreix<\/span>\n  <\/div>\n<\/section>\n\n<div class=\"stats-strip\">\n  <div class=\"stat-item\">\n    <span class=\"stat-num\">+40<\/span>\n    <span class=\"stat-label\">Anys d'hist\u00f2ria<\/span>\n  <\/div>\n  <div class=\"stat-item\">\n    <span class=\"stat-num\">120+<\/span>\n    <span class=\"stat-label\">Can\u00e7ons al repertori<\/span>\n  <\/div>\n  <div class=\"stat-item\">\n    <span class=\"stat-num\">50+<\/span>\n    <span class=\"stat-label\">Cantaires actius<\/span>\n  <\/div>\n<\/div>\n\n<div class=\"section\">\n  <div class=\"qui-som-wrap\">\n    <div class=\"qui-som-img\">\n      <img decoding=\"async\" src=\"https:\/\/www.coraljoia.es\/wp-content\/uploads\/2019\/01\/cropped-DSCN3628-2-1.jpg\" alt=\"Coral Joia d'Alella\">\n      <div class=\"qui-som-badge\">\n        <span class=\"num\">1977<\/span>\n        <span class=\"lbl\">Any de fundaci\u00f3<\/span>\n      <\/div>\n    <\/div>\n    <div>\n      <p class=\"section-eyebrow\">Qui som<\/p>\n      <h2>Una coral amb \u00e0nima i tradici\u00f3<\/h2>\n      <p class=\"section-lead\">Som una coral polif\u00f2nica formada per cantaires apassionats per la m\u00fasica coral. Ens reunim cada setmana per assajar, cr\u00e9ixer i compartir la m\u00fasica amb el nostre p\u00fablic.<\/p>\n      <p class=\"section-lead\" style=\"margin-top:-8px\">Des de repertori cl\u00e0ssic fins a peces modernes, la nostra diversitat musical \u00e9s el que ens defineix.<\/p>\n      <a href=\"https:\/\/www.coraljoia.es\/index.php\/historia\/\" class=\"btn-dark\">Coneix la nostra hist\u00f2ria<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"pilars-section\">\n  <div class=\"pilars-inner\">\n    <p class=\"section-eyebrow\">La vida coral<\/p>\n    <h2 style=\"font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#1e1a16;letter-spacing:-.02em\">Molt m\u00e9s que cantar<\/h2>\n    <div class=\"pilars-grid\">\n      <div class=\"pilar-card\">\n        <div class=\"pilar-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg>\n        <\/div>\n        <h3>Assajos setmanals<\/h3>\n        <p>Ens trobem cada setmana per perfeccionar el nostre so en un ambient amigable i apassionat.<\/p>\n      <\/div>\n      <div class=\"pilar-card\">\n        <div class=\"pilar-icon\">\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\n        <\/div>\n        <h3>Concerts i actuacions<\/h3>\n        <p>Actuem regularment a Alella i arreu del Maresme, portant la m\u00fasica a escenaris i espais \u00fanics.<\/p>\n      <\/div>\n      <div class=\"pilar-card\">\n        <div class=\"pilar-icon\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        <\/div>\n        <h3>Viatges i trobades<\/h3>\n        <p>Participem en festivals corals i trobades internacionals, creant lla\u00e7os amb corals de tot arreu.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"musica-section\">\n  <div class=\"musica-inner\">\n    <p class=\"section-eyebrow\">Escolta'ns<\/p>\n    <h2>Com sonem<\/h2>\n    <p>Descobreix el nostre so a trav\u00e9s dels nostres v\u00eddeos i explora les m\u00e9s de 120 can\u00e7ons del repertori amb partitures i pistes per veu.<\/p>\n    <div class=\"video-wrap\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/TU_VIDEO\" allowfullscreen><\/iframe>\n    <\/div>\n    <a href=\"https:\/\/www.coraljoia.es\/index.php\/repertori\/\" class=\"btn-gold\">Veure totes les can\u00e7ons<\/a>\n  <\/div>\n<\/div>\n\n<div class=\"cta-section\">\n  <h2>T'agrada cantar?<br>Vine a provar amb nosaltres!<\/h2>\n  <p>No cal experi\u00e8ncia pr\u00e8via. Busquem persones amb ganes de cantar, aprendre i formar part d'una comunitat especial.<\/p>\n  <a href=\"https:\/\/www.coraljoia.es\/index.php\/contacte\/\" class=\"btn-white\">Contacta \u00b7 Apunta't<\/a>\n<\/div>\n\n<footer class=\"footer\">\n  <span class=\"footer-logo\">Coral Joia d'Alella<\/span>\n  <span class=\"footer-copy\">\u00a9 2025 \u00b7 Alella, Maresme<\/span>\n<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Alella \u00b7 Des de 1977 Coral Joiad&#8217;Alella M\u00fasica, emoci\u00f3 i tradici\u00f3. Una coral que porta m\u00e9s de 40 anys fent vibrar les veus del Maresme. Escolta&#8217;ns Vine a cantar Concerts&hellip;&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-5042","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/pages\/5042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/comments?post=5042"}],"version-history":[{"count":42,"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/pages\/5042\/revisions"}],"predecessor-version":[{"id":5677,"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/pages\/5042\/revisions\/5677"}],"wp:attachment":[{"href":"https:\/\/www.coraljoia.es\/index.php\/wp-json\/wp\/v2\/media?parent=5042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}