296 lines
16 KiB
TypeScript
296 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { Volume2, Zap, Ear, Mic2, Wifi, Music, Activity, Battery, Clock, Brain, Mic, Smartphone, Hand, Palette, TrendingUp, Radio } from "lucide-react";
|
|
|
|
export default function SonyPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Product", id: "product" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Specs", id: "specs" },
|
|
{ name: "Buy", id: "purchase" },
|
|
{ name: "Support", id: "footer" }
|
|
]}
|
|
brandName="Sony"
|
|
bottomLeftText="Premium Audio Technology"
|
|
bottomRightText="contact@sony.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{ variant: "animated-grid" }}
|
|
tag="Next-Level Adaptive Noise Cancellation"
|
|
tagIcon={Volume2}
|
|
tagAnimation="slide-up"
|
|
title="WH-1000XM6 Bluetooth Headphone"
|
|
description="Experience the future of audio. 40 hours battery life. Bluetooth 5.3. Hi-Res Spatial Audio. Premium noise cancellation powered by AI."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/a-sony-wh-1000xm6-headphone-in-matte-bla-1772539301588-ee003a6f.png"
|
|
imageAlt="Sony WH-1000XM6 Premium Headphone in Matte Black"
|
|
buttons={[
|
|
{ text: "Buy Now - ₹39,990", href: "#purchase" },
|
|
{ text: "Explore Features", href: "#features" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
title="3D Interactive Product Showcase"
|
|
description="Explore the precision engineering and premium materials that make WH-1000XM6 the pinnacle of audio luxury."
|
|
tag="Product Exploration"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
title: "30mm Neodymium Drivers", description: "Advanced driver technology with carbon fiber dome for exceptional sound clarity and deep bass response.", icon: Volume2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/close-up-technical-illustration-of-a-30m-1772539302014-40af0e40.png", imageAlt: "30mm Neodymium Driver Cross-Section"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/technical-specifications-visualization-s-1772539301782-0bbb43a1.png?_wi=1", imageAlt: "Driver Technical Specifications"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "AI-Optimized Noise Reduction", description: "Real-time adaptive noise cancellation with machine learning algorithms that continuously optimize sound based on environment.", icon: Ear,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/abstract-visualization-of-adaptive-noise-1772539302411-64ece92a.png", imageAlt: "Noise Cancellation Visualization"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/technical-illustration-of-a-6-microphone-1772539302031-76f291bb.png?_wi=1", imageAlt: "6-Mic Beamforming Array"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "6-Mic Ultra Clear Calls", description: "Professional-grade beamforming microphone array ensures crystal-clear communication in any environment.", icon: Mic2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/technical-illustration-of-a-6-microphone-1772539302031-76f291bb.png?_wi=2", imageAlt: "Microphone Array Technology"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-sound-connect-mobile-app-interface--1772539302384-f0269fbd.png?_wi=1", imageAlt: "Call Quality Controls"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Bluetooth 5.3 & Low Latency", description: "Next-generation wireless connectivity with ultra-low latency for seamless gaming, video streaming, and music playback.", icon: Wifi,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/technical-specifications-visualization-s-1772539301782-0bbb43a1.png?_wi=2", imageAlt: "Connectivity Specifications"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-sound-connect-mobile-app-interface--1772539302384-f0269fbd.png?_wi=2", imageAlt: "Bluetooth Connection UI"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="noise-cancellation" data-section="noise-cancellation">
|
|
<TextAbout
|
|
tag="Immersive Audio"
|
|
tagIcon={Zap}
|
|
tagAnimation="blur-reveal"
|
|
title="Real-time Adaptive Noise Cancellation powered by AI. Hear what matters. Silence everything else."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="sound-experience" data-section="sound-experience">
|
|
<MetricCardOne
|
|
title="Sound Experience"
|
|
description="Premium audio specifications engineered for audiophiles and casual listeners alike."
|
|
tag="Audio Quality"
|
|
tagIcon={Music}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "frequency", value: "20", title: "Hz - 20kHz", description: "Full Spectrum Frequency Response", icon: Activity
|
|
},
|
|
{
|
|
id: "sensitivity", value: "103", title: "dB", description: "Optimal Sound Pressure Level", icon: Volume2
|
|
},
|
|
{
|
|
id: "hires", value: "40", title: "Hours", description: "Battery Life (Noise Cancelling ON)", icon: Battery
|
|
},
|
|
{
|
|
id: "spatial", value: "360", title: "Degrees", description: "Hi-Res Spatial Audio", icon: Radio
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="smart-features" data-section="smart-features">
|
|
<FeatureCardTwentyFive
|
|
title="Smart Features & Intelligent Controls"
|
|
description="Intuitive gestures and AI-powered controls designed for modern lifestyle."
|
|
tag="Smart Technology"
|
|
tagIcon={Brain}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
title: "Google Assistant Integration", description: "Voice-controlled music, calls, and smart home management directly from your headphones.", icon: Mic,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-sound-connect-mobile-app-interface--1772539302384-f0269fbd.png?_wi=3", imageAlt: "Google Assistant Settings"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/touch-gesture-animation-showing-finger-t-1772539301037-6d367725.png?_wi=1", imageAlt: "Voice Control Gesture"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Sound Connect App Control", description: "Seamless mobile app integration with advanced equalizer, ambient sound modes, and personalized audio profiles.", icon: Smartphone,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-sound-connect-mobile-app-interface--1772539302384-f0269fbd.png?_wi=4", imageAlt: "Sony Sound Connect Application"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/reactive-sound-wave-equalizer-visualizat-1772539302617-69255034.png?_wi=1", imageAlt: "Equalizer Controls"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Adaptive Sound Mode", description: "Intelligent ambient sound toggle that adapts to your environment and activity in real-time.", icon: Ear,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/reactive-sound-wave-equalizer-visualizat-1772539302617-69255034.png?_wi=2", imageAlt: "Ambient Sound Visualization"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-sound-connect-mobile-app-interface--1772539302384-f0269fbd.png?_wi=5", imageAlt: "Mode Selection Interface"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Touch Gesture Controls", description: "Tap to mute, swipe to change track, and pinch to adjust volume with responsive haptic feedback.", icon: Hand,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/touch-gesture-animation-showing-finger-t-1772539301037-6d367725.png?_wi=2", imageAlt: "Tap Gesture Control"
|
|
},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/swipe-gesture-animation-showing-finger-s-1772539301378-95ec8d90.png", imageAlt: "Swipe Gesture Control"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="battery" data-section="battery">
|
|
<MetricCardOne
|
|
title="Battery Performance"
|
|
description="Industry-leading battery life that keeps your music playing all day and night."
|
|
tag="Endurance"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "quick-charge", value: "3", title: "min charge", description: "3 Hours Playback", icon: Zap
|
|
},
|
|
{
|
|
id: "battery-nc-off", value: "40", title: "Hours", description: "Battery Life (Noise Cancelling OFF)", icon: Battery
|
|
},
|
|
{
|
|
id: "battery-nc-on", value: "30", title: "Hours", description: "Battery Life (Noise Cancelling ON)", icon: Clock
|
|
},
|
|
{
|
|
id: "usbc-fast", value: "USB", title: "C Fast", description: "Charging Technology", icon: Zap
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="color-variants" data-section="color-variants">
|
|
<ProductCardOne
|
|
title="Choose Your Color"
|
|
description="Select from premium color finishes that match your personal style."
|
|
tag="Available Colors"
|
|
tagIcon={Palette}
|
|
tagAnimation="blur-reveal"
|
|
products={[
|
|
{
|
|
id: "black", name: "Matte Black", price: "₹39,990", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-wh-1000xm6-in-matte-black-finish-di-1772539302207-34f458d3.png", imageAlt: "Sony WH-1000XM6 Matte Black"
|
|
},
|
|
{
|
|
id: "silver", name: "Platinum Silver", price: "₹39,990", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-wh-1000xm6-in-platinum-silver-finis-1772539301172-18af5281.png", imageAlt: "Sony WH-1000XM6 Platinum Silver"
|
|
},
|
|
{
|
|
id: "blue", name: "Midnight Blue", price: "₹39,990", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQsCirBHdJQniJFT1mas0ghgNm/sony-wh-1000xm6-in-midnight-blue-finish--1772539301624-19f05a04.png", imageAlt: "Sony WH-1000XM6 Midnight Blue"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="purchase" data-section="purchase">
|
|
<ContactText
|
|
text="Ready to experience premium audio at its finest? Secure your WH-1000XM6 today with flexible EMI options and comprehensive warranty."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Buy Now - ₹39,990", href: "#purchase" },
|
|
{ text: "Learn Payment Options", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Sony Audio"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|