feat: enhance homepage with smooth scroll navigation

- Added scroll-to-slider functionality when clicking "Get Started" button
- Modified AnimatedSection to support ref forwarding for scroll targeting
- Updated HomeAurora component to accept click handler prop
- Refined homepage hero text and description for clearer value proposition
- Changed button from link to click handler for better user interaction
This commit is contained in:
2025-11-01 21:08:42 +01:00
parent 51ef8dffb5
commit 3564b5cb0f
3 changed files with 22 additions and 10 deletions

View File

@@ -1,4 +1,5 @@
import { motion } from 'framer-motion'
import { forwardRef } from 'react'
type AnimatedSectionProps = {
children: React.ReactNode
@@ -6,9 +7,11 @@ type AnimatedSectionProps = {
className?: string
}
export function AnimatedSection({ children, id, className }: AnimatedSectionProps) {
export const AnimatedSection = forwardRef<HTMLElement, AnimatedSectionProps>(
({ children, id, className }, ref) => {
return (
<motion.section
<motion.section
ref={ref}
id={id}
className={className}
initial={{ opacity: 0, y: 40 }}
@@ -19,4 +22,5 @@ export function AnimatedSection({ children, id, className }: AnimatedSectionProp
{children}
</motion.section>
)
}
},
)