Add src/app/podsx-pro/page.tsx
This commit is contained in:
209
src/app/podsx-pro/page.tsx
Normal file
209
src/app/podsx-pro/page.tsx
Normal file
@@ -0,0 +1,209 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Zap, Sparkles, ShoppingBag, Headphones, HelpCircle, Zap as Bolt } from "lucide-react";
|
||||
|
||||
export default function PodsXProPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="AirPods"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "PodsX 4", id: "/podsx-4" },
|
||||
]}
|
||||
button={{ text: "Buy Now", href: "#cta" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="PodsX Pro - Ultimate Performance"
|
||||
description="Experience the pinnacle of audio technology with advanced active noise cancellation, extended battery life, and premium build quality. Engineered for professionals and audio enthusiasts."
|
||||
background={{ variant: "plain" }}
|
||||
kpis={[
|
||||
{ value: "12+ Hours", label: "Battery Per Charge" },
|
||||
{ value: "Advanced", label: "ANC Technology" },
|
||||
{ value: "Premium", label: "Materials" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Professional Grade Audio"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Buy PodsX Pro", href: "#products" },
|
||||
{ text: "View Specs", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/high-quality-product-photography-of-airp-1772884351466-337fed24.png"
|
||||
imageAlt="PodsX Pro Premium Wireless Earbuds"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Premium Features Built For Professionals"
|
||||
description="Discover what makes PodsX Pro the choice for serious audio professionals and demanding users."
|
||||
tag="Technical Excellence"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "anc-pro", title: "Advanced Adaptive ANC", description: "Industry-leading active noise cancellation that learns your environment and adapts in real-time. Perfect isolation for focused work and travel.", tag: "PodsX Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/abstract-visualization-of-active-noise-c-1772884352205-cdd837a4.png", imageAlt: "Advanced noise cancellation", buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "hi-res", title: "Hi-Res Audio Support", description: "Studio-quality audio with support for lossless and hi-res formats. Experience music exactly as the artist intended with pristine clarity.", tag: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/spatial-audio-visualization-showing-3d-s-1772884352783-6a2daab8.png", imageAlt: "Hi-res audio visualization", buttons: [{ text: "Explore", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "battery-pro", title: "Extended Battery Life", description: "Up to 12 hours of continuous listening per charge with the charging case providing up to 60 hours total. All-day power for your lifestyle.", tag: "Long-lasting", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/apple-ecosystem-integration-showing-ipho-1772884352656-6d2f7cb3.png", imageAlt: "Battery performance", buttons: [{ text: "Details", href: "#" }],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="PodsX Pro Specifications"
|
||||
description="Complete product lineup with detailed specifications and pricing."
|
||||
tag="Premium Selection"
|
||||
tagIcon={ShoppingBag}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "podsx-pro-standard", name: "PodsX Pro Standard", price: "$399", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/high-quality-product-photography-of-airp-1772884351466-337fed24.png", imageAlt: "PodsX Pro Standard Model", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "podsx-pro-max", name: "PodsX Pro Max", price: "$549", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-max-over-ear-headphones-displaye-1772884352294-e666eff4.png", imageAlt: "PodsX Pro Max Model", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "podsx-pro-limited", name: "PodsX Pro Limited Edition", price: "$649", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-2nd-generation-with-charging-cas-1772884351239-d2c575a8.png", imageAlt: "PodsX Pro Limited Edition", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="PodsX Pro - Frequently Asked Questions"
|
||||
description="Everything you need to know about PodsX Pro specifications, compatibility, and usage."
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What makes PodsX Pro different from standard models?", content: "PodsX Pro features advanced adaptive ANC, hi-res audio support, extended 12-hour battery life, premium materials, and professional-grade audio processing. These are designed specifically for professionals and audio enthusiasts who demand the best."
|
||||
},
|
||||
{
|
||||
id: "2", title: "What is the battery life specification?", content: "PodsX Pro provides up to 12 hours of continuous listening per charge. With the premium charging case, you get up to 60 hours of total listening time. Fast charging provides 2 hours of listening time from just 15 minutes of charging."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Does PodsX Pro support Hi-Res audio?", content: "Yes, PodsX Pro includes full Hi-Res audio support (up to 24-bit/192kHz). You can stream lossless and hi-res content from compatible streaming services and get studio-quality audio."
|
||||
},
|
||||
{
|
||||
id: "4", title: "How effective is the ANC on PodsX Pro?", content: "The advanced adaptive ANC on PodsX Pro reduces ambient noise by up to 35dB, making it some of the most effective active noise cancellation available. It continuously adapts to your environment for optimal performance."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Are PodsX Pro water-resistant?", content: "PodsX Pro have an IPX5 rating, making them water and sweat resistant. They can handle splashes, rain, sweat, and light submersion. Perfect for workouts, travel, and daily use."
|
||||
},
|
||||
{
|
||||
id: "6", title: "What devices are compatible with PodsX Pro?", content: "PodsX Pro work with any device that supports Bluetooth, including iPhone, iPad, Mac, Android devices, Windows PCs, and more. Premium features are optimized for Apple ecosystem devices."
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
tag="Premium Audio Experience"
|
||||
tagIcon={Headphones}
|
||||
tagAnimation="slide-up"
|
||||
title="Upgrade to PodsX Pro Today"
|
||||
description="Experience professional-grade audio quality with advanced ANC, hi-res support, and extended battery life. Perfect for professionals, audiophiles, and demanding users."
|
||||
buttons={[
|
||||
{ text: "Buy PodsX Pro Now", href: "#products" },
|
||||
{ text: "Compare Models", href: "#products" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "PodsX Pro", href: "/podsx-pro" },
|
||||
{ label: "PodsX 4", href: "/podsx-4" },
|
||||
{ label: "Standard AirPods", href: "/" },
|
||||
{ label: "Compare All", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Tutorials", href: "#" },
|
||||
{ label: "Contact Support", href: "#" },
|
||||
{ label: "Warranty Info", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Cookies", href: "#" },
|
||||
{ label: "Warranty", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 PodsX Pro. All rights reserved."
|
||||
bottomRightText="Powered by Premium Audio Innovation"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user