<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>An Overview of Totnes Gardening</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=Inter:wght@400;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #F2F2F2;
}
.chart-container {
position: relative;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
height: 320px;
max-height: 400px;
}
@media (min-width: 768px) {
.chart-container {
height: 400px;
}
}
.text-shadow {
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
</style>
</head>
<body class="text-gray-800">
<div class="container mx-auto p-4 md:p-8 max-w-7xl">
<header class="text-center py-12 md:py-16 bg-white rounded-lg shadow-lg mb-12" style="background-color: #004AAD;">
<h1 class="text-4xl md:text-6xl font-black text-white text-shadow uppercase">Totnes Gardening</h1>
<p class="text-xl md:text-2xl mt-4 font-light text-white text-shadow">Crafting Exquisite Gardens with Unmatched Expertise</p>
</header>
<main>
<section id="experience" class="mb-12">
<div class="bg-white rounded-lg shadow-md p-6 md:p-10 text-center">
<h2 class="text-3xl font-bold mb-2" style="color: #004AAD;">A Foundation of Excellence</h2>
<p class="max-w-3xl mx-auto mb-8 text-gray-600">Totnes Gardening is built on a bedrock of profound horticultural skill, personally led by Kevin Hare. His journey provides the credibility and expertise that defines our work.</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 items-center">
<div class="flex flex-col items-center justify-center p-6 rounded-lg" style="background-color: #F2F2F2;">
<p class="text-6xl md:text-8xl font-black" style="color: #0094C6;">20+</p>
<p class="text-xl font-bold">Years of Experience</p>
<p class="text-gray-500 mt-2">Decades of hands-on work honing the craft of horticulture.</p>
</div>
<div class="hidden md:block text-5xl font-thin text-gray-300">→</div>
<div class="flex flex-col items-center justify-center p-6 rounded-lg" style="background-color: #F2F2F2;">
<p class="text-3xl md:text-4xl font-black" style="color: #0094C6;">Dartington Hall</p>
<p class="text-xl font-bold">Prestigious Training</p>
<p class="text-gray-500 mt-2">Foundational training at one of the UK's most renowned gardens.</p>
</div>
</div>
</div>
</section>
<section id="services-spectrum" class="mb-12">
<div class="bg-white rounded-lg shadow-md p-6 md:p-10">
<h2 class="text-3xl font-bold text-center mb-2" style="color: #004AAD;">A Spectrum of Services</h2>
<p class="max-w-3xl mx-auto text-center mb-10 text-gray-600">From essential maintenance to highly specialized projects, our portfolio is exceptionally broad, positioning us as a complete solution for any gardening vision.</p>
<div class="chart-container">
<canvas id="serviceCategoriesChart"></canvas>
</div>
<p class="text-center mt-6 text-gray-600">The chart above illustrates the sheer diversity of our capabilities, categorized to show the comprehensive nature of our offerings. This versatility allows us to cater to a wide range of clients, from those needing simple upkeep to those with complex, bespoke design requirements.</p>
</div>
</section>
<section id="eco-commitment" class="mb-12">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
<div class="bg-white rounded-lg shadow-md p-6 md:p-10">
<h2 class="text-3xl font-bold text-center mb-2" style="color: #004AAD;">Commitment to a Greener Totnes</h2>
<p class="max-w-3xl mx-auto text-center mb-10 text-gray-600">A significant portion of our expertise is dedicated to sustainable and environmentally friendly practices. We don't just maintain gardens; we create thriving ecosystems.</p>
<div class="chart-container h-64 md:h-80">
<canvas id="ecoFocusChart"></canvas>
</div>
</div>
<div class="bg-white rounded-lg shadow-md p-6 md:p-10">
<h3 class="text-2xl font-bold mb-4" style="color: #004AAD;">Our Eco-Conscious Services</h3>
<p class="mb-6 text-gray-600">Our dedication to the environment is reflected in a suite of specialized services designed to enhance local ecology.</p>
<ul class="space-y-4">
<li class="flex items-start"><span class="text-xl mr-4" style="color: #00C6D7;">🌿</span><div><strong class="font-semibold">Rewilding & Biodiversity:</strong> Transforming spaces into sustainable havens that support local wildlife.</div></li>
<li class="flex items-start"><span class="text-xl mr-4" style="color: #00C6D7;">♻️</span><div><strong class="font-semibold">Organic & Eco Gardening:</strong> Utilizing natural methods and materials to create healthy, chemical-free gardens.</div></li>
<li class="flex items-start"><span class="text-xl mr-4" style="color: #00C6D7;">🦋</span><div><strong class="font-semibold">Wildlife Support:</strong> Creating features like ponds, wildflower meadows, and habitats to attract and sustain local fauna.</div></li>
<li class="flex items-start"><span class="text-xl mr-4" style="color: #00C6D7;">🔋</span><div><strong class="font-semibold">Battery-Powered Landscaping:</strong> Employing modern, low-emission equipment for a reduced environmental footprint.</div></li>
</ul>
</div>
</div>
</section>
<section id="client-process" class="mb-12">
<div class="bg-white rounded-lg shadow-md p-6 md:p-10 text-center">
<h2 class="text-3xl font-bold mb-2" style="color: #004AAD;">Your Vision, Our Mission</h2>
<p class="max-w-3xl mx-auto mb-10 text-gray-600">We prioritize a client-centric approach built on trust, transparency, and a shared passion for creating beautiful outdoor spaces. Our process is simple and designed with your peace of mind at its core.</p>
<div class="flex flex-col md:flex-row justify-center items-center space-y-6 md:space-y-0 md:space-x-6">
<div class="p-6 rounded-lg text-center" style="background-color: #F2F2F2;">
<div class="text-4xl mb-2">1.</div>
<h3 class="text-xl font-bold" style="color: #0094C6;">Initial Inquiry</h3>
<p class="text-gray-600">Contact us with your ideas or needs.</p>
</div>
<div class="text-2xl font-bold text-gray-300">→</div>
<div class="p-6 rounded-lg text-center" style="background-color: #F2F2F2;">
<div class="text-4xl mb-2">2.</div>
<h3 class="text-xl font-bold" style="color: #0094C6;">Free, No-Obligation Quote</h3>
<p class="text-gray-600">We provide a clear and transparent estimate.</p>
</div>
<div class="text-2xl font-bold text-gray-300">→</div>
<div class="p-6 rounded-lg text-center" style="background-color: #F2F2F2;">
<div class="text-4xl mb-2">3.</div>
<h3 class="text-xl font-bold" style="color: #0094C6;">Collaborative Work</h3>
<p class="text-gray-600">We bring your vision to life with expert execution.</p>
</div>
<div class="text-2xl font-bold text-gray-300">→</div>
<div class="p-6 rounded-lg text-center" style="background-color: #F2F2F2;">
<div class="text-4xl mb-2">4.</div>
<h3 class="text-xl font-bold" style="color: #0094C6;">Guaranteed Satisfaction</h3>
<p class="text-gray-600">A beautiful garden and your peace of mind.</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-center py-12 bg-white rounded-lg shadow-lg" style="background-color: #004AAD;">
<h2 class="text-3xl font-bold text-white text-shadow">Ready to Transform Your Garden?</h2>
<p class="mt-4 mb-6 text-lg font-light text-gray-200">Get in touch for a free, no-obligation quote and let's create something beautiful together.</p>
<a href="mailto:kevin@totnesgardening.co.uk" class="inline-block bg-white text-lg font-bold py-3 px-8 rounded-full shadow-md transition-transform transform hover:scale-105" style="color: #004AAD;">Request Your Free Quote</a>
</footer>
</div>
<script>
function wrapLabel(str, max_width) {
if (str.length <= max_width) {
return str;
}
const words = str.split(' ');
let current_line = '';
const lines = [];
for (const word of words) {
const test_line = current_line + word + ' ';
if (test_line.length > max_width && current_line.length > 0) {
lines.push(current_line.trim());
current_line = word + ' ';
} else {
current_line = test_line;
}
}
lines.push(current_line.trim());
return lines;
}
const tooltipTitleCallback = (tooltipItems) => {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(' ');
}
return label;
};
const chartOptionsTemplate = {
maintainAspectRatio: false,
responsive: true,
plugins: {
legend: {
position: 'bottom',
labels: {
color: '#212121',
font: {
size: 14
}
}
},
tooltip: {
callbacks: {
title: tooltipTitleCallback
},
backgroundColor: '#004AAD',
titleFont: { size: 16, weight: 'bold' },
bodyFont: { size: 14 },
padding: 12,
cornerRadius: 6
}
}
};
const serviceCategoriesCtx = document.getElementById('serviceCategoriesChart').getContext('2d');
const serviceCategoryLabels = [
'General Maintenance & Clearance',
'Design & Aesthetic Specializations',
'Environmental & Sustainable Practices',
'Specific Garden Features',
'Modern Approaches'
].map(label => wrapLabel(label, 20));
new Chart(serviceCategoriesCtx, {
type: 'bar',
data: {
labels: serviceCategoryLabels,
datasets: [{
label: 'Number of Service Offerings',
data: [7, 7, 7, 6, 1],
backgroundColor: ['#004AAD', '#0094C6', '#00C6D7', '#4DB6AC', '#81C784'],
borderColor: '#FFFFFF',
borderWidth: 2
}]
},
options: {
...chartOptionsTemplate,
indexAxis: 'y',
scales: {
x: {
beginAtZero: true,
grid: {
color: '#e0e0e0'
},
ticks: {
color: '#212121',
stepSize: 1
}
},
y: {
grid: {
display: false
},
ticks: {
color: '#212121'
}
}
},
plugins: {
legend: {
display: false
},
tooltip: chartOptionsTemplate.plugins.tooltip
}
}
});
const ecoFocusCtx = document.getElementById('ecoFocusChart').getContext('2d');
new Chart(ecoFocusCtx, {
type: 'doughnut',
data: {
labels: ['Eco-Conscious Services', 'Other Specialized Services'],
datasets: [{
label: 'Service Focus',
data: [8, 20],
backgroundColor: ['#00C6D7', '#004AAD'],
borderColor: '#FFFFFF',
borderWidth: 4,
hoverOffset: 4
}]
},
options: {
...chartOptionsTemplate,
cutout: '60%'
}
});
</script>
</body>
</html>
AI Overview for totnesgardening.co.uk
Executive Summary Totnes Gardening, under the leadership of Kevin Hare, operates as a comprehensive horticultural service provider based in Totnes, dedicated to the transformation and meticulous maintenance of gardens across a diverse range of sizes.1 The business distinguishes itself significantly through Kevin Hare's extensive two decades of experience in horticulture, a journey that notably began at the esteemed Dartington Hall Gardens.1The service portfolio of Totnes Gardening is exceptionally broad, encompassing fundamental offerings such as precision lawn care and detailed plant tending, alongside highly specialized areas like rewilding initiatives, the creation of Japanese gardens, and the implementation of eco-friendly landscaping solutions.1 A core tenet of the company's operation is its unwavering commitment to quality, reliability, and paramount client satisfaction, underscored by a strong dedication to sustainable and biodiversity-focused practices.1 The totnesgardening.co.uk website functions as a robust digital storefront, providing in-depth information on services, showcasing client testimonials, and offering clear, accessible pathways for potential clients to request free, no-obligation quotes.11. Company Profile: Totnes Gardening & Kevin HareTotnes Gardening is established as a dedicated provider of comprehensive gardening services, serving the Totnes area with a focus on enhancing and maintaining outdoor spaces.1 The operations of the business are personally managed and executed by Kevin Hare, who brings a profound level of expertise and experience to every project.1Kevin Hare's horticultural background is extensive, spanning over two decades in the field.1 A particularly noteworthy aspect of his professional journey is its commencement at Dartington Hall Gardens.1 This detail is more than a mere biographical note; it signifies a foundational training in horticulture of an exceptionally high standard. Dartington Hall is renowned for its historically significant and meticulously managed gardens, suggesting that Kevin Hare's early career involved exposure to, and training in, sophisticated garden design principles, advanced plant care techniques, nuanced soil science, and broader ecological considerations that extend far beyond basic garden maintenance. This background elevates his capabilities to a level often associated with a master gardener, implying a deep understanding of the craft that has been honed through rigorous practical application over many years.The sheer volume of experience, combined with this distinguished origin, confers significant credibility and establishes a strong professional pedigree for Totnes Gardening. This positions the business beyond that of a typical local gardening service, indicating an ability to undertake complex projects, offer expert consultation, and consistently deliver high-quality, nuanced solutions. This depth of skill provides a substantial competitive advantage, potentially justifying premium service offerings and appealing to clients who seek exceptional results and complete assurance in their garden care provider. The business is built on a foundation of profound skill and a comprehensive understanding of horticultural art and science.2. Comprehensive Service PortfolioTotnes Gardening provides a foundational set of services meticulously designed to address the most common and essential garden maintenance requirements.1 These services are adaptable and scalable, catering to a wide array of garden sizes, from compact urban plots to expansive countryside estates.1Detailed Breakdown of Core Gardening ServicesLawn Care: This encompasses precise mowing, meticulous edging, seasonal aeration, and targeted fertilization, all aimed at ensuring the lawn maintains an optimal appearance and health throughout the year.1Plant Care: Services in this category include diligent weeding, expert pruning, and thoughtful planting. A specific emphasis is placed on tending to borders, shrubs, and trees to foster their robust growth and maximize their aesthetic contribution to the garden's overall beauty.1Hedge Trimming: The company offers specialized trimming services to maintain hedges that are not only neat and aesthetically pleasing but also healthy and structurally sound.1Leaf Clearance and Waste Removal: This service is dedicated to keeping gardens immaculate and free of debris through comprehensive cleanup operations.1Rewilding and Biodiversity: Kevin Hare demonstrates a strong commitment to promoting ecological balance. This service involves transforming gardens into vibrant, thriving ecosystems that actively support local wildlife, reflecting a modern, environmentally conscious approach to gardening.1To provide a clear overview of these essential offerings, the core gardening services are summarized in the table below:Service CategoryKey ActivitiesClient Benefit/PurposeLawn CarePrecision mowing, edging, seasonal aeration, fertilizationEnsures lawn looks its best year-round, optimal health and appearancePlant CareWeeding, pruning, planting, tending to borders, shrubs, and treesEnsures thriving growth and beauty, enhances garden aestheticsHedge TrimmingExpert trimming servicesMaintains neat, healthy, and structurally sound hedgesLeaf Clearance & Waste RemovalThorough cleanup operations, debris removalKeeps gardens tidy, clean, and free of unwanted materialsRewilding & BiodiversityPromoting ecological balance, creating sustainable havens for local wildlifeTransforms gardens into thriving ecosystems, supports local wildlifeExploration of the Extensive Range of Specialized and Related ServicesBeyond these fundamental offerings, the totnesgardening.co.uk website lists an exceptionally comprehensive array of gardening-related topics and services, signifying a remarkable breadth and depth of expertise.1 This extensive listing suggests that Totnes Gardening functions as a "one-stop shop" capable of addressing almost any gardening need or vision a client might have.The inclusion of highly specialized areas, such as "Cold Plunge Pools" and "Japanese Gardens," alongside contemporary trends like "Rewilding," "Biodiversity," "Eco Gardening," and "Battery-powered landscaping," indicates a high level of specialized skill within the business.1 This allows Totnes Gardening to cater to unique and potentially high-value client demands, attracting and serving a broader, more diverse market segment. This includes clients with specific, sophisticated aesthetic visions or those with luxury properties that general gardening services might not be equipped to handle. Furthermore, the emphasis on "Rewilding," "Biodiversity," "Eco Gardening," and "Organic landscaping," complemented by the adoption of "Battery-powered landscaping," demonstrates a strong alignment with current environmental values and sustainable practices. This appeals directly to an increasingly eco-conscious clientele and positions the business as forward-thinking and environmentally responsible.This exceptionally diverse service portfolio provides Totnes Gardening with significant strategic versatility. It enables the business to capture a wider market share, offering comprehensive, integrated solutions that cover the full spectrum of gardening requirements. This adaptability to evolving client demands and environmental trends suggests a business that is not only highly skilled but also innovative, market-responsive, and capable of undertaking premium projects.The comprehensive scope of services and areas of expertise are further detailed in the following table:Category of ExpertiseExamples of Services/ExpertiseGeneral Maintenance & ClearanceGeneral Gardening, Garden Maintenance, Garden Clearance, Grass Cutting, Grounds maintenance, Weeding, Leaf Clearance and Waste RemovalDesign & Aesthetic SpecializationsLandscaping, Design, Japanese Gardens, Cottage Gardens, Town Gardens, Plants and Flowers, Driveways, PlantersEnvironmental & Sustainable PracticesRewilding and Biodiversity, Wildlife, Eco Gardening, Organic gardening, Organic landscaping, Compost, Wild Areas, WildflowersSpecific Garden FeaturesCold Plunge Pools, Ponds, Trees, Seeds, Lawns, Watering, TurfModern ApproachesBattery-powered landscapingLocal FocusTotnes Woodlands3. Unique Value Proposition & Client FocusTotnes Gardening distinguishes itself through a steadfast commitment to delivering exceptional quality, unwavering reliability, and profound peace of mind to its clientele.1 This foundational approach underpins every aspect of the business's operations.Analysis of the Company's Commitment to Quality, Reliability, and Client SatisfactionThe business explicitly prioritizes client satisfaction, a goal achieved through a combination of open communication, complete transparency, and a deep respect for the client's individual vision for their garden.1 This collaborative and partnership-oriented approach, rather than a purely transactional one, fosters a sense of ownership and involvement for the client, which is crucial for satisfaction in bespoke service industries like gardening. Furthermore, Kevin Hare is fully insured, providing an essential layer of security and trust for clients.1 This directly addresses a major concern for individuals hiring service providers to work on their property, effectively mitigating risk and immediately building confidence. The company aims to balance high-quality service delivery with competitive pricing, ensuring value for its clients.1These elements collectively contribute to building a robust brand reputation centered on trustworthiness, professionalism, and genuine client partnership. In a local service business, a strong reputation and positive word-of-mouth referrals are primary drivers of sustained growth and success. This strategic focus on the client experience demonstrates a mature business understanding that extends beyond mere horticultural skills, aiming to cultivate loyal, long-term relationships and a powerful referral network.Commitment to Eco-Conscious Practices (Biodiversity, Organic Gardening)Beyond traditional gardening services, Kevin Hare's deep passion for "Rewilding and Biodiversity" represents a significant differentiator for Totnes Gardening.1 The company's objective is to create sustainable havens for local wildlife, actively transforming gardens into thriving ecosystems.1 The listed services, including "Eco Gardening," "Organic gardening," "Biodiversity," and "Organic landscaping," further reinforce a strong environmental ethos within the business.1This commitment positions Totnes Gardening as an environmentally responsible and forward-thinking entity. In the contemporary market, there is a growing segment of consumers who increasingly prioritize sustainability, ecological impact, and natural solutions in their purchasing decisions. By actively promoting and offering these specialized services, Totnes Gardening directly appeals to this influential demographic. This is not merely an additional service offering; it is a clear statement of values that resonates with a specific client base, often more discerning and willing to invest in ecologically beneficial solutions. This eco-conscious approach serves as a powerful competitive advantage, enabling Totnes Gardening to access a premium market segment that values and is willing to pay for sustainable and environmentally beneficial services. It significantly enhances brand perception, cultivates customer loyalty among environmentally aware clients, and aligns the business with broader societal trends towards ecological preservation, thereby ensuring its long-term relevance and appeal.4. Digital Presence & Engagement PointsThe website, totnesgardening.co.uk, serves as the primary digital hub for the business, acting as a comprehensive digital brochure that provides detailed information on the wide range of services offered.1Overview of the Website's Structure and ContentThe site is structured with key sections designed to inform and engage visitors. These include an "about page," which likely details Kevin Hare's background and the business philosophy, a "blog" for content marketing and sharing horticultural expertise, a "reviews" section for social proof, and "videos" for visual demonstrations or testimonials.1 The presence of a blog and videos suggests an active content marketing strategy, aimed at educating potential clients, showcasing expertise, and improving online visibility. This strategically positions Kevin Hare as an authority in the field. Furthermore, the inclusion of a "reviews" section is crucial for building credibility; in a service-based business, client testimonials are powerful conversion tools that directly influence trust and purchasing decisions. Specific pages are also dedicated to various gardening services, indicating a well-organized content structure that facilitates user navigation and information retrieval.1Contact Methods and Call to ActionThe website clearly provides essential contact information, specifically an email address: kevin@totnesgardening.co.uk.1 Potential clients are actively encouraged to request a free, no-obligation quote, which serves as a clear and effective call to action designed to convert website visitors into qualified leads.1 This "free, no-obligation quote" is a low-friction, high-conversion mechanism. It effectively removes barriers for potential clients, making it easy for them to take the initial step towards engagement without immediate commitment, thereby streamlining the lead generation process.The website is designed not merely as a static informational page but as a dynamic, interactive platform for marketing and lead generation. This demonstrates a strategic understanding of modern digital client acquisition channels, aiming to attract, inform, build trust, and efficiently convert website visitors into paying clients. This approach reflects a forward-thinking perspective on business development in the digital age.5. Key Strengths & DifferentiatorsTotnes Gardening possesses several significant strengths and differentiators that position it competitively within the horticultural service market:Unparalleled Experience: Kevin Hare's extensive horticultural experience, spanning over two decades, is a primary competitive advantage.1 His foundational training at Dartington Hall Gardens further underscores a deep expertise and adherence to high professional standards, setting the business apart.Exceptional Breadth of Services: The capacity to offer a comprehensive range of services, from routine garden maintenance to highly specialized projects like Japanese gardens, cold plunge pools, and rewilding, positions Totnes Gardening as a versatile and complete solution provider.1 This broad scope enables the business to cater to diverse market segments and deliver integrated solutions.Strong Client-Centric Approach: The explicit commitment to quality, reliability, and client satisfaction, coupled with open communication and the assurance of being fully insured, builds substantial trust and fosters enduring client relationships.1Commitment to Sustainability and Biodiversity: The dedicated focus on eco-friendly practices, organic gardening, and rewilding aligns with the increasing market demand for sustainable solutions.1 This commitment differentiates the business as environmentally responsible and innovative in its approach.Strategic Digital Presence: A well-structured website featuring a blog, client reviews, and videos, alongside a clear call to action, demonstrates a proactive strategy for online visibility, credibility enhancement, and efficient lead generation.1ConclusionsThe analysis of totnesgardening.co.uk reveals a robust and strategically positioned horticultural service business. Kevin Hare's extensive experience, particularly his distinguished background from Dartington Hall Gardens, provides a formidable foundation of expertise and credibility. This deep skill set underpins a remarkably broad service portfolio, allowing Totnes Gardening to cater to a wide array of client needs, from routine maintenance to highly specialized and environmentally conscious projects.The business's strong emphasis on client satisfaction, transparency, and a commitment to sustainable practices resonates with contemporary market values and fosters trust and long-term relationships. Furthermore, the well-developed digital presence, complete with informational content, social proof, and clear calls to action, indicates a modern and effective approach to client acquisition and engagement. Collectively, these elements position Totnes Gardening as a premium, trustworthy, and forward-thinking horticultural service provider in the Totnes area, capable of delivering exceptional results across a diverse range of gardening visions.
<!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>Totnes Gardening | Interactive Service Overview</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=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #F8F9FA;
color: #343A40;
}
.chart-container {
position: relative;
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
height: 350px;
max-height: 400px;
}
@media (min-width: 768px) {
.chart-container {
height: 400px;
max-height: 500px;
}
}
.text-shadow {
text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.nav-link {
transition: color 0.3s ease, transform 0.3s ease;
}
.nav-link:hover {
color: #388E3C;
transform: translateY(-2px);
}
.filter-btn {
transition: all 0.3s ease;
}
.filter-btn.active {
background-color: #388E3C !important;
color: #FFFFFF !important;
box-shadow: 0 4px 14px 0 rgba(0, 119, 66, 0.39);
}
</style>
</head>
<body style="background-color: #E8F5E9;">
<nav class="sticky top-0 bg-white/80 backdrop-blur-md z-50 shadow-sm">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<a href="#" class="text-2xl font-bold" style="color: #388E3C;">Totnes Gardening</a>
<div class="hidden md:flex space-x-8">
<a href="#expertise" class="nav-link text-gray-600 font-semibold">Expertise</a>
<a href="#services" class="nav-link text-gray-600 font-semibold">Services</a>
<a href="#eco" class="nav-link text-gray-600 font-semibold">Our Green Commitment</a>
<a href="#process" class="nav-link text-gray-600 font-semibold">Our Process</a>
</div>
<a href="#contact" class="hidden md:inline-block text-white font-bold py-2 px-4 rounded-lg shadow-md transition-transform transform hover:scale-105" style="background-color: #388E3C;">Contact Us</a>
</div>
</nav>
<div class="container mx-auto p-4 md:p-8 max-w-7xl">
<header class="text-center py-16 md:py-24 rounded-lg mb-12" style="background-color: #A5D6A7;">
<h1 class="text-4xl md:text-6xl font-extrabold text-shadow" style="color: #388E3C;">Transforming Your Garden, Nurturing Nature</h1>
<p class="text-xl md:text-2xl mt-4 font-light mx-auto max-w-3xl" style="color: #2E7D32;">From meticulous maintenance to visionary design, discover the difference that true horticultural mastery makes.</p>
</header>
<main>
<section id="expertise" class="mb-16 scroll-mt-20">
<div class="bg-white rounded-lg shadow-lg p-8 md:p-12 text-center">
<h2 class="text-3xl font-bold mb-4" style="color: #388E3C;">A Foundation of Unmatched Expertise</h2>
<p class="max-w-4xl mx-auto mb-10 text-gray-600">Our service is built upon the profound experience of our founder, Kevin Hare. This deep-rooted knowledge is not just a biographical detail; it's the core of our competitive advantage and your guarantee of quality.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="flex flex-col items-center justify-center p-8 rounded-lg" style="background-color: #E8F5E9;">
<p class="text-7xl md:text-8xl font-extrabold" style="color: #388E3C;">20+</p>
<p class="text-2xl font-bold mt-2">Years of Experience</p>
<p class="text-gray-500 mt-2">Decades of hands-on practice, delivering consistent, high-quality results across countless projects.</p>
</div>
<div class="flex flex-col items-center justify-center p-8 rounded-lg" style="background-color: #E8F5E9;">
<span class="text-5xl mb-3">🏛️</span>
<p class="text-2xl font-bold mt-2">Dartington Hall Trained</p>
<p class="text-gray-500 mt-2">A prestigious horticultural education, providing a deep understanding of garden science, design, and ecology.</p>
</div>
</div>
</div>
</section>
<section id="services" class="mb-16 scroll-mt-20">
<div class="bg-white rounded-lg shadow-lg p-8 md:p-12">
<h2 class="text-3xl font-bold text-center mb-4" style="color: #388E3C;">Explore Our Service Universe</h2>
<p class="max-w-4xl mx-auto text-center mb-10 text-gray-600">Our portfolio is exceptionally broad, covering everything from routine upkeep to complex, specialized projects. Use the filters below to explore the full range of our capabilities and see how we can bring your vision to life.</p>
<div class="flex flex-wrap justify-center gap-3 mb-10">
<button class="filter-btn text-gray-700 font-semibold py-2 px-5 rounded-full bg-gray-200 active" data-category="All">All Services</button>
<button class="filter-btn text-gray-700 font-semibold py-2 px-5 rounded-full bg-gray-200" data-category="General">Maintenance & Clearance</button>
<button class="filter-btn text-gray-700 font-semibold py-2 px-5 rounded-full bg-gray-200" data-category="Design">Design & Aesthetics</button>
<button class="filter-btn text-gray-700 font-semibold py-2 px-5 rounded-full bg-gray-200" data-category="Environmental">Sustainable Practices</button>
<button class="filter-btn text-gray-700 font-semibold py-2 px-5 rounded-full bg-gray-200" data-category="Features">Garden Features</button>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-8 items-center">
<div class="chart-container">
<canvas id="serviceRadarChart"></canvas>
<p class="text-center text-sm text-gray-500 mt-4">This radar chart visually represents the breadth of our expertise across key areas, demonstrating a well-rounded and comprehensive service portfolio.</p>
</div>
<div id="service-display" class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 gap-4 transition-opacity duration-500">
</div>
</div>
</div>
</section>
<section id="eco" class="mb-16 scroll-mt-20">
<div class="grid grid-cols-1 lg:grid-cols-5 gap-8 items-center">
<div class="lg:col-span-3 bg-white rounded-lg shadow-lg p-8 md:p-12">
<h2 class="text-3xl font-bold text-center mb-4" style="color: #388E3C;">Our Green Commitment</h2>
<p class="max-w-3xl mx-auto text-center mb-10 text-gray-600">We believe that a beautiful garden is also a healthy ecosystem. A significant part of our practice is dedicated to sustainable, eco-conscious solutions that enhance biodiversity and create thriving natural habitats.</p>
<div class="chart-container" style="max-width: 350px;">
<canvas id="ecoFocusChart"></canvas>
<p class="text-center text-sm text-gray-500 mt-4">The chart highlights our strong focus on environmentally-friendly services, a core part of our business philosophy.</p>
</div>
</div>
<div class="lg:col-span-2 bg-white rounded-lg shadow-lg p-8 h-full">
<h3 class="text-2xl font-bold mb-6 text-center" style="color: #388E3C;">Our Sustainable Practices</h3>
<ul class="space-y-5">
<li class="flex items-start"><span class="text-2xl mr-4">🦋</span><div><strong class="font-semibold text-gray-700">Rewilding & Biodiversity:</strong> Transforming parts of your garden into vibrant, self-sustaining habitats that actively support local wildlife.</div></li>
<li class="flex items-start"><span class="text-2xl mr-4">♻️</span><div><strong class="font-semibold text-gray-700">Organic & Eco Gardening:</strong> Employing natural, chemical-free methods to ensure the health of your soil, plants, and the wider environment.</div></li>
<li class="flex items-start"><span class="text-2xl mr-4">🔋</span><div><strong class="font-semibold text-gray-700">Battery-Powered Landscaping:</strong> Using modern, low-emission, and quieter equipment to minimize our environmental footprint during every project.</div></li>
</ul>
</div>
</div>
</section>
<section id="process" class="scroll-mt-20">
<div class="bg-white rounded-lg shadow-lg p-8 md:p-12 text-center">
<h2 class="text-3xl font-bold mb-4" style="color: #388E3C;">Our Simple, Client-Focused Process</h2>
<p class="max-w-4xl mx-auto mb-12 text-gray-600">We've streamlined our process to be transparent, collaborative, and stress-free. From the first conversation to the final reveal, your vision and satisfaction are our top priorities.</p>
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="flex flex-col items-center p-6 rounded-lg" style="background-color: #E8F5E9;">
<div class="text-4xl font-extrabold mb-3" style="color: #388E3C;">1</div>
<h3 class="text-xl font-bold mb-2">Consultation</h3>
<p class="text-gray-600 text-sm">We start by listening to your needs and vision for the space.</p>
</div>
<div class="flex flex-col items-center p-6 rounded-lg" style="background-color: #E8F5E9;">
<div class="text-4xl font-extrabold mb-3" style="color: #388E3C;">2</div>
<h3 class="text-xl font-bold mb-2">Free Quote</h3>
<p class="text-gray-600 text-sm">You receive a clear, detailed, no-obligation quote.</p>
</div>
<div class="flex flex-col items-center p-6 rounded-lg" style="background-color: #E8F5E9;">
<div class="text-4xl font-extrabold mb-3" style="color: #388E3C;">3</div>
<h3 class="text-xl font-bold mb-2">Expert Work</h3>
<p class="text-gray-600 text-sm">Our fully insured team brings your garden to life with skill and care.</p>
</div>
<div class="flex flex-col items-center p-6 rounded-lg" style="background-color: #E8F5E9;">
<div class="text-4xl font-extrabold mb-3" style="color: #388E3C;">4</div>
<h3 class="text-xl font-bold mb-2">Satisfaction</h3>
<p class="text-gray-600 text-sm">We ensure you are completely happy with the beautiful results.</p>
</div>
</div>
</div>
</section>
</main>
<footer id="contact" class="text-center py-16 mt-16 bg-white rounded-lg shadow-lg" style="background-color: #388E3C;">
<h2 class="text-3xl md:text-4xl font-extrabold text-white text-shadow">Ready to Reimagine Your Outdoor Space?</h2>
<p class="mt-4 mb-8 text-lg font-light text-gray-100 max-w-2xl mx-auto">Let's discuss how we can apply our expertise to your garden. Contact us today for a friendly chat and a free, no-obligation quote.</p>
<a href="mailto:kevin@totnesgardening.co.uk" class="inline-block bg-white text-lg font-bold py-4 px-10 rounded-full shadow-lg transition-transform transform hover:scale-105" style="color: #388E3C;">Get Your Free Quote</a>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const serviceData = {
'All': ["General Gardening", "Garden Maintenance", "Garden Clearance", "Grass Cutting", "Grounds maintenance", "Weeding", "Leaf Clearance", "Waste Removal", "Landscaping", "Design", "Japanese Gardens", "Cottage Gardens", "Town Gardens", "Plants and Flowers", "Driveways", "Planters", "Rewilding", "Biodiversity", "Wildlife", "Eco Gardening", "Organic gardening", "Organic landscaping", "Compost", "Wild Areas", "Wildflowers", "Cold Plunge Pools", "Ponds", "Trees", "Seeds", "Lawns", "Watering", "Turf", "Battery-powered landscaping"],
'General': ["General Gardening", "Garden Maintenance", "Garden Clearance", "Grass Cutting", "Grounds maintenance", "Weeding", "Leaf Clearance", "Waste Removal"],
'Design': ["Landscaping", "Design", "Japanese Gardens", "Cottage Gardens", "Town Gardens", "Plants and Flowers", "Driveways", "Planters"],
'Environmental': ["Rewilding", "Biodiversity", "Wildlife", "Eco Gardening", "Organic gardening", "Organic landscaping", "Compost", "Wild Areas", "Wildflowers", "Battery-powered landscaping"],
'Features': ["Cold Plunge Pools", "Ponds", "Trees", "Seeds", "Lawns", "Watering", "Turf"]
};
const serviceDisplay = document.getElementById('service-display');
const filterButtons = document.querySelectorAll('.filter-btn');
function renderServices(category) {
const services = serviceData[category];
serviceDisplay.style.opacity = 0;
setTimeout(() => {
serviceDisplay.innerHTML = '';
services.forEach(service => {
const serviceEl = document.createElement('div');
serviceEl.className = 'p-3 rounded-lg text-center text-sm font-semibold transition-colors duration-300';
serviceEl.style.backgroundColor = '#E8F5E9';
serviceEl.style.color = '#388E3C';
serviceEl.textContent = service;
serviceDisplay.appendChild(serviceEl);
});
serviceDisplay.style.opacity = 1;
}, 300);
}
const tooltipTitleCallback = (tooltipItems) => {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(' ');
}
return label;
};
const chartOptionsTemplate = {
maintainAspectRatio: false,
responsive: true,
plugins: {
legend: {
position: 'bottom',
labels: {
color: '#343A40',
font: {
size: 14,
weight: '600'
}
}
},
tooltip: {
callbacks: {
title: tooltipTitleCallback
},
backgroundColor: '#388E3C',
titleFont: { size: 14, weight: 'bold' },
bodyFont: { size: 12 },
padding: 10,
cornerRadius: 4
}
}
};
const radarCtx = document.getElementById('serviceRadarChart').getContext('2d');
const radarData = {
labels: ['Maintenance', 'Design', 'Sustainability', 'Features'],
datasets: [{
label: 'Number of Services',
data: [
serviceData['General'].length,
serviceData['Design'].length,
serviceData['Environmental'].length,
serviceData['Features'].length
],
backgroundColor: 'rgba(56, 142, 60, 0.2)',
borderColor: 'rgba(56, 142, 60, 1)',
pointBackgroundColor: 'rgba(56, 142, 60, 1)',
pointBorderColor: '#fff',
pointHoverBackgroundColor: '#fff',
pointHoverBorderColor: 'rgba(56, 142, 60, 1)',
borderWidth: 2
}]
};
const serviceRadarChart = new Chart(radarCtx, {
type: 'radar',
data: radarData,
options: {
...chartOptionsTemplate,
scales: {
r: {
angleLines: { color: '#ddd' },
grid: { color: '#ddd' },
pointLabels: {
font: { size: 14, weight: 'bold' },
color: '#343A40'
},
ticks: {
backdropColor: '#F8F9FA',
color: '#757575',
stepSize: 2
}
}
},
plugins: {
...chartOptionsTemplate.plugins,
legend: { display: false }
}
}
});
filterButtons.forEach(button => {
button.addEventListener('click', () => {
filterButtons.forEach(btn => btn.classList.remove('active'));
button.classList.add('active');
const category = button.dataset.category;
renderServices(category);
});
});
const ecoFocusCtx = document.getElementById('ecoFocusChart').getContext('2d');
new Chart(ecoFocusCtx, {
type: 'doughnut',
data: {
labels: ['Eco-Conscious Focus', 'Other Specializations'],
datasets: [{
data: [serviceData['Environmental'].length, 21],
backgroundColor: ['#388E3C', '#A5D6A7'],
borderColor: '#F8F9FA',
borderWidth: 4,
hoverOffset: 8
}]
},
options: {
...chartOptionsTemplate,
cutout: '65%'
}
});
renderServices('All');
});
</script>
</body>
</html>
```</immersive>