diff --git a/lang/fr/contact.php b/lang/fr/contact.php
new file mode 100644
index 0000000000000000000000000000000000000000..5b48a6ba5456861540b835558cec7335a5939242
--- /dev/null
+++ b/lang/fr/contact.php
@@ -0,0 +1,5 @@
+<?php
+
+return [
+ 'desc' => 'Vous avez un projet en tête ou souhaitez discuter de vos besoins en design graphique ? N\'hésitez pas à me contacter ! Que ce soit pour une collaboration, une demande de devis ou simplement pour échanger des idées créatives, je suis là pour vous aider.',
+];
diff --git a/resources/views/components/public/footer.blade.php b/resources/views/components/public/footer.blade.php
index b49d55e59e1fa0ba91335832a7247dca42e76f63..de488c30d597cdcf66ee759c5d8e1a0adce70b94 100644
--- a/resources/views/components/public/footer.blade.php
+++ b/resources/views/components/public/footer.blade.php
@@ -13,7 +13,7 @@
{{ __('footer.contact.desc') }}
</div>
</div>
- <x-public.button size="medium" tag="a" href="#">
+ <x-public.button size="medium" tag="a" href="{{ route('contact') }}">
<div class="text-xl font-bold">{{ __('navbar.contact_me') }}</div>
</x-public.button>
</div>
diff --git a/resources/views/components/public/navbar.blade.php b/resources/views/components/public/navbar.blade.php
index 0c0612b1bfd4171d88c7cc3d51e6daad738b95b4..f4d69177c983f15c502f55f274dc573c730ff346 100644
--- a/resources/views/components/public/navbar.blade.php
+++ b/resources/views/components/public/navbar.blade.php
@@ -17,7 +17,7 @@
<a href="{{ route('prestations') }}" class="text-xl font-bold">{{ __('navbar.services') }}</a>
<a href="{{ route('portfolio') }}" class="text-xl font-bold">{{ __('navbar.portfolio') }}</a>
<a href="{{ route('evenements') }}" class="text-xl font-bold">{{ __('navbar.events') }}</a>
- <a href="#" class="text-xl font-bold">{{ __('navbar.contact_me') }}</a>
+ <a href="{{ route('contact') }}" class="text-xl font-bold">{{ __('navbar.contact_me') }}</a>
<x-public.button tag="a" href="https://dalnarabyrann.sumupstore.com/">
{{ __('navbar.shop') }}
</x-public.button>
@@ -41,7 +41,7 @@ class="fixed z-50 inset-0 bg-white bg-opacity-90 flex-col items-center justify-c
<a href="{{ route('prestations') }}" class="text-2xl font-bold">{{ __('navbar.services') }}</a>
<a href="{{ route('portfolio') }}" class="text-2xl font-bold">{{ __('navbar.portfolio') }}</a>
<a href="{{ route('evenements') }}" class="text-2xl font-bold">{{ __('navbar.events') }}</a>
- <a href="#" class="text-2xl font-bold">{{ __('navbar.contact_me') }}</a>
+ <a href="{{ route('contact') }}" class="text-2xl font-bold">{{ __('navbar.contact_me') }}</a>
<x-public.button tag="a" href="https://dalnarabyrann.sumupstore.com/" class="text-xl">
{{ __('navbar.shop') }}
</x-public.button>
diff --git a/resources/views/public/contact.blade.php b/resources/views/public/contact.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..5861a611595b563fa6377d479f2372fb820b5ca3
--- /dev/null
+++ b/resources/views/public/contact.blade.php
@@ -0,0 +1,30 @@
+@extends('layouts.public', ['title' => __('navbar.contact_me')])
+
+@section('content')
+ <x-public.navbar class="container mx-auto px-4"/>
+ <div class="container mx-auto px-4 py-24 flex flex-col gap-16">
+ <x-public.generic-page-header title="{{ __('navbar.contact_me') }}" :description="__('contact.desc')"/>
+
+ <div>
+ <div class="text-center text-2xl">
+ Contactez moi sur l'un de mes réseaux
+ </div>
+
+ <div class="flex align-center justify-center gap-4 mt-4">
+ @foreach(\App\Models\SocialMediaLink::all() as $socialMediaLink)
+ <x-public.button tag="a" :href="$socialMediaLink->url" class="flex items-center gap-2"
+ size="medium">
+ <div>
+ {{ $socialMediaLink->name }}
+ </div>
+ <div>
+ <x-font-awesome :icon="$socialMediaLink->icon_name" type="brands" class="w-6 h-6"/>
+ </div>
+ </x-public.button>
+ @endforeach
+ </div>
+ </div>
+ </div>
+
+ <x-public.footer/>
+@endsection
\ No newline at end of file
diff --git a/resources/views/public/index.blade.php b/resources/views/public/index.blade.php
index 72ec9b60bf89d33f28586896b118e7ec2be50ec5..af5927cc6d775ff9541bc40727d31426d315affd 100644
--- a/resources/views/public/index.blade.php
+++ b/resources/views/public/index.blade.php
@@ -25,7 +25,8 @@ class="absolute hidden 2xl:block left-[-96px] top-[-26px] origin-top-left rotate
{{ __('home.hero.second_row') }}
</span>
</h1>
- <x-public.button size="large" tag="a" href="#" class="flex items-center gap-8">
+ <x-public.button size="large" tag="a" href="{{ route('contact') }}"
+ class="flex items-center gap-8">
<img class="w-10 h-10" src="{{Vite::asset("resources/images/public/waving-hand.avif")}}"
alt="{{ __('home.img_alt.waving_hand') }}" loading="eager"/>
<div class="flex flex-col justify-center items-start">
diff --git a/resources/views/public/prestation.blade.php b/resources/views/public/prestation.blade.php
index 7fd1dc6cba32231a337c539297609523825db2db..71e36628268a2854603d03d6f2e6b7121f68d697 100644
--- a/resources/views/public/prestation.blade.php
+++ b/resources/views/public/prestation.blade.php
@@ -45,7 +45,7 @@ class="w-full relative aspect-square"/>
{{ __('generic.custom_needs_desc') }}
</div>
</div>
- <x-public.button size="medium" tag="a" href="#">
+ <x-public.button size="medium" tag="a" href="{{ route('contact') }}">
<div class="text-xl font-bold">{{ __('navbar.contact_me') }}</div>
</x-public.button>
</div>
diff --git a/resources/views/public/prestations.blade.php b/resources/views/public/prestations.blade.php
index 5d052fa588e10abe72c7c0f7580a09c50b906776..bd230a303f98a89b2c66f8d2b46ea1abf4d8c417 100644
--- a/resources/views/public/prestations.blade.php
+++ b/resources/views/public/prestations.blade.php
@@ -17,7 +17,7 @@
{{ __('generic.custom_needs_desc') }}
</div>
</div>
- <x-public.button size="medium" tag="a" href="#">
+ <x-public.button size="medium" tag="a" href="{{ route('contact') }}">
<div class="text-xl font-bold">{{ __('navbar.contact_me') }}</div>
</x-public.button>
</div>
diff --git a/routes/web.php b/routes/web.php
index 3f72ca537dad8768b14793c321871478b4695110..805fcfe7583eb24bd485229e0da9aea18b81b56a 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -33,6 +33,7 @@
Route::get('/prestations/{slug}', [PublicPrestationController::class, 'index'])->name('prestations.show');
Route::get('/mentions-legales', LegalMentionsController::class)->name('legal-mentions');
Route::get('/conditions-generales-de-vente', TermsController::class)->name('terms');
+ Route::view('/contact', 'public.contact')->name('contact');
Route::view('/maintenance', 'public.maintenance')->name('maintenance');
});