Show description
Breathe Free Ma - Craft Cannabis
Breathe Free Ma - Craft Cannabis
BREATHE FREE
Our Story
Strain Library
The Mill
Find Us
Our Story
Strain Library
The Mill
Find Us
Terps. Don't. Lie.
An unwavering passion for the craft, born from the underground up. Discover the pinnacle of East Coast cannabis.
Explore Our Strains
An Authentic Brand Forged in Prohibition
Our identity is not a marketing invention. It's a story of struggle, expertise, and perseverance, rooted in a genuine passion for the plant and a deep connection to East Coast pride.
🗽
Yearning to Breathe Free
Inspired by the Statue of Liberty, our name is a symbol of freedom, liberation, and our deep East Coast roots.
🌿
Master Grower Driven
With decades of underground experience, our award-winning Master Grower ensures uncompromising quality in every bud.
✨
The 222 Symbology
A constant reminder to trust the journey. The number 222 is woven into our identity, a shared secret with our community.
🏆
Exotic Genetics
We relentlessly hunt the most unique genetics on the planet, focusing on terpene-rich profiles that deliver unparalleled flavor and experience.
Interactive Strain Library
Explore our portfolio of craft cannabis. Use the filters to discover the perfect strain for your journey and compare their potency profiles in the chart below.
Filter by Type:
All
Indica
Sativa
Hybrid
Filter by Effect:
No strains match your selected filters.
The Mill: Our Cultivation Center
Our home is a transformed historic 1845 mill building in Ware, MA. This state-of-the-art facility is where heritage meets horticulture, allowing us complete hands-on control over our craft.
We honor the past while cultivating the future, with plans to implement sustainable hydropower from the mill itself. It's a testament to our commitment to quality, community, and conscious cultivation.
Find Breathe Free Near You
Our products are available at premier dispensaries across Massachusetts. Find a trusted retail partner below to begin your journey.
BREATHE FREE
© 2025 Breathe Free Ma. All rights reserved.
Please consume responsibly.…
Breathe Free Ma - Craft Cannabis
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Breathe Free Ma - Craft Cannabis</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">
<!-- Chosen Palette: Earthy Neutral -->
<!-- Application Structure Plan: A top-down narrative journey SPA. The structure guides the user from the high-level brand identity (Hero, Our Story) to the core product offering (Interactive Strain Library), then to the brand's unique differentiators (The Mill), and finally to a clear call-to-action (Find Us). This thematic flow was chosen over a report-like structure to create an immersive brand experience that is intuitive for a consumer audience, encouraging exploration and making the rich product data easily accessible and comparable through interactive filters and charts. -->
<!-- Visualization & Content Choices: Strain Portfolio -> Goal: Organize/Compare -> Viz: Interactive card grid with filters + dynamic bar chart -> Interaction: Users filter by type/effect, which updates both the visible cards and the chart data in real-time. Justification: This provides a powerful, user-driven way to explore a complex product catalog, directly answering user questions like "What are your most potent relaxing strains?". The bar chart offers an immediate visual comparison of a key metric (THC), enhancing decision-making. Library: Chart.js for its simplicity and canvas rendering. No SVG/Mermaid used. -->
<!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->
<style>
body {
font-family: 'Source Sans Pro', sans-serif;
background-color: #FDFDFB;
color: #383838;
}
h1, h2, h3 {
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 0.05em;
}
.chart-container {
position: relative;
width: 100%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
height: 400px;
max-height: 50vh;
}
@media (max-width: 768px) {
.chart-container {
height: 300px;
max-height: 60vh;
}
}
.tag {
transition: all 0.2s ease-in-out;
}
.tag.active {
background-color: #8B4513;
color: #FDFDFB;
transform: scale(1.05);
}
.strain-card {
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.strain-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
</style>
</head>
<body class="antialiased">
<header class="bg-white/80 backdrop-blur-md sticky top-0 z-50 shadow-sm">
<nav class="container mx-auto px-6 py-3 flex justify-between items-center">
<div class="text-2xl font-bold text-gray-800">
<span class="text-[#8B4513]">B</span>REATHE <span class="text-[#8B4513]">F</span>REE
</div>
<div class="hidden md:flex space-x-6">
<a href="#story" class="text-gray-600 hover:text-[#8B4513] transition">Our Story</a>
<a href="#library" class="text-gray-600 hover:text-[#8B4513] transition">Strain Library</a>
<a href="#mill" class="text-gray-600 hover:text-[#8B4513] transition">The Mill</a>
<a href="#find" class="text-gray-600 hover:text-[#8B4513] transition">Find Us</a>
</div>
<div class="md:hidden">
<button id="mobile-menu-button" class="text-gray-800 focus:outline-none">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path></svg>
</button>
</div>
</nav>
<div id="mobile-menu" class="hidden md:hidden">
<a href="#story" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100">Our Story</a>
<a href="#library" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100">Strain Library</a>
<a href="#mill" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100">The Mill</a>
<a href="#find" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100">Find Us</a>
</div>
</header>
<main>
<section id="hero" class="relative text-center py-20 md:py-32 bg-cover bg-center" style="background-image: url('https://placehold.co/1600x900/FDFDFB/383838?text=BF');">
<div class="absolute inset-0 bg-black/50"></div>
<div class="relative container mx-auto px-6">
<h1 class="text-5xl md:text-7xl font-bold text-white uppercase tracking-wider">Terps. Don't. Lie.</h1>
<p class="text-xl md:text-2xl text-gray-200 mt-4 max-w-3xl mx-auto">An unwavering passion for the craft, born from the underground up. Discover the pinnacle of East Coast cannabis.</p>
<a href="#library" class="mt-8 inline-block bg-[#8B4513] text-white font-bold py-3 px-8 rounded-lg text-lg uppercase hover:bg-[#A0522D] transition transform hover:scale-105">Explore Our Strains</a>
</div>
</section>
<section id="story" class="py-16 md:py-24 bg-white">
<div class="container mx-auto px-6">
<div class="text-center mb-12">
<h2 class="text-4xl font-bold text-gray-800">An Authentic Brand Forged in Prohibition</h2>
<p class="mt-4 text-lg text-gray-600 max-w-3xl mx-auto">Our identity is not a marketing invention. It's a story of struggle, expertise, and perseverance, rooted in a genuine passion for the plant and a deep connection to East Coast pride.</p>
</div>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<div class="text-center p-6 bg-gray-50 rounded-lg">
<div class="text-4xl mb-4 text-[#8B4513]">🗽</div>
<h3 class="text-xl font-bold mb-2">Yearning to Breathe Free</h3>
<p class="text-gray-600">Inspired by the Statue of Liberty, our name is a symbol of freedom, liberation, and our deep East Coast roots.</p>
</div>
<div class="text-center p-6 bg-gray-50 rounded-lg">
<div class="text-4xl mb-4 text-[#8B4513]">🌿</div>
<h3 class="text-xl font-bold mb-2">Master Grower Driven</h3>
<p class="text-gray-600">With decades of underground experience, our award-winning Master Grower ensures uncompromising quality in every bud.</p>
</div>
<div class="text-center p-6 bg-gray-50 rounded-lg">
<div class="text-4xl mb-4 text-[#8B4513]">✨</div>
<h3 class="text-xl font-bold mb-2">The 222 Symbology</h3>
<p class="text-gray-600">A constant reminder to trust the journey. The number 222 is woven into our identity, a shared secret with our community.</p>
</div>
<div class="text-center p-6 bg-gray-50 rounded-lg">
<div class="text-4xl mb-4 text-[#8B4513]">🏆</div>
<h3 class="text-xl font-bold mb-2">Exotic Genetics</h3>
<p class="text-gray-600">We relentlessly hunt the most unique genetics on the planet, focusing on terpene-rich profiles that deliver unparalleled flavor and experience.</p>
</div>
</div>
</div>
</section>
<section id="library" class="py-16 md:py-24">
<div class="container mx-auto px-6">
<div class="text-center mb-12">
<h2 class="text-4xl font-bold text-gray-800">Interactive Strain Library</h2>
<p class="mt-4 text-lg text-gray-600 max-w-3xl mx-auto">Explore our portfolio of craft cannabis. Use the filters to discover the perfect strain for your journey and compare their potency profiles in the chart below.</p>
</div>
<div class="bg-white p-6 rounded-lg shadow-md mb-8">
<div class="flex flex-wrap gap-4 mb-4">
<div class="w-full">
<h3 class="font-bold text-lg mb-2">Filter by Type:</h3>
<div id="type-filters" class="flex flex-wrap gap-2">
<button class="tag type-filter px-4 py-1 bg-gray-200 text-gray-700 rounded-full text-sm font-semibold hover:bg-gray-300 active" data-type="all">All</button>
<button class="tag type-filter px-4 py-1 bg-gray-200 text-gray-700 rounded-full text-sm font-semibold hover:bg-gray-300" data-type="Indica">Indica</button>
<button class="tag type-filter px-4 py-1 bg-gray-200 text-gray-700 rounded-full text-sm font-semibold hover:bg-gray-300" data-type="Sativa">Sativa</button>
<button class="tag type-filter px-4 py-1 bg-gray-200 text-gray-700 rounded-full text-sm font-semibold hover:bg-gray-300" data-type="Hybrid">Hybrid</button>
</div>
</div>
</div>
<div>
<h3 class="font-bold text-lg mb-2">Filter by Effect:</h3>
<div id="effect-filters" class="flex flex-wrap gap-2">
</div>
</div>
</div>
<div class="mb-12">
<div class="chart-container">
<canvas id="thcChart"></canvas>
</div>
</div>
<div id="strain-grid" class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
</div>
<div id="no-results" class="hidden text-center py-12">
<p class="text-xl text-gray-500">No strains match your selected filters.</p>
</div>
</div>
</section>
<section id="mill" class="py-16 md:py-24 bg-white">
<div class="container mx-auto px-6">
<div class="grid md:grid-cols-2 gap-12 items-center">
<div>
<img src="https://placehold.co/600x400/8B4513/FDFDFB?text=The+Mill" alt="Historic Mill" class="rounded-lg shadow-xl w-full">
</div>
<div>
<h2 class="text-4xl font-bold text-gray-800">The Mill: Our Cultivation Center</h2>
<p class="mt-4 text-lg text-gray-600">Our home is a transformed historic 1845 mill building in Ware, MA. This state-of-the-art facility is where heritage meets horticulture, allowing us complete hands-on control over our craft.</p>
<p class="mt-4 text-lg text-gray-600">We honor the past while cultivating the future, with plans to implement sustainable hydropower from the mill itself. It's a testament to our commitment to quality, community, and conscious cultivation.</p>
</div>
</div>
</div>
</section>
<section id="find" class="py-16 md:py-24">
<div class="container mx-auto px-6">
<div class="text-center mb-12">
<h2 class="text-4xl font-bold text-gray-800">Find Breathe Free Near You</h2>
<p class="mt-4 text-lg text-gray-600 max-w-3xl mx-auto">Our products are available at premier dispensaries across Massachusetts. Find a trusted retail partner below to begin your journey.</p>
</div>
<div class="max-w-4xl mx-auto">
<div class="mb-4">
<input type="text" id="partner-search" placeholder="Search for a dispensary..." class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#8B4513]">
</div>
<div id="partner-list" class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
</div>
</div>
</div>
</section>
</main>
<footer class="bg-gray-800 text-white py-12">
<div class="container mx-auto px-6 text-center">
<p class="text-2xl font-bold mb-2"><span class="text-[#DAA520]">B</span>REATHE <span class="text-[#DAA520]">F</span>REE</p>
<p class="mb-4">© 2025 Breathe Free Ma. All rights reserved.</p>
<p class="text-sm text-gray-400">Please consume responsibly. For use only by adults 21 years of age or older. Keep out of the reach of children. Marijuana should not be used by women who are pregnant or breastfeeding.</p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function () {
const strainData = [
{ name: "Melonball-Z", type: "Hybrid", lineage: "Z x Puree", flavor: "Candy, Pineapple, Honeydew", effects: ["Euphoric", "Relaxed"], thc: [19.40, 20.79] },
{ name: "Candy Fumez", type: "Hybrid", lineage: "Z x Sherbanger 22", flavor: "Earthy, Skunk, Gas", effects: ["Creative", "Uplifting"], thc: [24.46, 25.4] },
{ name: "Permanent Marker S1", type: "Indica", lineage: "Biscotti x Jealousy x Sherb BX", flavor: "Creamy, Gas, Metallic", effects: ["Calm", "Sleepy"], thc: [23.04, 23.04] },
{ name: "Zoap x Sour Diesel", type: "Hybrid", lineage: "Zoap x East Coast Sour Diesel", flavor: "Floral, Earthy, Candy", effects: ["Energetic", "Happy"], thc: [24.48, 24.48] },
{ name: "Lemon Cherry Pie", type: "Hybrid", lineage: "Unknown", flavor: "Creamy cherry gas, zesty lemon", effects: ["Happy", "Relaxed"], thc: [25.34, 30.68] },
{ name: "Guava Biscotti", type: "Indica", lineage: "Unknown", flavor: "Tropical guava, buttery biscotti", effects: ["Relaxed", "Sleepy"], thc: [25.28, 30.38] },
{ name: "Tennis Ball MAC", type: "Sativa", lineage: "Miracle Alien Cookies pheno", flavor: "Citrus, pepper, orange", effects: ["Happy", "Relaxed", "Uplifting"], thc: [23.57, 24.07] },
{ name: "Orange Slushy", type: "Hybrid", lineage: "Purple Trainwreck x Jamaican Landrace", flavor: "Citrus, Diesel, Orange, Sour", effects: ["Euphoric", "Amused", "Uplifting", "Energetic"], thc: [20.07, 21.79] },
{ name: "Strawberry Slaps!", type: "Hybrid", lineage: "Unknown", flavor: "Sweet, Fruity, Strawberry", effects: ["Happy", "Euphoric"], thc: [23.95, 24.51] },
{ name: "Blueberry N Strawberry", type: "Sativa", lineage: "Blueberry Pancakes x Strawberry Pie", flavor: "Candy, Fruity, Berry", effects: ["Energetic", "Creative"], thc: [24.31, 24.31] },
{ name: "Blowzooka", type: "Hybrid", lineage: "Blowpop x Puree", flavor: "Sweet herbs, ripe berries, diesel", effects: ["Uplifting", "Creative", "Relaxed"], thc: [21.71, 22.94] },
{ name: "Lethal Weapon", type: "Indica", lineage: "Unknown", flavor: "Earthy, Pungent", effects: ["Relaxed", "Sleepy", "Hungry"], thc: [20.13, 21.05] },
{ name: "Electric Parfait", type: "Hybrid", lineage: "Unknown", flavor: "Sweet, Creamy, Electric", effects: ["Energetic", "Focused"], thc: [28.45, 31.89] },
{ name: "Gary Payton x Cali Sunset", type: "Hybrid", lineage: "Unknown", flavor: "Earthy, Gas, Sweet", effects: ["Balanced", "Relaxing"], thc: [23.41, 23.54] },
{ name: "Terple", type: "Hybrid", lineage: "Tropicana Cookies x Slurricane #7", flavor: "Tangy fruit punch, zesty lemon", effects: ["Happy", "Relaxed", "Sleepy"], thc: [22, 25] },
{ name: "Sherb Cream Pie", type: "Indica", lineage: "Unknown", flavor: "Creamy, Sweet, Sherb", effects: ["Calm", "Relaxing"], thc: [24.17, 24.17] },
{ name: "DOJA D-Lish", type: "Hybrid", lineage: "Unknown", flavor: "Sweet, Fruity", effects: ["Euphoric"], thc: [27.81, 30.55] }
];
const retailPartners = [
{ name: "Terpene Journey", location: "Swampscott" }, { name: "Starbird", location: "Salem" }, { name: "The Pass", location: "Sheffield" },
{ name: "The Vault", location: "Webster & Worcester" }, { name: "LowKey Dispensary", location: "Boston" }, { name: "Garden Remedies", location: "Melrose" },
{ name: "The Heirloom Collective", location: "Hadley & Bernardston" }, { name: "South Shore Buds", location: "Marshfield" }, { name: "Liberty Cannabis", location: "Multiple Locations" },
{ name: "Apex Noire", location: "Boston" }, { name: "Solar Therapeutics", location: "Dartmouth" }, { name: "Bask", location: "Fairhaven" },
{ name: "Boutiq", location: "East Boston" }, { name: "Cookies Massachusetts", location: "Somerville" }, { name: "Native Sun", location: "Multiple Locations" },
{ name: "Nova Farms", location: "Attleboro" }
];
const strainGrid = document.getElementById('strain-grid');
const typeFiltersContainer = document.getElementById('type-filters');
const effectFiltersContainer = document.getElementById('effect-filters');
const noResultsDiv = document.getElementById('no-results');
let activeTypeFilter = 'all';
let activeEffectFilters = new Set();
let chart;
function createEffectFilters() {
const allEffects = new Set();
strainData.forEach(strain => {
strain.effects.forEach(effect => allEffects.add(effect));
});
const sortedEffects = Array.from(allEffects).sort();
sortedEffects.forEach(effect => {
const button = document.createElement('button');
button.className = 'tag effect-filter px-4 py-1 bg-gray-200 text-gray-700 rounded-full text-sm font-semibold hover:bg-gray-300';
button.dataset.effect = effect;
button.textContent = effect;
effectFiltersContainer.appendChild(button);
});
}
function renderStrains(filteredStrains) {
strainGrid.innerHTML = '';
if (filteredStrains.length === 0) {
noResultsDiv.classList.remove('hidden');
} else {
noResultsDiv.classList.add('hidden');
}
filteredStrains.forEach(strain => {
const card = document.createElement('div');
card.className = 'strain-card bg-white rounded-lg shadow-md overflow-hidden border border-gray-200/50';
card.innerHTML = `
<div class="p-6">
<div class="flex justify-between items-start">
<h3 class="text-2xl font-bold text-gray-800">${strain.name}</h3>
<span class="px-3 py-1 text-xs font-semibold text-white rounded-full ${strain.type === 'Indica' ? 'bg-indigo-500' : strain.type === 'Sativa' ? 'bg-amber-500' : 'bg-emerald-500'}">${strain.type}</span>
</div>
<p class="text-sm text-gray-500 mt-1">${strain.lineage}</p>
<div class="mt-4">
<p class="font-semibold text-gray-700">Flavor & Aroma:</p>
<p class="text-gray-600">${strain.flavor}</p>
</div>
<div class="mt-4">
<p class="font-semibold text-gray-700">Reported Effects:</p>
<div class="flex flex-wrap gap-2 mt-2">
${strain.effects.map(e => `<span class="px-2 py-1 bg-gray-100 text-gray-600 text-xs rounded">${e}</span>`).join('')}
</div>
</div>
<div class="mt-4 pt-4 border-t">
<p class="font-semibold text-gray-700">Observed THC/THCa Range:</p>
<p class="text-lg font-bold text-[#8B4513]">${strain.thc[0].toFixed(2)}% - ${strain.thc[1].toFixed(2)}%</p>
</div>
</div>
`;
strainGrid.appendChild(card);
});
}
function updateChart(strainsForChart) {
const ctx = document.getElementById('thcChart').getContext('2d');
const labels = strainsForChart.map(s => s.name);
const data = strainsForChart.map(s => s.thc);
if (chart) {
chart.destroy();
}
chart = new Chart(ctx, {
type: 'bar',
data: {
labels: labels,
datasets: [{
label: 'THC/THCa Range (%)',
data: data,
backgroundColor: 'rgba(139, 69, 19, 0.6)',
borderColor: 'rgba(139, 69, 19, 1)',
borderWidth: 1,
borderSkipped: false,
}]
},
options: {
indexAxis: 'y',
responsive: true,
maintainAspectRatio: false,
scales: {
x: {
beginAtZero: true,
title: {
display: true,
text: 'THC/THCa %'
}
},
y: {
ticks: {
autoSkip: false,
callback: function(value, index, values) {
const label = this.getLabelForValue(value);
return label.length > 16 ? label.substring(0, 16) + '...' : label;
}
}
}
},
plugins: {
legend: {
display: false
},
tooltip: {
callbacks: {
label: function(context) {
const range = context.raw;
return `Range: ${range[0].toFixed(2)}% - ${range[1].toFixed(2)}%`;
}
}
}
}
}
});
}
function filterAndRender() {
let filtered = strainData;
if (activeTypeFilter !== 'all') {
if (activeTypeFilter === 'Indica' || activeTypeFilter === 'Sativa') {
filtered = filtered.filter(s => s.type.includes(activeTypeFilter));
} else {
filtered = filtered.filter(s => s.type === 'Hybrid');
}
}
if (activeEffectFilters.size > 0) {
filtered = filtered.filter(strain => {
return Array.from(activeEffectFilters).every(effect => strain.effects.includes(effect));
});
}
filtered.sort((a, b) => b.thc[1] - a.thc[1]);
renderStrains(filtered);
updateChart(filtered);
}
typeFiltersContainer.addEventListener('click', (e) => {
if (e.target.classList.contains('type-filter')) {
document.querySelectorAll('.type-filter').forEach(btn => btn.classList.remove('active'));
e.target.classList.add('active');
activeTypeFilter = e.target.dataset.type;
filterAndRender();
}
});
effectFiltersContainer.addEventListener('click', (e) => {
if (e.target.classList.contains('effect-filter')) {
const effect = e.target.dataset.effect;
e.target.classList.toggle('active');
if (activeEffectFilters.has(effect)) {
activeEffectFilters.delete(effect);
} else {
activeEffectFilters.add(effect);
}
filterAndRender();
}
});
const partnerList = document.getElementById('partner-list');
const partnerSearch = document.getElementById('partner-search');
function renderPartners(partners) {
partnerList.innerHTML = '';
partners.forEach(partner => {
const item = document.createElement('div');
item.className = 'bg-white p-4 rounded-lg shadow-sm border border-gray-200';
item.innerHTML = `
<p class="font-bold text-lg text-gray-800">${partner.name}</p>
<p class="text-sm text-gray-500">${partner.location}</p>
`;
partnerList.appendChild(item);
});
}
partnerSearch.addEventListener('input', (e) => {
const searchTerm = e.target.value.toLowerCase();
const filteredPartners = retailPartners.filter(p =>
p.name.toLowerCase().includes(searchTerm) ||
p.location.toLowerCase().includes(searchTerm)
);
renderPartners(filteredPartners);
});
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
mobileMenuButton.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
mobileMenu.addEventListener('click', () => {
mobileMenu.classList.add('hidden');
});
createEffectFilters();
filterAndRender();
renderPartners(retailPartners);
});
</script>
</body>
</html>