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
19 lines
483 B
TypeScript
19 lines
483 B
TypeScript
'use client';
|
|
|
|
import { HeroBackground } from '@/components/Hero/HeroBackground';
|
|
import { HeroContent } from '@/components/Hero/HeroContent';
|
|
|
|
const Hero = () => {
|
|
return (
|
|
<section id="start" className="relative w-full h-screen overflow-hidden">
|
|
<HeroBackground
|
|
imageSrc="/images/home_hero.jpg"
|
|
imageAlt="Rhein river aerial view"
|
|
/>
|
|
<HeroContent />
|
|
</section>
|
|
);
|
|
};
|
|
|
|
export default Hero;
|