home.hbs

{{!< default}}

<script src="
https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js
"></script>
<link href="
https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css
" rel="stylesheet">

<main class="site-main">

    <div class="font-20 gh-canvas gh-canvas--mid tc">
        <p>Radius combines the abundance of a local farmer’s market with the everyday convenience of a grocery store. 
        We have everything you need to cook seasonal homemade meals — local, pastured meat along with local, organic produce,
        grains, eggs, cheeses, and wild-caught Gulf seafood. No more, no less. No towering center aisles of processed foods,
        no endless options in every subcategory. Just a curated selection of the most delicious and nutritious local food.
        </p>

        <p class="tc" style="margin-top: calc(3rem + 5%)"><a href="/the-radius-vision/" class="green-button">Learn more</a></p>
    </div>

    <div class="gh-canvas gh-canvas--wide">
        <div class="vision-cols">
            <div class="vision-col tc">
                <img src="{{asset 'home-farms.png'}}" class="vision-image" alt="Our Farms &amp; Sourcing Standards" />
                <h2 class="vision-title">Sourcing Philosophy</h2>
                <p class="font-20">We source from the highest integrity Texas farms and purveyors.</p>
                <p class="font-20"><a href="/sourcing-philosophy/" class="green-button">View farms</a></p>
            </div>
            <div class="vision-col tc">
                <img src="{{asset 'home-events.png'}}" class="vision-image" alt="Our Farms &amp; Sourcing Standards" />
                <h2 class="vision-title">Holiday Pre-Orders</h2>
                <p class="font-20">Centerpiece meats, sides, and desserts for your holiday feast.</p>
                <p class="font-20"><a href="/thanksgiving-2024-pre-orders/" class="green-button">Pre-order</a></p>
            </div>
            <div class="vision-col tc">
                <img src="{{asset 'home-recipes.png'}}" class="vision-image" alt="Our Farms &amp; Sourcing Standards" />
                <h2 class="vision-title">Upcoming Events</h2>
                <p class="font-20">Educational dinners, farm tours, and more.</p>
                <p class="font-20"><a href="/events/" class="green-button">View events</a></p>
            </div>
        </div>
    </div>
    
    <hr class="yellow-hr">

    <header class="feed-header gh-canvas">
        <h2 class="header-title tc">Visit Us</h2>
    </header>

    <div class="gh-canvas gh-canvas--mid">
        <div id="visit-us-details" class="tc">
            <div>
                <h2 class="visit-us-heading font-condensed">Address</h2>
                <p class="font-20">1912 East 7th St<br>Austin, Texas 78704</p>
            </div>
            <div>
                <h2 class="visit-us-heading font-condensed">Hours</h2>
                <p class="font-20">Coming Soon<br>10am – 8pm</p>
            </div>
        </div>
        <section id="image-carousel" class="splide" aria-label="Images of Radius Butcher & Grocery">
            <div class="splide__track">
                <ul class="splide__list">
                    <li class="splide__slide">
                        <img src="{{asset 'V1.jpeg'}}" alt="">
                    </li>
                    <li class="splide__slide">
                        <img src="{{asset 'V2.jpeg'}}" alt="">
                    </li>
                    <li class="splide__slide">
                        <img src="{{asset 'V3.jpeg'}}" alt="">
                    </li>
                    <li class="splide__slide">
                        <img src="{{asset 'V4.jpeg'}}" alt="">
                    </li>
                </ul>
            </div>
        </section>
    </div>

    <hr class="yellow-hr">

    <header class="feed-header gh-canvas">
        {{#if @custom.feed_title}}
            <h2 class="header-title tc">{{@custom.feed_title}}</h2>
        {{/if}}
    </header>

    {{#if @custom.show_featured_posts}}
        {{> "featured-posts"}}
    {{/if}}

    {{#get "posts" limit="5" include="tag,authors"}}
    <div class="post-feed{{#match @custom.feed_layout "!=" "Minimal"}} expanded{{/match}}{{#match @custom.feed_layout "Right thumbnail"}} right-thumbnail{{/match}}{{#match @custom.feed_layout "Text-only"}} text-only{{/match}} gh-feed gh-canvas">
        {{#foreach posts}}
            {{> "loop"}}
        {{/foreach}}
    </div>
    {{/get}}

    <div class="gh-canvas tc" style="margin-top: 4rem;">
    <p class="font-20"><a href="/blog/" class="green-button">View all posts</a></p>
    </div>

</main>

<script>
    new Splide('#image-carousel', { heightRatio: 0.6, pagination: false }).mount();
</script>

{{#contentFor "body_class"}}{{#if @site.cover_image}} with-full-cover is-head-transparent{{/if}}{{#if @member}} logged-in{{/if}}{{/contentFor}}