{{-- RTL locales: right-align the text content only; the button row below keeps its original LTR order and position. --}} @php $heroKicker = content('home.hero.kicker'); $heroQuote = content('home.hero.quote'); $heroQuoteNote = content('home.hero.quote_note'); @endphp @if ($heroKicker !== '')

{{ $heroKicker }}

@endif @if ($heroQuote !== '')

{{ $heroQuote }}

@endif @if ($heroQuoteNote !== '')

{{ $heroQuoteNote }}

@endif

{{ content_html('home.hero.title') }}

{{ content_html('home.hero.subtitle') }}
@php $visionDocument = content('home.hero.vision_document'); @endphp @if ($visionDocument !== '') download {{ __('Read Our Manifesto') }} @endif

{{ content('home.why_masjid.heading') }}

{{ content('home.why_masjid.lead') }}

{{ content_html('home.why_masjid.body') }}
@php $whyMasjidClosing = content('home.why_masjid.closing'); @endphp @if ($whyMasjidClosing !== '')

{{ $whyMasjidClosing }}

@endif

{{ content('home.about.heading') }}

@php $aboutLead = content('home.about.lead'); @endphp @if ($aboutLead !== '')

{{ $aboutLead }}

@endif
{{ content_html('home.about.body') }}
{{ __('Read more') }} arrow_forward
@if ($coreValues->isNotEmpty()) @php $pillarStyles = [ ['ring' => 'border-primary', 'text' => 'text-primary', 'icon' => 'text-primary', 'accent' => 'favorite'], ['ring' => 'border-surface-tint', 'text' => 'text-surface-tint', 'icon' => 'text-surface-tint', 'accent' => 'groups'], ['ring' => 'border-secondary-container', 'text' => 'text-secondary', 'icon' => 'text-secondary-container', 'accent' => 'star'], ]; $valuesSubheadingLines = collect(preg_split('/\r\n|\r|\n/', content('home.values.subheading'))) ->map(fn (string $line) => trim($line)) ->filter() ->values(); $valuesTagline = collect(explode('|', content('home.values.tagline'))) ->map(fn (string $part) => trim($part)) ->filter() ->values(); $taglineColors = ['#204136', '#6a703d', '#d3a454']; @endphp

{{ content('home.values.heading') }}

@if ($valuesSubheadingLines->isNotEmpty())

@foreach ($valuesSubheadingLines as $line) {{ $line }} @endforeach

@endif
@php // SVG infographic geometry (viewBox units). Three 400-wide columns. $svgWidth = 1200; $svgHeight = 350; $columnWidth = 400; $centerY = 175; $loopHalfHeight = 130; // half the loop's height $loopInset = 105; // distance from disc centre to the loop's left edge $cornerRadius = 60; // every bend in the ribbon uses this radius $ribbonRadius = $loopHalfHeight; $discRadius = 70; $discOffsetX = 120; $columnCount = max($coreValues->count(), 1); $svgWidth = $columnWidth * $columnCount; $pillarHex = ['#113429', '#888852', '#dcb464']; @endphp @php $pillarsInfographic = content('home.values.infographic'); @endphp @if ($pillarsInfographic !== '') {{-- Finished infographic supplied per language --}}
{{ content('home.values.heading') }}
@else {{-- Desktop: ribbon infographic (SVG drawing + HTML text overlay) --}} {{-- Mobile / tablet: stacked pillars --}}
@foreach ($coreValues as $coreValue) @php $style = $pillarStyles[$loop->index % count($pillarStyles)]; $subtitle = (string) $coreValue->translate('subtitle'); $imageUrl = $coreValue->imageUrl(); $hex = $pillarHex[$loop->index % count($pillarHex)]; @endphp
@if ($imageUrl) @else {{ $coreValue->icon }} @endif

{{ $coreValue->translate('title') }}

@if ($subtitle !== '')

{{ $subtitle }}

@endif

{{ $coreValue->translate('description') }}

@endforeach
@endif @if ($valuesTagline->isNotEmpty())
@foreach ($valuesTagline as $part) {{ $part }} @endforeach
@endif
@endif

{{ content('home.model.heading') }}

{{ content('home.model.subheading') }}

@foreach ($phases as $phase)
{{ $loop->iteration }}

{{ $phase->translate('title') }}

{{ $phase->translate('summary') }}

@endforeach
{{ __('Explore Our Model') }} north_east

{{ content('home.activities.heading') }}

{{ content('home.activities.subheading') }}

{{ __('View All Activities') }} open_in_new
@foreach ($homeActivities as $activity) @php $activityDescription = $activity->translate('description'); @endphp
{{ $activity->icon }}
{{ $activity->translate('title') }}

{{ Str::limit($activityDescription, 90) }}

@if ($activity->hasDetails() || Str::length($activityDescription) > 90) {{ __('Learn More') }} arrow_forward @endif
@endforeach
format_quote

{{ content('home.quote.text') }}

{{ content('home.testimonials.heading') }}

{{ content('home.testimonials.subheading') }}

@foreach ($testimonials as $testimonial)

{{ $testimonial->translate('name') }}

{{ $testimonial->translate('role') }}

{{ $testimonial->translate('quote') }}

@endforeach
{{ __('Read more Impact Stories') }} arrow_forward
@if ($latestPosts->isNotEmpty())

{{ content('home.blog.heading') }}

{{ content('home.blog.description') }}

@foreach ($latestPosts as $post) @endforeach
{{ content('home.blog.cta_label') }} arrow_forward
@endif

{{ content('home.get_involved.individuals_heading') }}

    @foreach (content_lines('home.get_involved.individuals_items') as $item)
  • check_circle {{ $item }}
    • @endforeach

{{ content('home.get_involved.masajid_heading') }}

    @foreach (content_lines('home.get_involved.masajid_items') as $item)
  • check_circle {{ $item }}
    • @endforeach

{{ content('home.downloads.heading') }}

{{ content('home.downloads.description') }}

@if ($homeResources->isNotEmpty())
@foreach ($homeResources as $resource) @php $resourceLink = $resource->linkUrl(); $resourceIcon = $resource->icon ?: match ($resource->kind) { \App\Enums\ResourceKind::Strategy => 'auto_stories', \App\Enums\ResourceKind::Tool => 'construction', \App\Enums\ResourceKind::Media => 'movie', }; @endphp isDownloadLink()) download @elseif ($resourceLink) target="_blank" rel="noopener" @else wire:navigate @endif> {{ $resourceIcon }} {{ $resource->translate('title') }} @endforeach
@endif
{{ __('Explore Resources') }}

{{ content('home.newsletter.heading') }}

{{ content('home.newsletter.description') }}

@if ($subscribed)
check_circle

{{ __('JazakAllah! You\'re subscribed — look out for updates from the Mission in your inbox.') }}

@else
@error('subscriberName')

{{ $message }}

@enderror
@error('subscriberEmail')

{{ $message }}

@enderror
@endif