sasha-astiadi
c7371ec21b
- Reorganized homepage sections by adding HomeHostingDark and HomeComparisonTable components - Changed background color of slider section from #0b0b0b to #111111 for better contrast - Updated card styling in CloudArchitecture to use semi-transparent gray background (bg-gray-50/25) - Modified paragraph text styling to use leading-tight instead of leading-relaxed for better readability - Reordered HomeBenefits section placement in the page flow
55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
import { useRef } from 'react'
|
|
import { AnimatedSection } from '../../components/AnimatedSection'
|
|
import { HomeAurora } from './HomeAurora'
|
|
import { StackSectionLight } from './StackSection'
|
|
import { WorldMap } from './HomeGlobe'
|
|
import { HomeBenefits } from './HomeBenefits'
|
|
import { CallToAction } from './CallToAction'
|
|
import { HomeSlider } from './HomeSlider'
|
|
import { HomeHostingDark } from './HomeHostingDark'
|
|
import { HomeComparisonTable } from './HomeComparisonTable'
|
|
|
|
|
|
export default function HomePage() {
|
|
const sliderRef = useRef<HTMLDivElement>(null)
|
|
|
|
const handleScrollToSlider = () => {
|
|
sliderRef.current?.scrollIntoView({ behavior: 'smooth' })
|
|
}
|
|
return (
|
|
<div>
|
|
<AnimatedSection>
|
|
<HomeAurora onGetStartedClick={handleScrollToSlider} />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection id="next-section">
|
|
<WorldMap />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<StackSectionLight />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeHostingDark />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeBenefits />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection ref={sliderRef}>
|
|
<HomeSlider />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<HomeComparisonTable />
|
|
</AnimatedSection>
|
|
|
|
<AnimatedSection>
|
|
<CallToAction />
|
|
</AnimatedSection>
|
|
</div>
|
|
)
|
|
}
|