@extends('layouts.site')
@section('title', 'About VIPO Granite Limited | Uganda & South Sudan')
@section('description', 'Meet VIPO Granite Limited and our approach to granite, marble, terrazzo and bespoke stonework for homeowners, architects and property developers in Uganda and South Sudan.')
@section('content')
@include('site.partials.page-hero', ['eyebrow'=>$copy['hero_eyebrow'], 'heading'=>$copy['hero_heading'], 'intro'=>$copy['hero_intro'], 'image'=>$copy['hero_image']])
<section class="section"><div class="wrap two-grid"><div><span class="eyebrow">{{ $copy['perspective_eyebrow'] }}</span><h2 class="section-title">{{ $copy['perspective_heading'] }}</h2></div><div class="body-copy"><p>{{ $copy['perspective_1'] }}</p><p>{{ $copy['perspective_2'] }}</p><p>{{ $copy['perspective_3'] }}</p></div></div></section>
<section class="section dark-story"><div class="wrap story-grid"><div class="story-image"><img src="{{ \App\Models\SiteSetting::mediaUrl($copy['process_image']) }}" alt="Natural stone material detail" loading="lazy"></div><div class="story-text"><span class="eyebrow">{{ $copy['process_eyebrow'] }}</span><h2>{{ $copy['process_heading'] }}</h2><p>{{ $copy['process_1'] }}</p><p>{{ $copy['process_2'] }}</p><a class="text-link" href="{{ route('contact') }}">Start a conversation ↗</a></div></div></section>
<section class="section"><div class="wrap"><div class="section-heading"><div><span class="eyebrow">{{ $copy['locations_eyebrow'] }}</span><h2 class="section-title">{{ $copy['locations_heading'] }}</h2></div></div><div class="two-grid"><div class="info-card"><span class="card-kicker">Uganda</span><h3>Kampala</h3><p>{{ $settings['kampala_address'] }}</p><a class="text-link" href="tel:{{ preg_replace('/[^0-9+]/','',$settings['phone_primary']) }}">Call our team ↗</a></div><div class="info-card"><span class="card-kicker">South Sudan</span><h3>Juba</h3><p>{{ $settings['juba_address'] }}</p><a class="text-link" href="{{ route('contact') }}">Contact VIPO ↗</a></div></div></div></section>
@include('site.partials.cta')
@endsection