143 lines
10 KiB
PHP
143 lines
10 KiB
PHP
<section class="hero hero-premium">
|
||
<div class="hero-ambient hero-ambient-one"></div>
|
||
<div class="hero-ambient hero-ambient-two"></div>
|
||
|
||
<div class="wrap hero-premium-grid">
|
||
<div class="hero-copy">
|
||
<span class="eyebrow">{{ $themeSettings['hero_eyebrow'] ?? 'All-in-One CMS Platform' }}</span>
|
||
<h1>{{ $heroTitle }}</h1>
|
||
<p>{{ $heroText }}</p>
|
||
|
||
<div class="actions hero-actions">
|
||
<a class="btn primary" href="{{ $themeSettings['primary_cta_url'] ?? (Route::has('register') ? route('register') : '#contact') }}">
|
||
{{ $themeSettings['primary_cta_label'] ?? 'Get started free' }} →
|
||
</a>
|
||
<a class="btn secondary" href="{{ $themeSettings['secondary_cta_url'] ?? '#contact' }}">
|
||
<span class="play-icon">▶</span>{{ $themeSettings['secondary_cta_label'] ?? 'Watch demo' }}
|
||
</a>
|
||
</div>
|
||
|
||
<div class="hero-assurances" aria-label="Trial information">
|
||
<span><i>✓</i>No credit card required</span>
|
||
<span><i>✓</i>Free 14-day trial</span>
|
||
<span><i>✓</i>Cancel anytime</span>
|
||
</div>
|
||
</div>
|
||
|
||
@if($enabled('show_metrics', true))
|
||
<div class="dashboard-preview" aria-label="CMS dashboard preview">
|
||
<aside class="dashboard-sidebar">
|
||
<div class="dashboard-mark">A</div>
|
||
@foreach(['Dashboard','Content','Media','Pages','Users','Analytics','Settings'] as $index => $item)
|
||
<div class="dashboard-nav-item {{ $index === 0 ? 'active' : '' }}">
|
||
<span>{{ ['⌂','▱','▧','□','♙','▥','⚙'][$index] }}</span>{{ $item }}
|
||
</div>
|
||
@endforeach
|
||
</aside>
|
||
|
||
<div class="dashboard-main">
|
||
<div class="dashboard-heading-row">
|
||
<div>
|
||
<small>Dashboard</small>
|
||
<h3>Welcome back, Mark <span>👋</span></h3>
|
||
<p>Here’s what’s happening with your site today.</p>
|
||
</div>
|
||
<button type="button">May 12 – May 18, 2024</button>
|
||
</div>
|
||
|
||
<div class="dashboard-stats">
|
||
@foreach([
|
||
['Total Visitors','24,854','↑ 12.5%'],
|
||
['Page Views','62,104','↑ 8.2%'],
|
||
['New Users','1,429','↑ 15.3%'],
|
||
['Bounce Rate','32.6%','↓ 4.1%'],
|
||
] as $stat)
|
||
<article><small>{{ $stat[0] }}</small><strong>{{ $stat[1] }}</strong><em>{{ $stat[2] }}</em></article>
|
||
@endforeach
|
||
</div>
|
||
|
||
<div class="dashboard-panels">
|
||
<article class="dashboard-chart-panel">
|
||
<div class="panel-title"><strong>Visitors Overview</strong><span>This Week⌄</span></div>
|
||
<div class="line-chart">
|
||
<div class="chart-grid"></div>
|
||
<svg viewBox="0 0 560 190" preserveAspectRatio="none" role="img" aria-label="Visitor growth chart">
|
||
<defs><linearGradient id="chartFill" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#f97316" stop-opacity=".32"/><stop offset="1" stop-color="#f97316" stop-opacity="0"/></linearGradient></defs>
|
||
<path class="chart-area" d="M0 128 C42 73 70 76 112 125 C156 170 185 104 224 108 C272 112 286 102 315 60 C355 3 388 142 438 119 C486 95 515 93 560 83 L560 190 L0 190 Z"/>
|
||
<path class="chart-line" d="M0 128 C42 73 70 76 112 125 C156 170 185 104 224 108 C272 112 286 102 315 60 C355 3 388 142 438 119 C486 95 515 93 560 83"/>
|
||
</svg>
|
||
<div class="chart-labels"><span>May 12</span><span>May 13</span><span>May 14</span><span>May 15</span><span>May 16</span><span>May 17</span><span>May 18</span></div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="dashboard-pages-panel">
|
||
<div class="panel-title"><strong>Top Pages</strong></div>
|
||
@foreach([['/','10,430'],['/features','8,129'],['/pricing','6,247'],['/blog','4,985'],['/contact','3,421']] as $page)
|
||
<div><span>{{ $page[0] }}</span><strong>{{ $page[1] }}</strong></div>
|
||
@endforeach
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endif
|
||
</div>
|
||
</section>
|
||
|
||
@if($enabled('show_features', true))
|
||
<section class="section features-premium" id="features">
|
||
<div class="wrap">
|
||
<div class="heading compact-heading">
|
||
<span>Powerful features</span>
|
||
<h2>Everything your team needs to grow</h2>
|
||
<p>Built with all the tools you need to manage content, engage users, and scale your business.</p>
|
||
</div>
|
||
|
||
<div class="feature-row">
|
||
@foreach([
|
||
['✎','Easy Content Management','Create, edit, and publish content with an intuitive and powerful editor.'],
|
||
['♙','Team Collaboration','Work together seamlessly with roles, permissions, and real-time updates.'],
|
||
['▥','Advanced Analytics','Track performance and make data-driven decisions with detailed insights.'],
|
||
['♢','Secure & Reliable','Enterprise-grade security and dependable uptime you can count on.'],
|
||
] as $feature)
|
||
<article class="feature-item">
|
||
<div class="feature-icon">{{ $feature[0] }}</div>
|
||
<div><h3>{{ $feature[1] }}</h3><p>{{ $feature[2] }}</p></div>
|
||
</article>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
</section>
|
||
@endif
|
||
|
||
@if($enabled('show_pricing', true) && $pricingPlans->isNotEmpty())
|
||
<section class="section alt" id="pricing"><div class="wrap"><div class="heading"><span>Simple pricing</span><h2>Choose a plan that fits</h2><p>Plans are managed from Products & Pricing in the CMS.</p></div><div class="grid three pricing">
|
||
@foreach($pricingPlans as $plan)
|
||
<article class="card plan {{ $plan->is_featured ? 'featured' : '' }}">@if($plan->is_featured)<div class="popular">Most popular</div>@endif<h3>{{ $plan->name }}</h3><strong>@if($plan->price !== null){{ $plan->currency === 'GBP' ? '£' : $plan->currency.' ' }}{{ rtrim(rtrim(number_format((float)$plan->price,2), '0'), '.') }}<small>/{{ $plan->billing_period ?: 'month' }}</small>@else Custom @endif</strong><p>{{ $plan->description }}</p><ul>@foreach((array)$plan->features as $feature)<li>{{ $feature }}</li>@endforeach</ul><a class="btn {{ $plan->is_featured ? 'primary' : 'secondary' }}" href="{{ $plan->cta_url ?: '#contact' }}">{{ $plan->cta_label ?: 'Learn more' }}</a></article>
|
||
@endforeach
|
||
</div></div></section>
|
||
@endif
|
||
|
||
@if($enabled('show_testimonials', true) && $testimonials->isNotEmpty())
|
||
<section class="section"><div class="wrap"><div class="heading"><span>Customer stories</span><h2>Trusted by ambitious teams</h2></div><div class="grid three">@foreach($testimonials as $testimonial)<blockquote class="card">“{{ $testimonial->content }}”<footer>{{ $testimonial->name }}@if($testimonial->company) · {{ $testimonial->company }}@endif</footer></blockquote>@endforeach</div></div></section>
|
||
@endif
|
||
|
||
@if($enabled('show_team', false) && $teamMembers->isNotEmpty())
|
||
<section class="section alt"><div class="wrap"><div class="heading"><span>Our team</span><h2>People behind the platform</h2></div><div class="grid three">@foreach($teamMembers as $member)<article class="card"><h3>{{ $member->name }}</h3><b>{{ $member->job_title }}</b><p>{{ $member->biography }}</p></article>@endforeach</div></div></section>
|
||
@endif
|
||
|
||
@if($enabled('show_blog', true) && $latestBlogPosts->isNotEmpty())
|
||
<section class="section"><div class="wrap"><div class="heading"><span>Insights</span><h2>Latest from the blog</h2></div><div class="grid three">@foreach($latestBlogPosts as $post)<article class="card"><b>{{ optional($post->published_at)->format('d M Y') }}</b><h3>{{ $post->title }}</h3><p>{{ $post->excerpt }}</p><a class="read-more" href="{{ route('blog.public.show',$post->slug) }}">Read article →</a></article>@endforeach</div></div></section>
|
||
@endif
|
||
|
||
@if($enabled('show_news', true) && $latestNewsArticles->isNotEmpty())
|
||
<section class="section alt"><div class="wrap"><div class="heading"><span>Newsroom</span><h2>Latest news</h2></div><div class="grid three">@foreach($latestNewsArticles as $article)<article class="card"><b>{{ optional($article->published_at)->format('d M Y') }}</b><h3>{{ $article->title }}</h3><p>{{ $article->excerpt }}</p><a class="read-more" href="{{ route('news.public.show',$article->slug) }}">Read update →</a></article>@endforeach</div></div></section>
|
||
@endif
|
||
|
||
@if($enabled('show_faq', true) && $faqs->isNotEmpty())
|
||
<section class="section"><div class="wrap faq"><div><span class="section-label">FAQ</span><h2>Answers before you begin</h2></div><div>@foreach($faqs as $faq)<article><button type="button" @click="openFaq = openFaq === {{ $faq->id }} ? null : {{ $faq->id }}">{{ $faq->question }}<span>+</span></button><p x-cloak x-show="openFaq === {{ $faq->id }}">{{ $faq->answer }}</p></article>@endforeach</div></div></section>
|
||
@endif
|
||
|
||
@if($enabled('show_newsletter', true))
|
||
<section class="section alt"><div class="wrap"><div class="content-card newsletter-panel"><div><span class="section-label">Newsletter</span><h2>Useful updates, no noise</h2><p>Receive product news, publishing guidance, and practical platform updates.</p></div><form method="POST" action="{{ route('newsletter.public.subscribe') }}">@csrf<input type="email" name="email" required placeholder="you@example.com" aria-label="Email address"><button class="btn primary" type="submit">Subscribe</button></form></div></div></section>
|
||
@endif
|