sections

<p class='hideInMobile' style="text-align: center; text-transform: uppercase; font-size: 30px; font-weight: 700; text-transform: uppercase; margin-top: 60px;margin-bottom:30px;">Categories</p>
 <p class='hideInWeb' style="text-align: center; font-size: 22px; font-weight: 700; text-transform: uppercase;">Categories</p>   <div class="hideInMobile" style="display: flex; justify-content: center; text-transform: uppercase; gap: 20px; padding: 20px;">
        
        <div style="text-align: center; width: 400px; overflow: hidden;" 
        onmouseover="this.style.transform='translate(0px, -10px)'; this.style.transition='transform 0.5s ease';" 
        onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s ease';">
        <a href="/category/Flower">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590007/brand/Backpackboyz/test/logos/aad3f70dfb257869b78f211df3c8d731.png" alt="Product Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;">
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">PRODUCT</p>
        </a>
        </div>
        
        <div style="text-align: center; width: 400px; overflow: hidden;"
        
        onmouseover="this.style.transform='translate(0px, -10px)'; this.style.transition='transform 0.5s ease';" 
        onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s ease';">
        <a href="https://backpackboyzmerch.com/">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738589894/brand/Backpackboyz/test/logos/9544a9110693ee3cfeac25a01fbf7e24.png" alt="Merch Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;"
                 >
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">Merch</p>
        </a>
        </div>
    
        
        <div style="text-align: center; width: 400px; overflow: hidden;"
        onmouseover="this.style.transform='translate(0px, -10px)'; this.style.transition='transform 0.5s ease';" 
        onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s ease';">
        <a href="/content/location">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1737983597/brand/Backpack%20Boyz/test/logos/d08b96d77ba24fdd9f0431d75d45acb5.png" alt="Locations Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;"
                 >
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">Locations</p>
        </a>
        </div>
    
        
        <div style="text-align: center; width: 400px; overflow: hidden;"
        onmouseover="this.style.transform='translate(0px, -10px)'; this.style.transition='transform 0.5s ease';" 
        onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s ease';">
        <a href="/wholesale">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590146/brand/Backpackboyz/test/logos/f30d45c6eacc55581201ef8b45f8719d.png" alt="Wholesale Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;"
                 >
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">Wholesale</p>
        </a>
        </div>
    </div>
    <div class="hideInWeb" style="display: flex; justify-content: center;text-transform: uppercase; gap: 20px;">
        
        <div style="text-align: center; width: 400px; overflow: hidden;">
        <a href="/category/Flower">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590007/brand/Backpackboyz/test/logos/aad3f70dfb257869b78f211df3c8d731.png" alt="Product Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;">
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">PRODUCT</p>
        </a>
        </div>
        
        <div style="text-align: center; width: 400px; overflow: hidden;">
        <a href="https://backpackboyzmerch.com/">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738589894/brand/Backpackboyz/test/logos/9544a9110693ee3cfeac25a01fbf7e24.png" alt="Merch Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;"
                 >
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">Merch</p>
        </a>
        </div>
    
        
        
    </div>
    <div class="hideInWeb" style="display: flex; justify-content: center; text-transform: uppercase; gap: 20px; ">
        <div style="text-align: center; width: 400px; overflow: hidden;">
        <a href="/content/location">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1737983597/brand/Backpack%20Boyz/test/logos/d08b96d77ba24fdd9f0431d75d45acb5.png" alt="Locations Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;"
                 >
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">Locations</p>
        </a>
        </div>
    
        
        <div style="text-align: center; width: 400px; overflow: hidden;">
        <a href="/wholesale">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590146/brand/Backpackboyz/test/logos/f30d45c6eacc55581201ef8b45f8719d.png" alt="Wholesale Image" 
                 style="width: 100%; height: auto; transition: transform 0.3s ease; cursor: pointer;"
                 >
            <p style="margin-top: 10px; font-weight: bold; font-size: 18px;">Wholesale</p>
        </a>
        </div>
    </div>

<div class="hideInMobile" style='color: white; text-align: center; padding: 20px; max-width: 1017px; font-family: Anonymous Pro;'> <p style='font-size: 24px; font-weight: bold; line-height: 1.6; margin-bottom: 20px;'> Backpackboyz has garnered a reputation for high-quality products, exclusive branding, and a community-driven approach to the cannabis culture. </p> <a href='/category/Flower' style='display: inline-block; text-decoration: underline; color: white; padding: 10px 20px; font-size: 24px; font-weight: bold; border-radius: 5px;'> LEARN MORE </a> </div> <div class="hideInWeb" style='color: white; text-align: center; padding: 20px; max-width: 1017px; font-family: Anonymous Pro;'> <p style='font-size: 16px; font-weight: bold; line-height: 1.6; margin-bottom: 20px;'> Backpackboyz has garnered a reputation for high-quality products, exclusive branding, and a community-driven approach to the cannabis culture. </p> <a href='#' style='display: inline-block; text-decoration: underline; color: white; padding: 10px 20px; font-size: 16px; font-weight: bold; border-radius: 5px;'> LEARN MORE </a> </div>

<p class='hideInMobile' style="text-align: center; font-size: 30px; font-weight: 700; text-transform: uppercase; margin-top: 60px;margin-bottom:30px;">FEATURE</p> <div class='hideInMobile'style="display: flex; justify-content: center; align-items: center; gap: 40px;">
    <div class='hideInMobile' style="position: relative; width: 100%;"
    onmouseover="this.style.transform='translate(10px, 10px)'; this.style.transition='transform 0.5s';"
    onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s';"
    >
        <div style="position: relative; width: 100%; height: 100%; overflow: hidden;">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590273/brand/Backpackboyz/test/logos/286e77d791d24b02492ba18c9ee63747.png" alt="Backpackboyz Collection" style="width: 100%; height: 100%; object-fit: cover;">
            
            <div style="position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 36px; background: rgba(0, 0, 0, 0.5);"
                 onmouseover="this.style.opacity='1'"
                 onmouseout="this.style.opacity='0'">
                
                <div style="color: white; width: 100%;">
                    <h2 style="margin: 0; font-size: 16px; font-weight: bold; text-transform: uppercase;">BACKPACKBOYZ</h2>
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <div>
                            <h1 style="margin: 10px 0; font-size: 35px; font-weight: bold;  text-transform: uppercase; letter-spacing: 2px;">FLOWER COLLECTION</h1>
                        </div>
                        <div>
                            <a href="/category/Flower" style="background: #FF4136; border: none; color: white; padding: 10px; width: fit-content; border-radius: 5px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;"
                            onmouseover="this.style.background='transparent'; this.style.color='#FF4136'; this.style.border='1px solid #FF4136'"
                            onmouseout="this.style.background='#FF4136' ; this.style.color='white'"
                            >
                                Explore Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class='hideInMobile' style="position: relative; width: 100%;"
    onmouseover="this.style.transform='translate(10px, 10px)'; this.style.transition='transform 0.5s';"
    onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s';"
    >
        <div style="position: relative; width: 100%; height: 100%; overflow: hidden;">
            <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590502/brand/Backpackboyz/test/logos/0e38d2800a539193fff718164a35aa71.png" alt="Backpackboyz Collection" style="width: 100%; height: 100%; object-fit: cover;">
            
            <div style="position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 36px; background: rgba(0, 0, 0, 0.5);"
                 onmouseover="this.style.opacity='1'"
                 onmouseout="this.style.opacity='0'">
                
                <div style="color: white; width: 100%;">
                    <h2 style="margin: 0; font-size: 16px; font-weight: bold; text-transform: uppercase;">BACKPACKBOYZ</h2>
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <div>
                            <h1 style="margin: 10px 0; font-size: 35px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;">PER-ROLL COLLECTION</h1>
                        </div>
                        <div>
                            <a href="/category/Pre-Roll" style="background: #FF4136; border: none; color: white; padding: 10px; width: fit-content; border-radius: 5px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;"
                            onmouseover="this.style.background='transparent'; this.style.color='#FF4136'; this.style.border='1px solid #FF4136'"
                            onmouseout="this.style.background='#FF4136' ; this.style.color='white'"
                            >
                                Explore Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class='hideInMobile' style="display: flex; justify-content: center; align-items: center; gap: 40px;">
    <div  style="position: relative; width: 100%;"
    onmouseover="this.style.transform='translate(10px, 10px)'; this.style.transition='transform 0.5s';"
    onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s';"
    >
        <div style="position: relative; width: 100%; height: 100%; overflow: hidden;">
            <img src="https://res.cloudinary.com/dwqgsq5dl/image/upload/v1738945249/FEATURE_THUMBNAIL_-_VAPE_2_vlqxya.png" alt="Backpackboyz Collection" style="width: 100%; height: 100%; object-fit: cover;">
            
            <div style="position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 36px; background: rgba(0, 0, 0, 0.5);"
                 onmouseover="this.style.opacity='1'"
                 onmouseout="this.style.opacity='0'">
                
                <div style="color: white; width: 100%;">
                    <h2 style="margin: 0; font-size: 16px; font-weight: bold; text-transform: uppercase;">BACKPACKBOYZ</h2>
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <div>
                            <h1 style="margin: 10px 0; font-size: 35px; font-weight: bold;  text-transform: uppercase; letter-spacing: 2px;">VAPE COLLECTION</h1>
                        </div>
                        <div>
                            <a href="/category/Vapes" style="background: #FF4136; border: none; color: white; padding: 10px; width: fit-content; border-radius: 5px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;"
                            onmouseover="this.style.background='transparent'; this.style.color='#FF4136'; this.style.border='1px solid #FF4136'"
                            onmouseout="this.style.background='#FF4136' ; this.style.color='white'"
                            >
                                Explore Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div  style="position: relative; width: 100%;"
    onmouseover="this.style.transform='translate(10px, 10px)'; this.style.transition='transform 0.5s';"
    onmouseout="this.style.transform='translate(0px, 0px)'; this.style.transition='transform 0.5s';"
    >
        <div style="position: relative; width: 100%; height: 100%; overflow: hidden;">
            <img src="https://res.cloudinary.com/dwqgsq5dl/image/upload/fl_lossy,f_auto/v1736498435/brand/Backpackboyz%27s/test/logos/4959a380357d7bf6bab3276bd2da2271.png" alt="Backpackboyz Collection" style="width: 100%; height: 100%; object-fit: cover;">
            
            <div style="position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s ease; display: flex; flex-direction: column; justify-content: flex-end; padding: 40px 36px; background: rgba(0, 0, 0, 0.5);"
                 onmouseover="this.style.opacity='1'"
                 onmouseout="this.style.opacity='0'">
                
                <div style="color: white; width: 100%;">
                    <h2 style="margin: 0; font-size: 16px; font-weight: bold; text-transform: uppercase;">BACKPACKBOYZ</h2>
                    <div style="display: flex; justify-content: space-between; align-items: center;">
                        <div>
                            <h1 style="margin: 10px 0; font-size: 35px; font-weight: bold;  text-transform: uppercase; letter-spacing: 2px;">PACK TALK CHANNEL</h1>
                        </div>
                        <div>
                            <a href="/content/packtalk" style="background: #FF4136; border: none; color: white; padding: 10px; width: fit-content; border-radius: 5px; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;"
                            onmouseover="this.style.background='transparent'; this.style.color='#FF4136'; this.style.border='1px solid #FF4136'"
                            onmouseout="this.style.background='#FF4136' ; this.style.color='white'"
                            >
                            Watch Now 
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="hideInWeb" style="position: relative; text-align: center; margin-bottom: 20px;">
    <a href="/category/Flower">
    <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590273/brand/Backpackboyz/test/logos/286e77d791d24b02492ba18c9ee63747.png" alt="Flowers Collection" style="width: 100%; height: auto; display: block;">
    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);"></div>
    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; width: 100%;">
        <p style="margin: 0; font-size: 16px; letter-spacing: 2px; font-weight: bold;">BACKPACKBOYZ</p>
        <h2 style="margin: 0; font-size: 20px; letter-spacing: 4px;">FLOWER COLLECTION</h2>
    </div>
</a>
</div>

<div class="hideInWeb" style="position: relative; text-align: center; margin-bottom: 20px;">
    <a href="/category/Pre-Roll">
    <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590502/brand/Backpackboyz/test/logos/0e38d2800a539193fff718164a35aa71.png" alt="Pre-Roll Collection" style="width: 100%; height: auto; display: block;">
    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);"></div>
    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; width: 100%;">
        <p style="margin: 0; font-size: 16px; letter-spacing: 2px; font-weight: bold;">BACKPACKBOYZ</p>
        <h2 style="margin: 0; font-size: 20px; letter-spacing: 4px;">PRE-ROLL COLLECTION</h2>
    </div>
</a>
</div>

<div class="hideInWeb" style="position: relative; text-align: center; margin-bottom: 20px;">
    <a href="/category/Vaporizers">
    <img src="https://res.cloudinary.com/dcwq74lfg/image/upload/fl_lossy,f_auto/v1738590721/brand/Backpackboyz/test/logos/7d8819d860d125de14ee9949c1a36471.png" alt="Vape Collection" style="width: 100%; height: auto; display: block;">
    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);"></div>
    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; width: 100%;">
        <p style="margin: 0; font-size: 16px; letter-spacing: 2px; font-weight: bold;">BACKPACKBOYZ</p>
        <h2 style="margin: 0; font-size: 20px; letter-spacing: 4px;">VAPE COLLECTION</h2>
    </div>
</a>
</div>

<div class="hideInWeb" style="position: relative; text-align: center; margin-bottom: 20px;">
    <a href="/content/packtalk">
    <img src="https://res.cloudinary.com/dwqgsq5dl/image/upload/fl_lossy,f_auto/v1736501337/brand/Backpackboyz%27s/test/logos/46ab49b2e8658ec7a9c87784ae5e7969.png" alt="Pack Talk" style="width: 100%; height: auto; display: block;">
    <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);"></div>
    <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; text-align: center; width: 100%;">
        <p style="margin: 0; font-size: 16px; letter-spacing: 2px; font-weight: bold;">BACKPACKBOYZ</p>
        <h2 style="margin: 0; font-size: 20px; letter-spacing: 4px;">PACK TALK</h2>
    </div>
</a>
</div>

EARN POINTS AND EARLY ACCESS TO OUR EXCLUSIVE DROPS

productCardTwo

productDetailCard

Backpackboyz are natives of the bay area growing great cannabis while maintaining a flashy image filled with champagne bottles, dollar bills, and cool cars. The Bay Area has its share when it comes to exotic cannabis, flavors, and eye-popping packaging. Backpackboyz is a California-based marijuana brand that brings a ton of premium strains while also giving you a wide choice of flavors.

Home | Backpackboyz - Known For The Highest Quality Exotic Cannabis Globally

currency

phonePrefix

role

roles

Home

Orders

Customers

Products

Rooms

Drawer

Metrc

Templates

Promotions

Analytics

Configuration

Vehicles

Users

Hub Profile

Strains

Batches

Inquiries

Marketing

Operations

Loyalty

Site

Sales

Marketplaces

Brand Profile

Create Hub

Customize

brand

top_cities_info

user_info

UPCOMING

NOT_UPCOMING

NEWS

PRODUCT_UPDATE

COMPANY_ANNOUNCEMENT

CommonArticle

CircularArticle

articleComponent

terpene

CBDV

THCV

CBND

totalCannabinoids

verifiedEmail

address_string

city

country

county

email

full_name

phone_number

short_state

state

total_orders

total_reviews

total_spent

attributes

contains

endsWith

equals

greaterThan

greaterThanInclusive

lessThan

lessThanInclusive

notContains

notEquals

notIn

startsWith

operators

customizeDefault

USPS

Fedex

carrier

image

video

link

collectible_asset_type

countryCode

cssAttributes

customizePages

colors

heatMapToolTip

admin_waitlist

accept_waitlisted_admin

create_password

magic_link

order_address_modified

order_cancel

order_confirm

order_deliver

order_dispatch

order_updated

pos_signup

promotion

reset_password

signup

upload_id

order_placed

pos_order_complete

pickup_order_complete

order_return

send_otp

send_password

send_weburl

order_payment_pending

weekly_report

templates

generate_pass

notify_user

Filter1

Filter2

Filter3

filterTypes

Custom

Footer1

Footer2

Footer3

footerTypes

Form1

Form2

formTypes

useDefault

googleMap

allowInventorySync

cannabis

non_cannabis

seeds

industryOptions

Merchandise

Returned Goods

Documents

Gift

Sample

Other

Clothing

Hemp Seeds

customsInfo

pages

LoginTemplate1

hemp

merch

flower

no_reward

collectible

point

point_multiplier

tier_invitation

rewardType

Progress towards a milestone is based on the number of orders placed by the customer.

order_count

Current Points balance of the customer is used to determine progress towards a milestone.

point_balance

Total Points earned by the customer is used to determine progress towards a milestone.

point_earned

Progress towards a milestone is based on the number of products bought by the customer.(Unlike Order Count, you can decide specific product to be bought)

product

Number of Verfied Scans made by the customer is used to determine progress towards a milestone.

authenticator_scan

Number of Referrals made by the customer is used to determine progress towards a milestone.

referral

Total amount spent by the customer is used to determine progress towards a milestone.

spend_amount

Progress towards a milestone is based on the number of collectibles bought by the customer.