bender/7d61b4ed-14ea-4d4a-911d-e30bbe541192
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-13 14:40:56 +00:00
parent 2caea16546
commit 44120b04b1
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/page.tsx
View File

@@ -83,9 +83,9 @@ export default function HomePage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png", imageAlt: "Assembled orange iPhone showcasing premium design"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png?_wi=1", imageAlt: "Assembled orange iPhone showcasing premium design"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/iphone-exploded-view-with-all-components-1773412703953-7c337dea.png", imageAlt: "Exploded view of iPhone components in perfect alignment"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/iphone-exploded-view-with-all-components-1773412703953-7c337dea.png?_wi=1", imageAlt: "Exploded view of iPhone components in perfect alignment"},
]}
mediaAnimation="blur-reveal"
ariaLabel="Hero section featuring scroll-linked iPhone exploded view animation"
@@ -166,13 +166,13 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "metric-frames", value: "120+", title: "Animation Frames", description: "Preloaded image sequences for smooth exploded view transitions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png", imageAlt: "Animation frames visualization"},
id: "metric-frames", value: "120+", title: "Animation Frames", description: "Preloaded image sequences for smooth exploded view transitions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png?_wi=2", imageAlt: "Animation frames visualization"},
{
id: "metric-fps", value: "60fps", title: "Frame Rate", description: "Consistent performance across all mobile and desktop devices", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png", imageAlt: "Frame rate performance chart"},
id: "metric-fps", value: "60fps", title: "Frame Rate", description: "Consistent performance across all mobile and desktop devices", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png?_wi=3", imageAlt: "Frame rate performance chart"},
{
id: "metric-components", value: "47", title: "iPhone Components", description: "Individually modeled and animated in exploded view breakdown", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/iphone-exploded-view-with-all-components-1773412703953-7c337dea.png", imageAlt: "iPhone components breakdown"},
id: "metric-components", value: "47", title: "iPhone Components", description: "Individually modeled and animated in exploded view breakdown", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/iphone-exploded-view-with-all-components-1773412703953-7c337dea.png?_wi=2", imageAlt: "iPhone components breakdown"},
{
id: "metric-responsive", value: "100%", title: "Responsive", description: "Adaptive canvas scaling for optimal viewing on any screen size", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png", imageAlt: "Responsive design visualization"},
id: "metric-responsive", value: "100%", title: "Responsive", description: "Adaptive canvas scaling for optimal viewing on any screen size", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AtWj1RK7bxm4zOc6SZPcDC0Gxo/premium-orange-iphone-in-perfect-assembl-1773412704142-bdcf4338.png?_wi=4", imageAlt: "Responsive design visualization"},
]}
/>
</div>