bender/f92e942c-8e0c-48dc-8a0e-42943f1ddaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_7_1780492634052 into main #6

Merged
bender merged 1 commits from version_7_1780492634052 into main 2026-06-03 13:19:00 +00:00
Conversation 0 Commits 1 Files Changed 1 +8 -8
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/pages/HomePage/sections/Home.tsx
View File

@@ -5,8 +5,8 @@ import TextAnimation from "@/components/ui/TextAnimation";
export default function HomeSection() {
return (
<div data-webild-section="HeroTiltedCards">
<section id="home" className="relative w-full overflow-hidden flex flex-col items-center justify-center text-center">
<div data-webild-section="home">
<section id="home" className="relative w-full overflow-hidden flex flex-col items-center justify-center text-center py-20 md:py-32">
<div className="container px-4 md:px-6 z-10">
<ScrollReveal variant="slide-up">
<span className="text-sm uppercase tracking-widest text-muted-foreground mb-4 block">
@@ -36,20 +36,20 @@ export default function HomeSection() {
</ScrollReveal>
<ScrollReveal variant="slide-up" delay={0.4}>
<div className="relative w-full max-w-content-width mx-auto h-[300px] md:h-[400px] flex justify-center items-center">
<div className="absolute w-32 md:w-48 h-48 md:h-72 rounded-theme overflow-hidden shadow-xl transform -rotate-12 -translate-x-28 md:-translate-x-48 z-10 border-4 border-white">
<div className="flex w-full max-w-content-width mx-auto h-[300px] md:h-[400px] gap-2 md:gap-4 mt-12">
<div className="group relative flex-1 hover:flex-[3] transition-all duration-500 ease-in-out overflow-hidden rounded-theme shadow-md cursor-pointer">
<img src="https://images.unsplash.com/photo-1509440159596-0249088772ff?w=800&q=80" alt="Freshly baked pastry" className="w-full h-full object-cover" />
</div>
<div className="absolute w-32 md:w-48 h-48 md:h-72 rounded-theme overflow-hidden shadow-xl transform -rotate-6 -translate-x-14 md:-translate-x-24 z-20 border-4 border-white">
<div className="group relative flex-1 hover:flex-[3] transition-all duration-500 ease-in-out overflow-hidden rounded-theme shadow-md cursor-pointer">
<img src="https://images.unsplash.com/photo-1483695028939-5bb13f8648b0?w=800&q=80" alt="Artisan bread loaf" className="w-full h-full object-cover" />
</div>
<div className="absolute w-40 md:w-56 h-56 md:h-80 rounded-theme overflow-hidden shadow-2xl z-30 border-4 border-white">
<div className="group relative flex-1 hover:flex-[3] transition-all duration-500 ease-in-out overflow-hidden rounded-theme shadow-md cursor-pointer">
<img src="https://images.unsplash.com/photo-1549931319-a545dcf3bc73?w=800&q=80" alt="Sourdough bread" className="w-full h-full object-cover" />
</div>
<div className="absolute w-32 md:w-48 h-48 md:h-72 rounded-theme overflow-hidden shadow-xl transform rotate-6 translate-x-14 md:translate-x-24 z-20 border-4 border-white">
<div className="group relative flex-1 hover:flex-[3] transition-all duration-500 ease-in-out overflow-hidden rounded-theme shadow-md cursor-pointer">
<img src="https://images.unsplash.com/photo-1550617931-e17a7b70dce2?w=800&q=80" alt="Custom cake" className="w-full h-full object-cover" />
</div>
<div className="absolute w-32 md:w-48 h-48 md:h-72 rounded-theme overflow-hidden shadow-xl transform rotate-12 translate-x-28 md:translate-x-48 z-10 border-4 border-white">
<div className="group relative flex-1 hover:flex-[3] transition-all duration-500 ease-in-out overflow-hidden rounded-theme shadow-md cursor-pointer">
<img src="https://images.unsplash.com/photo-1608198093002-ad4e005484ec?w=800&q=80" alt="Chocolate chip cookies" className="w-full h-full object-cover" />
</div>
</div>