Update src/app/page.tsx
This commit is contained in:
@@ -16,15 +16,15 @@ import { Zap, Sparkles, ShoppingBag, Battery, Globe, Volume2, Award, Headphones,
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
@@ -45,7 +45,7 @@ export default function LandingPage() {
|
||||
<HeroSplitKpi
|
||||
title="Experience Sound Like Never Before"
|
||||
description="Premium wireless audio with active noise cancellation, spatial audio, and seamless Apple ecosystem integration. Discover the perfect fit for every moment."
|
||||
background={{ variant: "plain" }}
|
||||
background={{ variant: "noise" }}
|
||||
kpis={[
|
||||
{ value: "6-30 Hours", label: "Battery Life" },
|
||||
{ value: "Adaptive", label: "Noise Control" },
|
||||
@@ -138,9 +138,11 @@ export default function LandingPage() {
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
names={[
|
||||
"Apple Music", "Spotify", "Apple", "Beats", "Shure", "Sennheiser", "Bose"]}
|
||||
"Apple Music", "Spotify", "Apple", "Beats", "Shure", "Sennheiser", "Bose"
|
||||
]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-photo/top-view-apples-around-frame-white-background-with-copy-space_141793-11956.jpg", "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149155264.jpg", "http://img.b2bpic.net/free-vector/set-retro-music-stickers_23-2147592207.jpg", "http://img.b2bpic.net/free-vector/music-festival-logo-collection-with-flat-design_23-2147825729.jpg", "http://img.b2bpic.net/free-vector/gradient-colored-dj-logo-set_23-2148874408.jpg", "http://img.b2bpic.net/free-vector/flat-design-dj-logo-collection_23-2148872847.jpg", "http://img.b2bpic.net/free-vector/neumorph-business-card_52683-59098.jpg"]}
|
||||
"http://img.b2bpic.net/free-photo/top-view-apples-around-frame-white-background-with-copy-space_141793-11956.jpg", "http://img.b2bpic.net/free-vector/flat-design-minimal-music-festival-youtube-channel-art_23-2149155264.jpg", "http://img.b2bpic.net/free-vector/set-retro-music-stickers_23-2147592207.jpg", "http://img.b2bpic.net/free-vector/music-festival-logo-collection-with-flat-design_23-2147825729.jpg", "http://img.b2bpic.net/free-vector/gradient-colored-dj-logo-set_23-2148874408.jpg", "http://img.b2bpic.net/free-vector/flat-design-dj-logo-collection_23-2148872847.jpg", "http://img.b2bpic.net/free-vector/neumorph-business-card_52683-59098.jpg"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={40}
|
||||
@@ -155,17 +157,23 @@ export default function LandingPage() {
|
||||
author="Sarah Chen, Audio Engineer"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-of-a-satisfied-use-1772884351817-6dec7f08.png", alt: "Sarah Chen"},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-headshot-of-a-satisfied-use-1772884351817-6dec7f08.png", alt: "Sarah Chen"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/happy-lifestyle-photo-of-person-wearing--1772884353901-6ee88695.png", alt: "Customer 2"},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/happy-lifestyle-photo-of-person-wearing--1772884353901-6ee88695.png", alt: "Customer 2"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-businessperson-using-airpod-1772884353609-0ef52970.png", alt: "Customer 3"},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/professional-businessperson-using-airpod-1772884353609-0ef52970.png", alt: "Customer 3"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/creative-professional-or-content-creator-1772884352345-f1e1d55c.png", alt: "Customer 4"},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/creative-professional-or-content-creator-1772884352345-f1e1d55c.png", alt: "Customer 4"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/active-lifestyle-user-athlete-or-fitness-1772884351718-1b549457.png", alt: "Customer 5"},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/active-lifestyle-user-athlete-or-fitness-1772884351718-1b549457.png", alt: "Customer 5"
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/diverse-user-in-relaxed-comfortable-sett-1772884352272-d4dc5302.png", alt: "Customer 6"},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/diverse-user-in-relaxed-comfortable-sett-1772884352272-d4dc5302.png", alt: "Customer 6"
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -182,17 +190,23 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "How do I set up my AirPods?", content: "Simply bring your AirPods near your iPhone, iPad, Mac, or Apple Watch. A setup screen will appear automatically. Tap 'Connect' and follow the on-screen instructions. Your AirPods will automatically connect to all your Apple devices through your iCloud account."},
|
||||
id: "1", title: "How do I set up my AirPods?", content: "Simply bring your AirPods near your iPhone, iPad, Mac, or Apple Watch. A setup screen will appear automatically. Tap 'Connect' and follow the on-screen instructions. Your AirPods will automatically connect to all your Apple devices through your iCloud account."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What's the battery life?", content: "AirPods Pro offer up to 6 hours of listening time or 30 hours with the charging case. AirPods (2nd generation) provide up to 5 hours of listening time or 24 hours with the case. Battery life varies based on listening volume and active features used."},
|
||||
id: "2", title: "What's the battery life?", content: "AirPods Pro offer up to 6 hours of listening time or 30 hours with the charging case. AirPods (2nd generation) provide up to 5 hours of listening time or 24 hours with the case. Battery life varies based on listening volume and active features used."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Are AirPods water resistant?", content: "AirPods Pro are water and sweat resistant (IPX4). They can withstand splashes, rain, and sweat during workouts. However, they're not designed for swimming or submersion in water. AirPods (2nd generation) are not water resistant."},
|
||||
id: "3", title: "Are AirPods water resistant?", content: "AirPods Pro are water and sweat resistant (IPX4). They can withstand splashes, rain, and sweat during workouts. However, they're not designed for swimming or submersion in water. AirPods (2nd generation) are not water resistant."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I use AirPods with Android?", content: "Yes, AirPods can connect to Android devices via Bluetooth. However, you won't have access to some features like easy setup, automatic switching between devices, or Siri integration. For the best experience, we recommend using AirPods with Apple devices."},
|
||||
id: "4", title: "Can I use AirPods with Android?", content: "Yes, AirPods can connect to Android devices via Bluetooth. However, you won't have access to some features like easy setup, automatic switching between devices, or Siri integration. For the best experience, we recommend using AirPods with Apple devices."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Do AirPods work with Windows?", content: "Yes, AirPods can pair with Windows PCs and laptops via Bluetooth. Simply put your AirPods in pairing mode and connect them through your Windows Bluetooth settings. Some exclusive Apple features won't be available on Windows."},
|
||||
id: "5", title: "Do AirPods work with Windows?", content: "Yes, AirPods can pair with Windows PCs and laptops via Bluetooth. Simply put your AirPods in pairing mode and connect them through your Windows Bluetooth settings. Some exclusive Apple features won't be available on Windows."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What if I lose one AirPod?", content: "You can purchase replacement AirPods individually from Apple's website or authorized retailers. Visit apple.com and select your AirPods model to order a replacement earbud or charging case."},
|
||||
id: "6", title: "What if I lose one AirPod?", content: "You can purchase replacement AirPods individually from Apple's website or authorized retailers. Visit apple.com and select your AirPods model to order a replacement earbud or charging case."
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -213,7 +227,7 @@ export default function LandingPage() {
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
background={{ variant: "noise" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -260,4 +274,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user