nebulae/roxane
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat&fix(Wip home page, services and illustrations & add static pages)

Browse Source
This commit is contained in:
Nebulae
2026-04-10 11:00:56 +02:00
parent 3381836c1e
commit 203a40c713
128 changed files with 1193 additions and 5757 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/components/features/home/HeroSection.tsx
View File

@@ -3,13 +3,9 @@ import { ChevronDown } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { dashboard, membership } from '@/routes';
import { type SharedData } from '@/types';
import illustrationImage from '@/img/utils/lrl-illustration.png';
import PawsDecoration from '@/components/common/PawsDecoration';
import { useParallax } from '@/hooks/use-parallax';
import illustrationImage from '@/img/utils/lrl-illustration.svg';
export function HeroSection() {
const { auth } = usePage<SharedData>().props;
const pawsRef = useParallax<HTMLDivElement>(0.12);
const scrollToFirstSection = () => {
document.getElementById('first-section')?.scrollIntoView({ behavior: 'smooth' });
@@ -18,7 +14,7 @@ export function HeroSection() {
return (
<section
id="hero"
className="relative flex flex-col w-full max-w-[335px] lg:max-w-7xl mx-auto min-h-[calc(100vh-80px)] px-4"
className="relative flex flex-col w-full max-w-[500px] lg:max-w-7xl mx-auto min-h-[calc(100vh-80px)] px-4"
>
{/* Contenu principal */}
<div className="flex flex-1 items-center justify-center gap-4 w-full">
@@ -42,14 +38,10 @@ export function HeroSection() {
)}
</div>
<div className="hidden lg:flex w-full items-center justify-center">
<img src={illustrationImage} alt="Illustration Le Retzien Libre" className="max-w-md w-full" />
<img src={illustrationImage} alt="Illustration Le Retzien Libre" className="max-w-lg w-full" />
</div>
</div>
<div ref={pawsRef} className="absolute bottom-12 right-0 pointer-events-none hidden lg:block w-48 opacity-40">
<PawsDecoration className="w-full h-auto" />
</div>
{/* Flèche vers la première section */}
<div className="flex justify-center pb-8">
<button