Update src/app/page.tsx

This commit is contained in:
2026-03-05 03:19:33 +00:00
parent 151c0d5150
commit 8bdfffa17a

View File

@@ -21,7 +21,7 @@ export default function LandingPage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -45,7 +45,7 @@ export default function LandingPage() {
<HeroBillboard
title="Experience Sound Like Never Before"
description="Premium wireless headphones engineered for perfection. Crystal-clear audio, active noise cancellation, and all-day comfort in one stunning design."
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
tag="Premium Audio"
tagIcon={Sparkles}
tagAnimation="slide-up"
@@ -59,11 +59,14 @@ export default function LandingPage() {
mediaAnimation="blur-reveal"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-headshot-portrait-of-a-sati-1772680653932-8da53a27.png", alt: "Customer 1"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-headshot-portrait-of-a-sati-1772680653932-8da53a27.png", alt: "Customer 1"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-portrait-of-a-music-produce-1772680654064-4922b129.png", alt: "Customer 2"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-portrait-of-a-music-produce-1772680654064-4922b129.png", alt: "Customer 2"
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-lifestyle-portrait-of-a-you-1772680654022-4a55b1c5.png", alt: "Customer 3"},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-lifestyle-portrait-of-a-you-1772680654022-4a55b1c5.png", alt: "Customer 3"
},
]}
avatarText="Trusted by 50,000+ audio enthusiasts"
/>
@@ -74,7 +77,8 @@ export default function LandingPage() {
heading={[
{ type: "text", content: "Crafted for" },
{
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/premium-gold-finish-headphones-with-carb-1772680653777-064b389d.png", alt: "Premium headphones"},
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/premium-gold-finish-headphones-with-carb-1772680653777-064b389d.png", alt: "Premium headphones"
},
{ type: "text", content: "the discerning listener" },
]}
buttons={[{ text: "Discover Our Story", href: "#" }]}
@@ -97,13 +101,16 @@ export default function LandingPage() {
products={[
{
id: "1", brand: "SonicLux", name: "Elite Pro X", price: "$499.99", rating: 5,
reviewCount: "2.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/premium-gold-finish-headphones-with-carb-1772680653777-064b389d.png", imageAlt: "Elite Pro X Gold Headphones"},
reviewCount: "2.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/premium-gold-finish-headphones-with-carb-1772680653777-064b389d.png", imageAlt: "Elite Pro X Gold Headphones"
},
{
id: "2", brand: "SonicLux", name: "Studio Black", price: "$399.99", rating: 5,
reviewCount: "1.9k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/sleek-black-matte-headphones-with-silver-1772680653846-85837f3d.png", imageAlt: "Studio Black Professional Headphones"},
reviewCount: "1.9k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/sleek-black-matte-headphones-with-silver-1772680653846-85837f3d.png", imageAlt: "Studio Black Professional Headphones"
},
{
id: "3", brand: "SonicLux", name: "Pure White Edition", price: "$449.99", rating: 5,
reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/elegant-white-premium-headphones-with-gl-1772680653978-e9b0c215.png", imageAlt: "Pure White Edition Premium Headphones"},
reviewCount: "2.3k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/elegant-white-premium-headphones-with-gl-1772680653978-e9b0c215.png", imageAlt: "Pure White Edition Premium Headphones"
},
]}
/>
</div>
@@ -117,13 +124,17 @@ export default function LandingPage() {
tagAnimation="slide-up"
accordionItems={[
{
id: "1", title: "Active Noise Cancellation", content: "Industry-leading ANC technology that blocks up to 99% of ambient noise, creating your personal audio sanctuary. Customize noise cancellation levels for different environments."},
id: "1", title: "Active Noise Cancellation", content: "Industry-leading ANC technology that blocks up to 99% of ambient noise, creating your personal audio sanctuary. Customize noise cancellation levels for different environments."
},
{
id: "2", title: "40-Hour Battery Life", content: "Extended battery performance keeps your music playing for over 40 hours on a single charge. Fast charging gives you 2 hours of playback in just 5 minutes."},
id: "2", title: "40-Hour Battery Life", content: "Extended battery performance keeps your music playing for over 40 hours on a single charge. Fast charging gives you 2 hours of playback in just 5 minutes."
},
{
id: "3", title: "Comfort-First Design", content: "Premium memory foam ear cups and lightweight titanium headband ensure all-day comfort. Adjustable fit adapts to any head size perfectly."},
id: "3", title: "Comfort-First Design", content: "Premium memory foam ear cups and lightweight titanium headband ensure all-day comfort. Adjustable fit adapts to any head size perfectly."
},
{
id: "4", title: "360° Spatial Audio", content: "Experience immersive 360-degree spatial sound with dynamic head tracking. Cinema-like audio for music, movies, and gaming."},
id: "4", title: "360° Spatial Audio", content: "Experience immersive 360-degree spatial sound with dynamic head tracking. Cinema-like audio for music, movies, and gaming."
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/close-up-of-premium-headphone-ear-cups-s-1772680653963-8fe54dc1.png"
imageAlt="Premium comfort padding"
@@ -147,22 +158,28 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Marcus Johnson", role: "Recording Engineer", company: "Abbey Studios", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-headshot-portrait-of-a-sati-1772680653932-8da53a27.png"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-headshot-portrait-of-a-sati-1772680653932-8da53a27.png"
},
{
id: "2", name: "Sofia Chen", role: "Music Producer", company: "Sonic Wave Records", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-portrait-of-a-music-produce-1772680654064-4922b129.png"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-portrait-of-a-music-produce-1772680654064-4922b129.png"
},
{
id: "3", name: "James Mitchell", role: "Audio Technician", company: "Pro Audio Solutions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-lifestyle-portrait-of-a-you-1772680654022-4a55b1c5.png"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-lifestyle-portrait-of-a-you-1772680654022-4a55b1c5.png"
},
{
id: "4", name: "Elena Rodriguez", role: "Podcast Host", company: "Audio Stories Network", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/portrait-of-a-music-enthusiast-or-audio--1772680653809-7081e0b6.png"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/portrait-of-a-music-enthusiast-or-audio--1772680653809-7081e0b6.png"
},
{
id: "5", name: "David Park", role: "Content Creator", company: "Digital Media Pro", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-headshot-of-a-content-creat-1772680654137-86c3b687.png"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/professional-headshot-of-a-content-creat-1772680654137-86c3b687.png"
},
{
id: "6", name: "Lisa Thompson", role: "Audiophile Collector", company: "Premium Audio Club", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/portrait-of-an-audiophile-with-premium-h-1772680653999-19459ab1.png"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/portrait-of-an-audiophile-with-premium-h-1772680653999-19459ab1.png"
},
]}
kpiItems={[
{ value: "98%", label: "Customer Satisfaction" },
@@ -208,8 +225,9 @@ export default function LandingPage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/sony-brand-logo-in-modern-clean-style-on-1772680652153-8bec8c7b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/spotify-brand-logo-in-modern-clean-style-1772680652233-91aee762.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/apple-brand-logo-in-modern-clean-style-o-1772680652925-2fd8905e.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/beats-by-dre-brand-logo-in-modern-clean--1772680653908-01045fe0.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/bose-brand-logo-in-modern-clean-style-on-1772680653316-a4988ebe.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/sennheiser-brand-logo-in-modern-clean-st-1772680653414-32bbdb82.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/dji-brand-logo-in-modern-clean-style-on--1772680652360-c2477fc9.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/adobe-brand-logo-in-modern-clean-style-o-1772680653292-5c61ca09.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/behringer-brand-logo-in-modern-clean-sty-1772680652111-2076a720.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVbB5UDtlf9XPjLk38MDcjSQxI/pioneer-brand-logo-in-modern-clean-style-1772680653391-8f87edac.png"]}
names={[
"Sony", "Spotify", "Apple", "Beats by Dre", "Bose", "Sennheiser", "DJI", "Adobe", "Behringer", "Pioneer"
]}
speed={40}
showCard={true}
/>