Cru Membership Page
<div class="container-fluid tc-page wine-reserve vip-page">
<div class="common-banner"><img class="" src="{{media url=newdesign/vipmembership-new1.png}}" alt="VIP MEMBERSHIP" width="100%" height="auto">
<div class="banner-sub-content">
<p>Come and Join</p>
<h2>the JW Cru</h2>
</div>
</div>
<div class="container-fluid cru-first"><img class="crubgleft" src="/pub/media//newdesign/crubgleft.png"> <img class="crubgright" src="/pub/media//newdesign/crubgright.png">
<div class="col-sm-12 col-md-12 vip-top jw-center">
<div class="left-logo-icon"><img class="" src="{{media url=images/cru-logo-new-1.jpg}}" alt="VIP" width="100%" height="auto"></div>
<div class="right-line-text">
<p><label class="crufirst">Become part of a passionate community of savvy wine drinkers</label> <label class="crusecond">
As a Cru member you’ll get the best deals on the site, access to exclusive wines, plus 6 free bottles each year, and lot more goodies including free shipping on every order! And you will do it while supporting small boutique winemakers around Australia. </label>
<br/>
<span> <b> Deposit $30 per month into your Wallet </b></span>
</p>
<div class="jw-loginbutton">
{{block class="Magento\Framework\View\Element\Template" name="crupagecontent" template="Magento_Theme::html/cru_addto_cart.phtml"}}
</div>
<div class="crufree">
</div>
<span class="vipprice-1 free-as" style="display:none;"><label class="cru-deposit">Free</label><br>1-month trial<br>ends on <br/>May 31st<label class="crumonth">HURRY!</label></span></div>
</div>
</div>
<div class="container-fluid cru-second"><img class="crubgl" src="/pub/media/newdesign/crubg-l.png"> <img class="crubgwb" src="/pub/media/newdesign/cru-wine-bot.png"> <img class="crubgr" src="/pub/media/newdesign/crugrap.jpg">
<div class="row jw-center">
<div class="col-sm-12 col-md-12 tc-list vip-list">
<h2>What’s in the JW Cru for you?</h2>
<p class="wine-reserve-save-big">This plan is simply the best way to buy wine!</p>
<ul>
<li><img class="" src="{{media url=newdesign/cruicon1.png}}" alt="Best price">
<h3>Assured savings<br>of up to 30%</h3>
<p>This is your place for best wines at best prices. We guarantee you savings of up to 30% and that’s a promise we will keep.</p>
</li>
<li><img class="" src="{{media url=newdesign/cruicon2.png}}" alt="Free Shipping">
<h3>Free wine bottles<br>every year</h3>
<p>You will get 6 free bottles a year. This equates to a guaranteed minimum value of $120.</p>
</li>
<li><img class="" src="{{media url=newdesign/cruicon3.png}}" alt="Free delivery on every order">
<h3>Personalised<br>Services</h3>
<p>Get all the help and guidance you need with our dedicated Service Team. We are here to help you.</p>
</li>
<li><img class="" src="{{media url=newdesign/cruicon4.png}}" alt="Access to Exclusive">
<h3>Access to Exclusive<br>JWC Brands</h3>
<p>This is your sure shot and the only way to get ALL the JWC exclusive wines. You will not get these wines anywhere else.</p>
</li>
<li><img class="crufreeicon" src="{{media url=newdesign/cruicon51.png}}" alt="Personalised Service">
<h3>Free delivery on<br>every order</h3>
<p>Browse over 6000+ local Australian wines & enjoy free delivery on every order. You are easily saving $9.90 on every delivery.</p>
</li>
<li><img class="" src="{{media url=newdesign/cruicon6.png}}" alt="money-back">
<h3>90-Day money-back<br>guarantee</h3>
<p>We assure you a refund within 90 days. If you don’t like the wine, we give your money back with no questions asked.</p>
</li>
</ul>
<div class="jw-loginbutton">
<div class="vip-member2ns"><a class="vip-addtocart" href="/cru-exclusive">CRU exclusive products</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="row vip-join-member" id="adddt">
<div class="col-sm-12 col-md-12 vip-member">
<p>Become a Member Today</p>
<div class="jw-loginbutton">
{{block class="Magento\Framework\View\Element\Template" name="crupagecontent" template="Magento_Theme::html/cru_addto_cart.phtml"}}
</div>
</div>
</div>
<div class="container-fluid howdoes">
<div class="row jw-center">
<div class="col-sm-12 col-md-12 small-box-vip">
<div class="started-vip">
<h1>How does the JW Cru work?</h1>
<ul>
<li>
<div class="vip-icon-div"><img src="/pub/media/newdesign/cruar-1.png"></div>
<h2 class="circle1-vip">Save $30 in your wallet on a monthly basis</h2>
</li>
<li>
<div class="vip-icon-div"><img src="/pub/media/newdesign/cruar-2.png"></div>
<h2 class="circle2-vip">It is your money to spend when you are ready to do so</h2>
</li>
<li>
<div class="vip-icon-div"><img src="/pub/media/newdesign/cruar-3.png"></div>
<h2 class="circle3-vip">Start receiving the benefits: lowest prices, free wines & delivery</h2>
</li>
<li>
<div class="vip-icon-div"><img src="/pub/media/newdesign/cruar-4.png"></div>
<h2 class="circle4-vip">Work with Australian boutique winemakers & drink better wines</h2>
</li>
<li>
<div class="vip-icon-div"><img src="/pub/media/wysiwyg/05-icon.png"></div>
<h2 class="circle4-vip">No subscription fees or tie-ins, you can cancel at any time with a full refund.</h2>
</li>
</ul>
</div>
</div>
</div>
</div>
<section id="jw-review" class="jw-review">
<h2>FREQUENTLY ASKED QUESTIONS</h2>
<div class="acc-main">
<button class="accordion active">What is JW Cru membership and what does it offer?</button>
<div class="panel" style="display: block;">
<p> An exclusive plan that brings you closer to the best prices, wines and savings. <br/> <br/>
By subscribing to our CRU membership, you invest $30 each month into your wallet, which can be redeemed during purchases. As a CRU member, you will have the privilege of the following perks: <br/> <br/>
<li>Receive up to a 30% discount on all purchases. </li>
<li> 6 free bottles annually, divided into two deliveries: 3 after six months and 3 after one year.</li>
<li>Benefit from free delivery on every order. </li>
<li>Commit only $30 monthly to your account. </li>
<li> Pause debits and request refunds at your convenience.</li>
<li> Access dedicated customer support.</li><br/><br/>
Additionally, we value your loyalty and as a gesture of appreciation, we will credit an extra $30 to your wallet.
</p>
</div>
<button class="accordion">How do I become a JW Cru member?</button>
<div class="panel">
<p> Simply click on the <b>Join Cru Now button</b>, and add the membership to your cart. Create your <b>JW Cru online account </b>and <b>checkout.</b> You are now ready to go. Start enjoying the benefits of your membership, and you have 30 days until your first deposit is done.</p>
</div>
<button class="accordion">Why should I become a JW Cru member?</button>
<div class="panel">
<p>Because you are in for some great wines, prices and savings. You will save better and drink better for sure. Your $30 monthly deposit will keep on accumulating in your JW Wallet every month, and within 4 months, you will have $120 to use and buy a wine case of your choice from our wide range of options. You will have nothing more to pay. Your pocket feels light. Right?</p>
</div>
<button class="accordion">If I suspend my CRU membership for three months, will I still be eligible for the perks? </button>
<div class="panel">
<p>Please note that your membership benefits are accessible only while your CRU membership is active.
</p>
</div>
<button class="accordion">Is the monthly $30 fee for the CRU Club a subscription charge? </button>
<div class="panel">
<p>The $30 you deposit into your wallet each month is not a subscription fee. Instead, it is credit that you can utilise anytime to buy wines online or over the phone at a reduced rate.
</p>
</div>
<button class="accordion">As a CRU member, why didn't I receive complimentary bottles with my last order? </button>
<div class="panel">
<p>As a CRU member, you will receive a total of six complimentary bottles divided into two deliveries. You will receive the first set of three bottles after six months of membership, followed by another three bottles after completing a year.
</p>
</div>
<button class="accordion">Why was I charged for shipping despite being a CRU member? </button>
<div class="panel">
<p>Please ensure you are logged into your account when placing an order to access all the benefits of your CRU membership.
</p>
</div>
<button class="accordion">How can I cancel my membership?</button>
<div class="panel">
<p>You can cancel your membership by reaching us at <a href="callto:1300 250 296">1300 250 296</a>, sending an email to <a href="mailto:support@justwines.com.au">support@justwines.com.au</a>, or using our live chat option.
</p>
</div>
<button class="accordion">Can I pause or skip my membership?</button>
<div class="panel">
<p>Sure. You can pause or skip your membership by contacting us at <a href="callto:1300 250 296">1300 250 296</a>, emailing <a href="mailto:support@justwines.com.au">support@justwines.com.au</a>, or using our live chat.
</p>
</div>
</div>
</section>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
var activeAccordion = null;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
if (activeAccordion && activeAccordion !== this) {
activeAccordion.classList.toggle("active");
activeAccordion.nextElementSibling.style.display = "none";
}
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.display === "block") {
panel.style.display = "none";
} else {
panel.style.display = "block";
}
activeAccordion = this;
});
}
</script>
<style>
.panel p {
font-family: 'Roboto';
font-size: 15px;
}
.panel li {
font-family: 'Roboto';
font-size: 15px;
color: #3c3c3c;
}
.cms-cru-membership .started-vip ul li h2 {
line-height: 18px;
}
.cms-cru-membership .vip-icon-div {
margin-bottom: 12px;
}
.cms-cru-membership .small-box-vip ul:after {
top: 31%;
}
.container-fluid.cru-first {
height: 437px;
border-bottom: 1px solid #ebebeb;
}
.col-sm-12.col-md-12.vip-top.jw-center {
margin-top: 0px;
}
.cms-cru-membership .right-line-text {
padding-top: 0px;
}
.cms-cru-membership .small-box-vip ul li {
width: 20%;
}
section#jw-review {
background: unset;
float: left;
width: 100%;
}
section#jw-review h2 {
text-align: center;
font-weight: 500;
font-size: 30px;
color: #3c3c3c;
}
.acc-main button.accordion {
background: unset;
font-size: 17px;
font-weight: 500;
font-family: 'Roboto';
}
.acc-main {
margin: 0px auto;
float: unset;
max-width: 1200px;
margin-top: 50px;
border: 1px solid #d7d7d7;
border-radius: 8px;
}
.accordion:after {
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
transform: rotate(-180deg);
transition: transform 0.3s;
content: url(/pub/media/newdesign/arrow-dropdown.svg);
font-size: 13px;
}
.active:after {
content: "\25BE";
transform: rotate(0deg);
content: url(/pub/media/newdesign/arrow-dropdown.svg);
font-size: 13px;
}
.panel {
padding: 20px 30px;
font-size: 14px;
color: #3c3c3c;
border-bottom: 1px solid #ebebeb;
overflow: hidden;
display: none;
}
span.vipprice-1.free-as {
background: url(/pub/media/wysiwyg/circle.png);
width: 204px;
height: 204px;
background-repeat: no-repeat;
background-size: 100%;
}
span.vipprice-1.free-as label.cru-deposit {
font-size: 35px;
letter-spacing: 0px;
font-family: 'Montserrat';
font-weight: 800;
margin-bottom: -6px;
display: block;
}
span.vipprice-1.free-as {
font-size: 18px !important;
font-weight: 600;
font-family: 'Montserrat';
line-height: 21px;
padding-top: 40px;
top: -101px;
right: 20px;
}
span.vipprice-1.free-as label.crumonth {
font-size: 25px;
padding-top: 16px;
}
.accordion {
background-color: #f9f9f9;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
@media only screen and (max-width: 900px) {
span.vipprice-1.free-as {
top: -40px;
right: -31px;
height: 150px;
width: 150px;
}
span.vipprice-1.free-as label.cru-deposit {
font-size: 25px;
margin-bottom: -20px;
}
span.vipprice-1.free-as {
font-size: 15px !important;
padding-top: 20px;
}
span.vipprice-1.free-as label.crumonth {
font-size: 20px;
padding-top: 8px;
}
}
@media only screen and (max-width: 580px) {
span.vipprice-1.free-as {
top: -170px;
right: 72px;
height: 150px;
width: 150px;
}
.cms-cru-membership .small-box-vip ul li {
width: 50%;
}
}
@media only screen and (max-width: 540px) {
.cms-cru-membership .right-line-text .vip-member2ns a {
padding: 3px 13px;
}
.cms-cru-membership .vip-join-member {
max-width: 91%;
}
.cms-cru-membership .vip-join-member .vip-member a {
padding: 5px 10px;
}
}
@media only screen and (max-width: 480px) {
span.vipprice-1.free-as {
top: -164px;
right: 30px;
height: 150px;
width: 150px;
}
}
</style>
<p>{{block class="Magento\Framework\View\Element\Template" name="homecontent" template="Magento_Theme::html/cruleadform.phtml"}}</p>