@extends('layouts.site')
@section('content')
<section class="sec">
    <div class="wrap split" style="align-items:end">
        <div class="stack" style="gap:20px"><span class="eyebrow">About KalpCanvas</span><h1 class="d1">Clear thinking. Confident expression.</h1></div>
        <p class="lead">“Kalp” means imagination. “Canvas” is where it becomes real. We’re a strategy-led advertising and branding agency that helps growing Indian businesses look, sound and sell like the leaders they want to be.</p>
    </div>
</section>
<section class="sec tint">
    <div class="wrap grid g3">
        @foreach([['Strategy before style', 'Every logo, website and ad starts with a business goal and a customer insight, so the work has a reason to exist.'], ['One team, end to end', 'Brand, design, technology, content and media sit together, so your message stays consistent everywhere.'], ['Measured, not guessed', 'We agree the numbers that matter up front and report on them every month in plain English.']] as [$t, $d])
            <div class="box stack" style="gap:12px"><h2 class="d4">{{ $t }}</h2><p class="muted">{{ $d }}</p></div>
        @endforeach
    </div>
</section>
<section class="sec">
    <div class="wrap split">
        <div class="stack" style="gap:16px"><span class="eyebrow">The team</span><h2 class="d2">Strategists, designers, developers and storytellers.</h2></div>
        <div class="stack" style="gap:16px"><p class="body-l">[Add your founding story, the team’s experience and the kinds of brands you love working with.]</p><a href="{{ route('careers.index') }}" class="link" style="align-self:flex-start">We’re hiring</a></div>
    </div>
</section>
@include('partials.cta-band')
@endsection