bender/7dc2a228-e862-48eb-a433-cc308fe21534
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/features/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-07 11:58:56 +00:00
parent 4822975f65
commit 643bf42a2b
1 changed files with 29 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/app/features/page.tsx
View File

@@ -7,7 +7,7 @@ import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import AboutMetric from "@/components/sections/about/AboutMetric";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Zap, Sparkles, Headphones, Battery, Volume2, Lightbulb, ShieldCheck, Radio } from "lucide-react";
import { Zap, Sparkles, Battery, Headphones, Volume2, Radio, Wifi } from "lucide-react";
export default function FeaturesPage() {
return (
@@ -29,31 +29,31 @@ export default function FeaturesPage() {
navItems={[
{ name: "Products", id: "/" },
{ name: "Features", id: "/features" },
{ name: "Comparison", id: "/comparison" },
{ name: "Why AirPods", id: "/" },
{ name: "Support", id: "/" },
{ name: "Compare", id: "/comparison" },
]}
button={{ text: "Shop Now", href: "/" }}
button={{ text: "Shop Now", href: "/#products" }}
animateOnLoad={true}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Discover Premium Audio Features"
description="Explore the cutting-edge technology that powers AirPods. From industry-leading noise cancellation to immersive spatial audio, experience features designed for the ultimate listening experience."
title="Discover AirPods Key Features"
description="Explore the innovative technologies that make AirPods the world's most advanced wireless audio experience. From noise cancellation to seamless connectivity."
background={{ variant: "noise" }}
kpis={[
{ value: "99%", label: "Noise Reduction" },
{ value: "360°", label: "Spatial Audio" },
{ value: "30H", label: "Battery Power" },
{ value: "Active", label: "Noise Cancellation" },
{ value: "Spatial", label: "3D Audio" },
{ value: "Instant", label: "Device Switching" },
]}
enableKpiAnimation={true}
tag="Features Showcase"
tag="Innovation at Work"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Shop AirPods", href: "/" },
{ text: "Explore All Products", href: "/#products" },
{ text: "Compare Models", href: "/comparison" },
]}
buttonAnimation="slide-up"
@@ -66,23 +66,20 @@ export default function FeaturesPage() {
<div id="features" data-section="features">
<FeatureCardMedia
title="Key Features That Define Excellence"
description="Advanced technology engineered to deliver the best audio experience, wherever life takes you."
tag="Technology"
title="Signature AirPods Technologies"
description="Experience the cutting-edge features that define premium wireless audio."
tag="Core Technologies"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
id: "noise-cancellation", title: "Active Noise Cancellation", description: "Up to 99% noise reduction with adaptive active noise cancellation that continuously monitors your environment. Automatically switches between noise cancellation, transparency, and off modes to match your activities in real-time. Experience immersive focus like never before, whether you're working, traveling, or relaxing.", tag: "Pro Technology", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/abstract-visualization-of-active-noise-c-1772884352205-cdd837a4.png", imageAlt: "Active noise cancellation visual demonstration", buttons: [{ text: "Learn More", href: "#" }],
id: "noise-cancellation", title: "Active Noise Cancellation (ANC)", description: "Industry-leading active noise cancellation uses outward and inward microphones to detect and cancel unwanted sound. Adapts to your environment in real time, blocking background noise while letting important sounds through.", tag: "Pro Feature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/abstract-visualization-of-active-noise-c-1772884352205-cdd837a4.png", imageAlt: "Active noise cancellation visualization", buttons: [{ text: "Learn More", href: "#" }],
},
{
id: "battery-life", title: "Extended Battery Life", description: "Up to 6 hours of listening time on a single charge, extending to 30 hours with the charging case. Smart battery management intelligently optimizes power consumption based on your usage patterns. Fast charging gives you 1 hour of listening time with just 5 minutes of charging. Never miss a moment with industry-leading battery performance.", tag: "All Day Power", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-charging-case-battery-indicator-1772884352294-e666eff4.png", imageAlt: "Long battery life demonstration", buttons: [{ text: "View Specs", href: "#" }],
id: "battery-life", title: "Extended Battery Life", description: "Get up to 6 hours of listening time on a single charge with AirPods Pro, extending to 30 hours with the wireless charging case. Smart power management ensures you stay connected all day. Fast charging gives you 5 minutes of listening in just 5 minutes of charging.", tag: "All Day Power", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/battery-charge-indicator-visualization-sh-1772884352345-a1b2c3d4.png", imageAlt: "Battery life indicator", buttons: [{ text: "See Details", href: "#" }],
},
{
id: "immersive-sound", title: "Immersive Spatial Audio", description: "Experience theater-quality sound with 360-degree spatial audio and dynamic head tracking. Precise directional audio creates an immersive soundstage that surrounds you. Perfect for movies, music, and gaming. Personalized audio tuning adapts to your unique ear shape for optimal listening experience tailored just for you.", tag: "Immersive", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/spatial-audio-visualization-showing-3d-s-1772884352783-6a2daab8.png", imageAlt: "Spatial audio immersive demonstration", buttons: [{ text: "Experience Now", href: "#" }],
},
{
id: "personalization", title: "Smart Personalization", description: "Adaptive audio adjusts playback based on your environment, movement, and preferences. Machine learning algorithms learn your listening habits and automatically optimize audio settings. Conversation Awareness instantly lowers volume when you speak, making interaction seamless. Automatic ear detection knows when you remove one AirPod and adjusts playback accordingly.", tag: "AI-Powered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/apple-ecosystem-integration-showing-ipho-1772884352656-6d2f7cb3.png", imageAlt: "Smart personalization features", buttons: [{ text: "Discover More", href: "#" }],
id: "immersive-sound", title: "Immersive Sound Experience", description: "Premium audio drivers deliver crisp, clear highs and deep, controlled bass. Personalized spatial audio with dynamic head tracking creates a theater-like surround sound experience. Adaptive Audio intelligently blends your music with helpful ambient sounds.", tag: "Premium Audio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/spatial-audio-visualization-showing-3d-s-1772884352783-6a2daab8.png", imageAlt: "Immersive spatial audio visualization", buttons: [{ text: "Experience It", href: "#" }],
},
]}
animationType="slide-up"
@@ -93,12 +90,12 @@ export default function FeaturesPage() {
<div id="metrics" data-section="metrics">
<AboutMetric
title="Performance Metrics That Stand Out"
title="Performance Metrics That Matter"
metrics={[
{ icon: Battery, label: "Maximum Battery Life", value: "30 Hours" },
{ icon: Volume2, label: "Sound Quality Grade", value: "Premium" },
{ icon: ShieldCheck, label: "Noise Isolation", value: "99%" },
{ icon: Radio, label: "Connection Range", value: "33 Feet" },
{ icon: Battery, label: "Maximum Battery", value: "30 Hours" },
{ icon: Radio, label: "Bluetooth Range", value: "10+ Meters" },
{ icon: Volume2, label: "Noise Reduction", value: "Up to 40dB" },
{ icon: Wifi, label: "Seamless Pairing", value: "All Apple Devices" },
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -110,10 +107,10 @@ export default function FeaturesPage() {
tag="Experience the Difference"
tagIcon={Headphones}
tagAnimation="slide-up"
title="Find Your Perfect AirPods Today"
description="With multiple models to choose from, there's a perfect pair of AirPods for everyone. Shop our collection and experience premium audio with all these incredible features."
title="Ready to Upgrade Your Audio?"
description="Discover which AirPods model is perfect for your lifestyle. Compare features, read expert reviews, and find your ideal match."
buttons={[
{ text: "Shop Now", href: "/" },
{ text: "Shop Now", href: "/#products" },
{ text: "Compare Models", href: "/comparison" },
]}
buttonAnimation="slide-up"
@@ -127,18 +124,18 @@ export default function FeaturesPage() {
columns={[
{
title: "Products", items: [
{ label: "AirPods Pro", href: "/" },
{ label: "AirPods Max", href: "/" },
{ label: "AirPods (2nd Gen)", href: "/" },
{ label: "AirPods Pro", href: "/#products" },
{ label: "AirPods Max", href: "/#products" },
{ label: "AirPods (2nd Gen)", href: "/#products" },
{ label: "Compare Models", href: "/comparison" },
],
},
{
title: "Support", items: [
{ label: "Features", href: "/features" },
{ label: "FAQ", href: "/#faq" },
{ label: "Setup Guide", href: "#" },
{ label: "Troubleshooting", href: "#" },
{ label: "Contact Us", href: "#" },
{ label: "Contact Us", href: "/#contact-cta" },
],
},
{