Skip to content

Commit

Permalink
Revert "the not so secret black friday commit which needs to be rever…
Browse files Browse the repository at this point in the history 
…sed"

This reverts commit 104b1d3.
  • Loading branch information
@rubenvanassche
rubenvanassche committed Nov 25, 2024
1 parent b886b2b commit f47cef4
Show file tree
Hide file tree
Showing 3 changed files with 100 additions and 79 deletions.
24 changes: 18 additions & 6 deletions resources/views/front/pages/home/index.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,34 @@
@php
$image = image("/backgrounds/bf-24-hero.jpg");
@endphp

@push('startBody')
<div class="wallpaper">
<img srcset="{{ $image->getSrcset() }}" src="{{ $image->getUrl() }}" width="2400" sizes="100vw" alt="" class="h-svh object-cover">
</div>
@endpush

<x-page
title="Websites & webapplications in Laravel"
background="/backgrounds/home-2020.jpg">
title="Websites & webapplications in Laravel"
background=""
bodyClass="bg-bf-dark-gray">
<x-slot name="description">
Spatie is a digital allrounder: we design solid websites & web applications using Laravel & Vue. No frills, just
proven expertise. From Antwerp, Belgium
</x-slot>

@include('front.pages.home.partials.banner')
{{-- @include('front.pages.home.partials.banner') --}}
@include('front.pages.home.partials.bf-banner')

<div class="mb-8">
<a href="{{ route('products.index') }}">
{{-- @include('front.pages.products.partials.ctaLaraconEU') --}}
{{-- @include('front.pages.products.partials.ctaLaraconEU') --}}
</a>
</div>

@include('front.pages.home.partials.news')
{{-- @include('front.pages.home.partials.news') --}}

<div class="section section-group section-fade">
<div class="section section-group section-fade bg-white">
@include('front.pages.home.partials.portfolio')
@include('front.pages.home.partials.newsletter')
@include('front.pages.home.partials.clients')
Expand Down
2 changes: 1 addition & 1 deletion resources/views/front/pages/home/partials/open-source.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<section id="open-source" class="section">
<section id="open-source" class="section bg-white">
<div class="wrap wrap-8">
<div class="sm:col-span-3 sm:col-start-2">
<div class="markup links-underline links-blue">
Expand Down
153 changes: 81 additions & 72 deletions resources/views/front/pages/products/index.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,72 +1,81 @@
@php
$image = image("/backgrounds/bf-24-hero-alt.jpg");
@endphp

@push('startBody')
<div class="wallpaper">
<img srcset="{{ $image->getSrcset() }}" src="{{ $image->getUrl() }}" width="2400" sizes="100vw" alt="" class="h-screen object-cover">
</div>
@endpush

<x-page
ogImage="https://spatie.be/images/og-store.png"
title="Applications and digital courses built for modern developers"
background="/backgrounds/product.jpg"
description="Welcome in our store, by artisans for artisans. Get access to our paid products, courses and ebooks"
bodyClass="bg-bf-dark-gray"
>
<section id="banner" class="banner" role="banner">
<div class="wrap">
<h1 class="banner-slogan">
Welcome in <br>our store
</h1>
{{-- <section id="banner" class="banner" role="banner">
<div class="wrap">
<h1 class="banner-slogan">
Welcome in <br>our store
</h1>
<!--
<p class="banner-intro">
Applications and digital courses built for modern developers
</p>
-->
</div>
</section>
</section> --}}

{{-- @include('front.pages.products.partials.ctaLaraconEU') --}}
@include('front.pages.products.partials.bf-banner')

<div class="section section-group">
{{-- @include('front.pages.products.partials.ctaLaraconEU') --}}

<div class="section section-group">

<section class="section overflow-visible">
<section class="section overflow-visible text-white">
@if (count($bundles))
<div class="wrap">
<h2 class="title line-after mb-12">All of our products</h2>
</div>
<div class="wrap">
<h2 class="title line-after mb-12">All of our products</h2>
</div>
@endif
<div class="wrap">
<div class="grid gap-x-24 gap-y-24 | sm:grid-cols-2 items-stretch">
@foreach ($products as $product)
<div class="my-6">
@if($product->external && $product->action_url)
<a target="_blank" rel="nofollow noreferrer noopener" href="{{ $product->action_url }}" class="group">
@else
<a href="{{ route('products.show', $product) }}" class="group">
@endif
<div class="-mt-8 pb-6 transition-transform transform ease-in-out group-hover:-translate-y-2 duration-200">
<div class="shadow-md group-hover:shadow-lg">{{ $product->getFirstMedia('product-image') }}</div>
</div>

<h2 class="title-sm link-black link-underline-hover">{{ $product->title }}</h2>
@if(! $product->visible && current_user()?->hasAccessToUnReleasedProducts())<p class="mt-2 text-orange text-sm">This product is currently set to non-visible, it is visible to users that have access to unreleased products.</p>@endif
</a>

<p class="my-4 flex items-center space-x-4">
@if($product->external && $product->action_url)
<a target="_blank" rel="nofollow noreferrer noopener" href="{{ $product->action_url }}">
<x-button>{{ $product->action_label }}</x-button>
</a>
@else
<a href="{{ route('products.show', $product) }}">
<x-button>{{ $product->action_label }}</x-button>
</a>
@endif
</p>

@if ($purchasable = $product->purchasableWithDiscount())
<p class="mt-4">
Now at <b>-{{ $purchasable->displayableDiscountPercentage() }}%</b>
</p>
@endif



<p class="mt-4">{{ $product->formattedDescription }}</p>
<a target="_blank" rel="nofollow noreferrer noopener" href="{{ $product->action_url }}" class="group">
@else
<a href="{{ route('products.show', $product) }}" class="group">
@endif
<div class="-mt-8 pb-6 transition-transform transform ease-in-out group-hover:-translate-y-2 duration-200">
<div class="shadow-md group-hover:shadow-lg">{{ $product->getFirstMedia('product-image') }}</div>
</div>

<h2 class="title-sm link-white link-underline-hover">{{ $product->title }}</h2>
@if(! $product->visible && current_user()?->hasAccessToUnReleasedProducts())<p class="mt-2 text-orange text-sm">This product is currently set to non-visible, it is visible to users that have access to unreleased products.</p>@endif
</a>

<p class="my-4 flex items-center space-x-4">
@if($product->external && $product->action_url)
<a target="_blank" rel="nofollow noreferrer noopener" href="{{ $product->action_url }}">
<x-button>{{ $product->action_label }}</x-button>
</a>
@else
<a href="{{ route('products.show', $product) }}">
<x-button>{{ $product->action_label }}</x-button>
</a>
@endif
</p>

@if ($purchasable = $product->purchasableWithDiscount())
<p class="mt-4">
Now at <b>-{{ $purchasable->displayableDiscountPercentage() }}%</b>
</p>
@endif

<div class="mt-4 text-gray-light">{{ $product->formattedDescription }}</div>

</div>
@endforeach
Expand All @@ -75,35 +84,35 @@
</section>

@if (count($bundles))
<section class="section overflow-visible">
<div class="wrap">
<h2 class="title line-after mb-12">Check our bundle promotions!</h2>
</div>
<div class="wrap">
<div class="grid gap-x-24 gap-y-24 | sm:grid-cols-2 items-stretch">
@foreach ($bundles as $bundle)
<div class="my-6">
<a href="{{ route('bundles.show', $bundle) }}" class="group">
<div class="-mt-8 pb-6 transition-transform transform ease-in-out group-hover:-translate-y-2 duration-200">
<div class="shadow-md group-hover:shadow-lg">{{ $bundle->getFirstMedia('image') }}</div>
</div>
<h2 class="title-sm link-black link-underline-hover">{{ $bundle->title }}</h2>
<section class="section overflow-visible text-white">
<div class="wrap">
<h2 class="title line-after mb-12">Check our bundle promotions!</h2>
</div>
<div class="wrap">
<div class="grid gap-x-24 gap-y-24 | sm:grid-cols-2 items-stretch">
@foreach ($bundles as $bundle)
<div class="my-6">
<a href="{{ route('bundles.show', $bundle) }}" class="group">
<div class="-mt-8 pb-6 transition-transform transform ease-in-out group-hover:-translate-y-2 duration-200">
<div class="shadow-md group-hover:shadow-lg">{{ $bundle->getFirstMedia('image') }}</div>
</div>
<h2 class="title-sm link-white link-underline-hover">{{ $bundle->title }}</h2>
</a>

<p class="my-4 flex items-center space-x-4">
<a href="{{ route('bundles.show', $bundle) }}">
<x-button>Buy Bundle</x-button>
</a>
</p>

<p class="my-4 flex items-center space-x-4">
<a href="{{ route('bundles.show', $bundle) }}">
<x-button>Buy Bundle</x-button>
</a>
</p>

<p class="mt-4">{{ $bundle->formattedDescription }}</p>
<div class="mt-4 text-gray-light">{{ $bundle->formattedDescription }}</div>

</div>
@endforeach
</div>
</div>
@endforeach
</div>
</section>
@endif
</div>
</div>
</section>
@endif
</div>

</x-page>

0 comments on commit f47cef4

Please sign in to comment.