Thatsaphorn Atchariyaphap
d9ff535ac0
New Project Structure: - Created reusable UI components (ServiceCard, AnimatedSection, SectionTitle) - Split large components into smaller, focused ones - Extracted shared hooks for common functionality - Organized constants into separate files Key Improvements: - Hooks: useScrollNavigation, useScrollToSection, useCookieSettings - UI Components: Modular components for consistent styling and behavior - Constants: Centralized data management (ServicesData, NavigationData) - Component Split: Navbar, Hero, and Footer broken into logical sub-components
23 lines
554 B
TypeScript
23 lines
554 B
TypeScript
'use client';
|
|
|
|
import Image from 'next/image';
|
|
|
|
interface HeroBackgroundProps {
|
|
imageSrc: string;
|
|
imageAlt: string;
|
|
}
|
|
|
|
export const HeroBackground = ({ imageSrc, imageAlt }: HeroBackgroundProps) => {
|
|
return (
|
|
<div className="absolute inset-0 z-0">
|
|
<Image
|
|
src={imageSrc}
|
|
alt={imageAlt}
|
|
fill
|
|
className="object-cover scale-105 blur-sm"
|
|
priority
|
|
/>
|
|
<div className="absolute inset-0 bg-black/60" />
|
|
</div>
|
|
);
|
|
}; |