diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx index c005f11..54a06ef 100644 --- a/src/components/sections/HeroSection.tsx +++ b/src/components/sections/HeroSection.tsx @@ -10,6 +10,7 @@ interface HeroSectionProps { description?: string; primaryButtonText?: string; secondaryButtonText?: string; + tertiaryButtonText?: string; statItems?: StatItem[]; } @@ -22,6 +23,7 @@ export default function HeroSection(props: HeroSectionProps = {}) { description = texts.description, primaryButtonText = texts.primaryButtonText, secondaryButtonText = texts.secondaryButtonText, + tertiaryButtonText = texts.tertiaryButtonText, statItems = texts.statItems, } = props; const location = useLocation(); @@ -58,6 +60,17 @@ export default function HeroSection(props: HeroSectionProps = {}) { } } }; + + const handleGetInTouch = () => { + const contactSection = document.querySelector('.contact-section'); + if (contactSection) { + contactSection.scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + } + }; + return (
@@ -79,6 +92,12 @@ export default function HeroSection(props: HeroSectionProps = {}) { {secondaryButtonText} +
{statItems.map((item, index) => ( diff --git a/src/config/texts.ts b/src/config/texts.ts index 1874694..d460877 100644 --- a/src/config/texts.ts +++ b/src/config/texts.ts @@ -28,6 +28,7 @@ export interface TextConfig { description: string; primaryButtonText: string; secondaryButtonText: string; + tertiaryButtonText: string; statItems: Array<{ label: string; value: string; @@ -215,11 +216,12 @@ export const defaultTexts: TextConfig = { }, hero: { - title: 'Building Digital Experiences', + title: 'Everyone deserves a smooth online experience', description: - 'Freelance software developer specializing in implementing the European Accessibility Act, modern web technologies and user experience.', + 'I help you build accessible websites that make every visitor feel included, in line with the Accessibility Act.', primaryButtonText: 'View Projects', - secondaryButtonText: 'Get in Touch', + secondaryButtonText: 'Download CV', + tertiaryButtonText: 'Get in Touch', statItems: [ { label: 'Years of Experience', value: '10+' }, { label: 'Responsive Design', value: '100%' }, diff --git a/src/scss/sections/hero-section.scss b/src/scss/sections/hero-section.scss index 49b361d..6a6bbd3 100644 --- a/src/scss/sections/hero-section.scss +++ b/src/scss/sections/hero-section.scss @@ -54,7 +54,8 @@ &__button { @extend %hero-button-base; - &--primary { + &--primary, + &--tertiary { background: var(--gradient-primary); color: var(--color-background);