!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>Coastline Canine Training | 6-Week 1-on-1 Dog Training in Nipomo, CA</title>


<script src="https://cdn.tailwindcss.com"></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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap" rel="stylesheet">


<script>

tailwind.config = {

theme: {

extend: {

colors: {

brand: {

ocean: '#0d5c63', // Deep rich coastal teal

oceanDark: '#05373c', // Midnight teal

seafoam: '#e2f4f4', // Soft dreamy seafoam

seafoamDark: '#b8e3e3', // Muted seafoam border

accent: '#f2a65a',

sand: '#faf9f6',

muted: '#4a5568',

border: '#e2e8f0'

}

},

fontFamily: {

sans: ['Plus Jakarta Sans', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'],

display: ['Outfit', 'sans-serif']

}

}

}

}

</script>


<style>

html {

scroll-behavior: smooth;

}

body {

background-color: #f7fbfb;

color: #2d3748;

}

section[id] {

scroll-margin-top: 90px;

}

</style>

<script id="wix-site-script" src="https://manage.wix.com/_api/headless-business-setup/v1/headless-business/site-script.js" data-client-id="d658a45a-e9d2-4ef6-9042-f4cf062c1c07" async></script></head>

<body class="min-h-screen flex flex-col justify-between antialiased font-sans">


<!-- NAVIGATION -->

<!-- HERO SECTION -->

<header class="relative overflow-hidden bg-brand-seafoam/30 pt-16 pb-20 px-6 text-center border-b border-brand-seafoamDark">

<div class="max-w-4xl mx-auto space-y-6">


<!-- Tag -->

<div class="inline-flex items-center gap-2 bg-brand-seafoam px-4 py-1.5 rounded-full border border-brand-seafoamDark text-brand-ocean text-xs font-extrabold uppercase tracking-widest shadow-sm">

<span>📍</span> 100% Fear Free &bull; Nipomo, Arroyo Grande, Santa Maria, and South SLO County

</div>


<!-- Headline -->

<h1 class="text-4xl sm:text-6xl font-display font-extrabold text-brand-oceanDark tracking-tight leading-none">

Real-World Dog Training for Central Coast Life

</h1>


<!-- Subheadline -->

<p class="text-base sm:text-lg text-brand-muted max-w-2xl mx-auto font-normal leading-relaxed">

Transform leash pulling and reactive stress into wiggle butts, happy dogs, and calm, reliable habits with gentle, 100% Fear Free coaching.

</p>


<!-- CTA Buttons -->

<div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-4">

<a href="#contact" class="w-full sm:w-auto bg-brand-ocean hover:bg-brand-oceanDark text-white font-bold px-8 py-4 rounded-2xl shadow-md transition-all text-center">

Book Your Free 15 Min Consultation

</a>

<a href="#programs" class="w-full sm:w-auto bg-white hover:bg-brand-seafoam/50 text-brand-oceanDark border-2 border-brand-seafoamDark font-bold px-8 py-4 rounded-2xl transition-all text-center">

Explore 6-Week Programs

</a>

</div>


</div>

</header>


<!-- HERO SECTION -->

<section class="py-16 md:py-24 px-6 max-w-4xl mx-auto text-center space-y-6">

<div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-brand-seafoam text-brand-ocean text-xs font-bold tracking-wide shadow-sm border border-brand-seafoamDark">

<span>🌊</span> Streamlined 6-Week Programs | Nipomo &amp; Central Coast

</div>


<h1 class="text-4xl sm:text-6xl font-display font-extrabold text-brand-oceanDark leading-tight tracking-tight">

Real help for your dog, directly from a local trainer who cares.

</h1>


<p class="text-brand-muted text-base sm:text-xl max-w-2xl mx-auto leading-relaxed font-normal">

Strictly 1-on-1 coaching—in your home or at our private training setup—giving you a focused, Fear Free 6-week roadmap that actually fits your life.

</p>


<div class="pt-4">

<a href="#contact" class="inline-block px-8 py-4 rounded-full bg-brand-ocean text-white font-bold text-base hover:bg-brand-oceanDark transition-all shadow-md hover:shadow-lg hover:-translate-y-0.5">

Schedule a Free 15-Min Phone Consultation

</a>

</div>


<div class="mt-8 pt-8 border-t border-brand-seafoamDark/60 space-y-4">

<div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-ocean text-white text-xs font-bold tracking-wide">

<span>🐾</span> Our Core Standard

</div>

<h3 class="text-xl sm:text-2xl font-display font-extrabold text-brand-oceanDark">100% Fear Free Training</h3>

<p class="text-brand-muted text-sm sm:text-base leading-relaxed">

We are strictly 100% Fear Free. We do not use positive punishment, prong collars, shock collars, e-collars, or any tools or methods that cause stress, pain, or fear.

</p>

<p class="text-brand-muted text-sm sm:text-base leading-relaxed">

We focus on positive reinforcement, clear communication, and low-stress handling. When we use tools like gentle leads, we take the time to properly desensitize your dog first so they are always comfortable, confident, and happy during training.

</p>

</div>

</div>

</section>


<!-- 1. ABOUT ME -->

<section id="about" class="py-16 px-6 max-w-4xl mx-auto">

<div class="bg-white rounded-3xl border-2 border-brand-seafoamDark p-8 sm:p-12 shadow-sm space-y-6 relative overflow-hidden">

<!-- Decorative accent blob -->

<div class="absolute top-0 right-0 w-32 h-32 bg-brand-seafoam/40 rounded-bl-full -mr-8 -mt-8 pointer-events-none"></div>


<div class="relative z-10 space-y-6">

<div class="inline-flex items-center gap-2 px-3.5 py-1.5 rounded-full bg-brand-seafoam text-brand-ocean text-xs font-extrabold tracking-wider uppercase border border-brand-seafoamDark">

<span>👋</span> Meet Your Trainer

</div>


<h2 class="text-3xl sm:text-4xl font-display font-extrabold text-brand-oceanDark leading-tight">

Training That Fits Real Life—Without the Stress

</h2>


<div class="space-y-4 text-brand-muted text-sm sm:text-base leading-relaxed">

<p>

I started Coastline Canine Training to give local families a better alternative to crowded, one-size-fits-all classes. Working 1-on-1 in your home or at our private Nipomo setup means faster progress, less anxiety for your dog, and strategies tailored to your actual day-to-day routine.

</p>

</div>


<!-- 100% Fear Free Callout Box -->

<div class="bg-brand-seafoam/40 rounded-2xl p-5 border border-brand-seafoamDark flex items-start gap-4">

<span class="text-2xl mt-0.5">🐾</span>

<div class="space-y-1">

<h3 class="font-display font-extrabold text-brand-oceanDark text-sm sm:text-base">100% Fear Free Guarantee</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">

No shock collars, prong collars, e-collars, or intimidation—ever. Just positive reinforcement, clear communication, and gentle leads paired with proper desensitization so your dog always feels safe and confident.

</p>

</div>

</div>

</div>

</div>

</section>


<!-- 2. COMMON ISSUES -->

<section id="behaviors" class="py-16 px-6 max-w-5xl mx-auto space-y-10">

<div class="text-center space-y-2">

<span class="text-xs font-extrabold uppercase tracking-widest text-brand-ocean">Behavior Solutions</span>

<h2 class="text-3xl sm:text-4xl font-display font-extrabold text-brand-oceanDark">Common Behaviors We Transform</h2>

<p class="text-sm text-brand-muted max-w-xl mx-auto">Focused 1-on-1 solutions for real everyday challenges—no vague promises, just practical skills.</p>

</div>


<div class="grid grid-cols-1 sm:grid-cols-3 gap-6">

<div class="bg-white rounded-2xl border border-brand-seafoamDark/80 p-6 shadow-sm hover:shadow-md transition-all space-y-3">

<div class="w-12 h-12 rounded-2xl bg-brand-seafoam flex items-center justify-center text-2xl">🐕‍🦺</div>

<h3 class="font-display font-bold text-lg text-brand-ocean">Leash Pulling &amp; Reactivity</h3>

<p class="text-xs text-brand-muted leading-relaxed">Enjoy calm, pleasant walks around local distractions and neighborhood triggers.</p>

</div>


<div class="bg-white rounded-2xl border border-brand-seafoamDark/80 p-6 shadow-sm hover:shadow-md transition-all space-y-3">

<div class="w-12 h-12 rounded-2xl bg-brand-seafoam flex items-center justify-center text-2xl">🚪</div>

<h3 class="font-display font-bold text-lg text-brand-ocean">Door Rushing &amp; Guests</h3>

<p class="text-xs text-brand-muted leading-relaxed">Build calm door manners and polite greetings when visitors arrive.</p>

</div>


<div class="bg-white rounded-2xl border border-brand-seafoamDark/80 p-6 shadow-sm hover:shadow-md transition-all space-y-3">

<div class="w-12 h-12 rounded-2xl bg-brand-seafoam flex items-center justify-center text-2xl">⚡</div>

<h3 class="font-display font-bold text-lg text-brand-ocean">Impulse Control &amp; Focus</h3>

<p class="text-xs text-brand-muted leading-relaxed">Teach your dog to settle and listen even when high-energy or excited.</p>

</div>


<div class="bg-white rounded-2xl border border-brand-seafoamDark/80 p-6 shadow-sm hover:shadow-md transition-all space-y-3">

<div class="w-12 h-12 rounded-2xl bg-brand-seafoam flex items-center justify-center text-2xl">🦴</div>

<h3 class="font-display font-bold text-lg text-brand-ocean">Resource Guarding</h3>

<p class="text-xs text-brand-muted leading-relaxed">Safe, positive protocols for food, toy, or spatial sensitivity.</p>

</div>


<div class="bg-white rounded-2xl border border-brand-seafoamDark/80 p-6 shadow-sm hover:shadow-md transition-all space-y-3">

<div class="w-12 h-12 rounded-2xl bg-brand-seafoam flex items-center justify-center text-2xl">🏡</div>

<h3 class="font-display font-bold text-lg text-brand-ocean">In-Home Boundaries</h3>

<p class="text-xs text-brand-muted leading-relaxed">Crate training, place command, and reliable household manners.</p>

</div>


<div class="bg-white rounded-2xl border border-brand-seafoamDark/80 p-6 shadow-sm hover:shadow-md transition-all space-y-3">

<div class="w-12 h-12 rounded-2xl bg-brand-seafoam flex items-center justify-center text-2xl">🌳</div>

<h3 class="font-display font-bold text-lg text-brand-ocean">Reliable Recall</h3>

<p class="text-xs text-brand-muted leading-relaxed">Confident long-line and off-leash response when called.</p>

</div>

</div>

</section>


<!-- 3. 6-WEEK PROGRAMS -->

<section id="programs" class="py-16 px-6 max-w-5xl mx-auto space-y-10">

<div class="text-center space-y-3">

<span class="text-xs font-extrabold uppercase tracking-widest text-brand-ocean">Pricing &amp; Programs</span>

<h2 class="text-3xl sm:text-4xl font-display font-extrabold text-brand-oceanDark">Our 6-Week Training Programs</h2>

<p class="text-brand-muted text-sm max-w-xl mx-auto">Clear, transparent pricing. No confusing tiers—just proven 6-week results.</p>

</div>


<!-- CARDS GRID -->

<div class="grid grid-cols-1 md:grid-cols-3 gap-8">


<!-- Private Foundations -->

<div class="bg-white rounded-3xl border-2 border-brand-seafoamDark p-8 flex flex-col justify-between shadow-sm hover:shadow-md transition-shadow">

<div class="space-y-4">

<span class="inline-block text-[11px] font-extrabold uppercase tracking-wider text-brand-ocean bg-brand-seafoam px-3 py-1 rounded-full">In-Home Private</span>

<h3 class="font-display font-bold text-2xl text-brand-ocean">Private Foundations</h3>

<p class="text-xs text-brand-muted leading-relaxed min-h-[40px]">1-on-1 coaching in your home to build great manners and focus where it matters most.</p>


<div class="pt-4 border-t border-brand-border">

<div class="text-4xl font-display font-extrabold text-brand-ocean">$320</div>

<div class="text-xs font-semibold text-brand-muted mt-1">6-week program</div>

</div>


<ul class="text-xs text-brand-muted space-y-3 pt-2">

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Leash walking &amp; impulse control</span>

</li>

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Stopping jumping &amp; door rushing</span>

</li>

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>In-home boundaries &amp; calm habits</span>

</li>

</ul>

</div>


<a href="#contact" class="mt-8 block text-center py-3.5 rounded-2xl border-2 border-brand-ocean text-brand-ocean font-extrabold text-xs uppercase tracking-wider hover:bg-brand-ocean hover:text-white transition-all shadow-sm">

Choose Foundations

</a>

</div>


<!-- Elite Hybrid (Flagship) -->

<div class="bg-white rounded-3xl border-2 border-brand-ocean p-8 flex flex-col justify-between shadow-xl relative ring-4 ring-brand-seafoam">

<div class="absolute -top-3.5 left-1/2 transform -translate-x-1/2 bg-brand-ocean text-white font-extrabold text-[10px] uppercase tracking-widest px-4 py-1 rounded-full shadow-sm">

Most Popular Flagship

</div>

<div class="space-y-4">

<span class="inline-block text-[11px] font-extrabold uppercase tracking-wider text-brand-ocean bg-brand-seafoam px-3 py-1 rounded-full">Facility + In-Home</span>

<h3 class="font-display font-bold text-2xl text-brand-ocean">Elite Hybrid Program</h3>

<p class="text-xs text-brand-muted leading-relaxed min-h-[40px]">The fast progress of day training, plus weekly owner coaching so results stick at home.</p>


<div class="pt-4 border-t border-brand-border">

<div class="text-4xl font-display font-extrabold text-brand-ocean">$1,300</div>

<div class="text-xs font-semibold text-brand-muted mt-1">6-week program</div>

</div>


<ul class="text-xs text-brand-muted space-y-3 pt-2">

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Day training blocks at our facility</span>

</li>

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Weekly owner transfer sessions at home</span>

</li>

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Accelerated progress &amp; lifelong habits</span>

</li>

</ul>

</div>


<a href="#contact" class="mt-8 block text-center py-4 rounded-2xl bg-brand-ocean text-white font-extrabold text-xs uppercase tracking-wider hover:bg-brand-oceanDark transition-all shadow-md">

Choose Hybrid

</a>

</div>


<!-- Behavior Modification -->

<div class="bg-white rounded-3xl border-2 border-brand-seafoamDark p-8 flex flex-col justify-between shadow-sm hover:shadow-md transition-shadow">

<div class="space-y-4">

<span class="inline-block text-[11px] font-extrabold uppercase tracking-wider text-brand-ocean bg-brand-seafoam px-3 py-1 rounded-full">Behavioral Focus</span>

<h3 class="font-display font-bold text-2xl text-brand-ocean">Behavior Modification</h3>

<p class="text-xs text-brand-muted leading-relaxed min-h-[40px]">Dedicated 1-on-1 support for dogs struggling with reactivity, fear, or anxiety.</p>


<div class="pt-4 border-t border-brand-border">

<div class="text-4xl font-display font-extrabold text-brand-ocean">$600</div>

<div class="text-xs font-semibold text-brand-muted mt-1">6-week program (+$125 initial eval)</div>

</div>


<ul class="text-xs text-brand-muted space-y-3 pt-2">

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Custom behavior plan &amp; roadmap</span>

</li>

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Leash reactivity &amp; trigger management</span>

</li>

<li class="flex items-center gap-2 font-medium">

<span class="w-5 h-5 rounded-full bg-brand-seafoam text-brand-ocean flex items-center justify-center font-bold text-xs">✓</span>

<span>Safe, low-stress Fear Free protocol</span>

</li>

</ul>

</div>


<a href="#contact" class="mt-8 block text-center py-3.5 rounded-2xl border-2 border-brand-ocean text-brand-ocean font-extrabold text-xs uppercase tracking-wider hover:bg-brand-ocean hover:text-white transition-all shadow-sm">

Choose Behavior

</a>

</div>


</div>

</section>


<!-- 4. WHAT TO BRING -->

<section id="prep" class="py-20 px-6 max-w-5xl mx-auto space-y-12">

<div class="text-center space-y-3">

<span class="inline-block text-[11px] font-extrabold uppercase tracking-widest text-brand-ocean bg-brand-seafoam px-4 py-1.5 rounded-full border border-brand-seafoamDark">Prep Guide</span>

<h2 class="text-3xl sm:text-5xl font-display font-extrabold text-brand-oceanDark">What to Pack & Have Ready</h2>

<p class="text-sm sm:text-base text-brand-muted max-w-xl mx-auto font-normal">A few simple things to help your dog feel comfortable, relaxed, and ready to learn from minute one.</p>

</div>


<!-- CARDS -->

<div class="grid grid-cols-1 md:grid-cols-2 gap-8">


<!-- Card 1: Treats -->

<div class="bg-white rounded-3xl border-2 border-brand-seafoamDark p-8 shadow-sm hover:shadow-md transition-all relative overflow-hidden group">

<div class="absolute top-0 right-0 w-24 h-24 bg-brand-seafoam/50 rounded-bl-full -mr-4 -mt-4 transition-transform group-hover:scale-110"></div>

<div class="relative z-10 space-y-4">

<div class="flex items-center justify-between">

<span class="w-12 h-12 rounded-2xl bg-brand-seafoam text-brand-ocean flex items-center justify-center font-display font-extrabold text-xl">01</span>

<span class="text-2xl">🥓</span>

</div>

<h3 class="font-display font-extrabold text-xl text-brand-oceanDark">Something Delicious</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">

Bringing high-value treats your dog loves (like small pieces of string cheese, chicken, or soft training morsels) helps us celebrate their good choices and keeps learning fun and stress-free.

</p>

</div>

</div>


<!-- Card 2: Leash -->

<div class="bg-white rounded-3xl border-2 border-brand-seafoamDark p-8 shadow-sm hover:shadow-md transition-all relative overflow-hidden group">

<div class="absolute top-0 right-0 w-24 h-24 bg-brand-seafoam/50 rounded-bl-full -mr-4 -mt-4 transition-transform group-hover:scale-110"></div>

<div class="relative z-10 space-y-4">

<div class="flex items-center justify-between">

<span class="w-12 h-12 rounded-2xl bg-brand-seafoam text-brand-ocean flex items-center justify-center font-display font-extrabold text-xl">02</span>

<span class="text-2xl">🐕</span>

</div>

<h3 class="font-display font-extrabold text-xl text-brand-oceanDark">A Standard 6-Foot Leash</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">

A standard 6-foot leather or flat nylon leash allows for clear, gentle communication. We kindly ask to leave retractable leashes at home so we can practice safe, predictable leash handling together.

</p>

</div>

</div>


<!-- Card 3: Harness/Collar -->

<div class="bg-white rounded-3xl border-2 border-brand-seafoamDark p-8 shadow-sm hover:shadow-md transition-all relative overflow-hidden group">

<div class="absolute top-0 right-0 w-24 h-24 bg-brand-seafoam/50 rounded-bl-full -mr-4 -mt-4 transition-transform group-hover:scale-110"></div>

<div class="relative z-10 space-y-4">

<div class="flex items-center justify-between">

<span class="w-12 h-12 rounded-2xl bg-brand-seafoam text-brand-ocean flex items-center justify-center font-display font-extrabold text-xl">03</span>

<span class="text-2xl">🎯</span>

</div>

<h3 class="font-display font-extrabold text-xl text-brand-oceanDark">Comfortable Everyday Gear</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">

Whatever collar or harness your dog currently wears day-to-day. We'll take a look at fit and comfort together during our first visit to make sure your dog feels completely at ease.

</p>

</div>

</div>


<!-- Card 4: Preparation Tip -->

<div class="bg-brand-seafoam/50 rounded-3xl border-2 border-brand-seafoamDark p-8 shadow-sm hover:shadow-md transition-all relative overflow-hidden group">

<div class="relative z-10 space-y-4">

<div class="flex items-center justify-between">

<span class="w-12 h-12 rounded-2xl bg-brand-ocean text-white flex items-center justify-center font-display font-extrabold text-xl">04</span>

<span class="text-2xl">⏰</span>

</div>

<h3 class="font-display font-extrabold text-xl text-brand-oceanDark">A Light Meal Beforehand</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">

Consider feeding your dog about half their usual meal right before our session. A slightly empty tummy makes treats much more motivating and keeps your dog comfortable while moving around.

</p>

</div>

</div>


</div>

</section>


<!-- 5. FAQ -->

<section id="faq" class="py-16 px-6 max-w-4xl mx-auto space-y-8">

<div class="text-center space-y-2">

<span class="text-xs font-extrabold uppercase tracking-widest text-brand-ocean">FAQ</span>

<h2 class="text-3xl sm:text-4xl font-display font-extrabold text-brand-oceanDark">Frequently Asked Questions</h2>

<p class="text-xs sm:text-sm text-brand-muted">Everything you need to know before starting your 6-week journey.</p>

</div>


<div class="space-y-4">

<div class="bg-white rounded-2xl border-2 border-brand-seafoamDark p-6 space-y-2 shadow-sm">

<h3 class="font-display font-bold text-base text-brand-ocean">Where do training sessions take place?</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">Sessions take place in your home, around your neighborhood, or at our private training setup in Nipomo depending on your dog's specific needs and program choice.</p>

</div>


<div class="bg-white rounded-2xl border-2 border-brand-seafoamDark p-6 space-y-2 shadow-sm">

<h3 class="font-display font-bold text-base text-brand-ocean">What training methods do you use?</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">We use positive reinforcement and low-stress, Fear Free handling techniques. The goal is clear communication and reliable impulse control without heavy-handed coercion.</p>

</div>


<div class="bg-white rounded-2xl border-2 border-brand-seafoamDark p-6 space-y-2 shadow-sm">

<h3 class="font-display font-bold text-base text-brand-ocean">What areas do you serve?</h3>

<p class="text-xs sm:text-sm text-brand-muted leading-relaxed">Primary service areas include Nipomo, Santa Maria, Arroyo Grande, and surrounding South San Luis Obispo County locations.</p>

</div>

</div>

</section>


<!-- 6. CONTACT / BOOK FREE CALL -->

<section id="contact" class="py-16 px-6 max-w-3xl mx-auto">

<div class="bg-white rounded-3xl border-2 border-brand-seafoamDark p-8 sm:p-12 shadow-sm space-y-6">

<div class="text-center space-y-2">

<span class="text-xs font-extrabold uppercase tracking-widest text-brand-ocean">Get Started</span>

<h2 class="text-3xl sm:text-4xl font-display font-extrabold text-brand-oceanDark">Schedule Your Free 15-Min Phone Consultation</h2>

<p class="text-xs sm:text-sm text-brand-muted">Fill out this quick form and I'll call you within 24 hours to chat about your dog and answer any questions—zero pressure.</p>

</div>


<form onsubmit="handleFormSubmit(event)" class="space-y-4 pt-2">

<div>

<label class="block text-xs font-bold text-brand-ocean mb-1">Your Name *</label>

<input type="text" required placeholder="e.g. Jane Doe" class="w-full px-4 py-3 rounded-xl border border-brand-seafoamDark text-xs bg-brand-sand focus:outline-none focus:border-brand-ocean">

</div>


<div>

<label class="block text-xs font-bold text-brand-ocean mb-1">Phone Number *</label>

<input type="text" required placeholder="Best number for your 15-min call" class="w-full px-4 py-3 rounded-lg border border-brand-seafoamDark text-xs bg-brand-sand focus:outline-none focus:border-brand-ocean">

</div>


<div>

<label class="block text-xs font-bold text-brand-ocean mb-1">Program of Interest</label>

<select id="programSelect" class="w-full px-4 py-3 rounded-xl border border-brand-seafoamDark text-xs bg-brand-sand text-brand-muted focus:outline-none focus:border-brand-ocean">

<option value="Private Foundations (6 Weeks - $320)">Private Foundations (6 Weeks - $320)</option>

<option value="Elite Hybrid Program (6 Weeks - $1,300)">Elite Hybrid Program (6 Weeks - $1,300)</option>

<option value="Behavior Modification (6 Weeks - $600 + Eval)">Behavior Modification (6 Weeks - $600 + Eval)</option>

<option value="Not Sure / Need Advice">Not Sure / Need Advice</option>

</select>

</div>


<div>

<label class="block text-xs font-bold text-brand-ocean mb-1">Dog's Name, Age &amp; Breed</label>

<input type="text" placeholder="e.g. Milo, 1-year Golden Retriever mix" class="w-full px-4 py-3 rounded-xl border border-brand-seafoamDark text-xs bg-brand-sand focus:outline-none focus:border-brand-ocean mb-3">

</div>


<div>

<label class="block text-xs font-bold text-brand-ocean mb-1">What would you like help with?</label>

<textarea rows="3" placeholder="Tell me a little about what's going on (e.g. leash pulling, jumping, nervousness)..." class="w-full px-4 py-3 rounded-xl border border-brand-seafoamDark text-xs bg-brand-sand focus:outline-none focus:border-brand-ocean"></textarea>

</div>


<button type="submit" class="w-full py-4 rounded-2xl bg-brand-ocean text-white font-extrabold text-xs uppercase tracking-widest hover:bg-brand-oceanDark transition-all shadow-md mt-2">

Request My Free Consultation

</button>

</form>

</div>

</section>


<!-- FOOTER -->

<footer class="bg-brand-oceanDark text-white/80 py-10 text-center text-xs space-y-2">

<p class="font-extrabold text-white text-sm font-display">Coastline Canine Training</p>

<p>Serving Nipomo, Santa Maria &amp; Arroyo Grande, CA</p>

<p class="text-white/40 pt-4">© 2026 Coastline Canine Training. All rights reserved.</p>

</footer>


<script>

function handleFormSubmit(e) {

e.preventDefault();

const msgBox = document.createElement('div');

msgBox.className = "fixed top-5 right-5 bg-brand-ocean text-white p-4 rounded-xl shadow-lg font-bold text-sm z-50 animate-bounce";

msgBox.innerText = "Thank you! I'll call you within 24 hours.";

document.body.appendChild(msgBox);

setTimeout(() => msgBox.remove(), 4000);

}

</script>


</body>

</html>