Add src/app/podsx-4/page.tsx
This commit is contained in:
209
src/app/podsx-4/page.tsx
Normal file
209
src/app/podsx-4/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 } from "lucide-react";
|
||||
|
||||
export default function PodsX4Page() {
|
||||
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 Pro", id: "/podsx-pro" },
|
||||
]}
|
||||
button={{ text: "Buy Now", href: "#cta" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="PodsX 4 - Advanced Audio Excellence"
|
||||
description="The next generation of wireless audio technology. Featuring intelligent noise management, crystal-clear audio, and all-day battery life. Designed for modern users who demand performance and value."
|
||||
background={{ variant: "plain" }}
|
||||
kpis={[
|
||||
{ value: "8 Hours", label: "Battery Per Charge" },
|
||||
{ value: "Smart", label: "Noise Control" },
|
||||
{ value: "Crystal Clear", label: "Audio" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Next-Generation Audio Technology"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Buy PodsX 4", href: "#products" },
|
||||
{ text: "Specifications", href: "#features" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-2nd-generation-with-charging-cas-1772884351239-d2c575a8.png"
|
||||
imageAlt="PodsX 4 Advanced Wireless Earbuds"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
title="Smart Technology Meets Audio Quality"
|
||||
description="Discover the intelligent features that make PodsX 4 the perfect choice for everyday audio."
|
||||
tag="Smart Features"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "smart-anc", title: "Intelligent Noise Management", description: "Smart active noise cancellation that intelligently manages ambient sound. Choose between passive transparency and active cancellation, or let the earbuds decide based on your activity.", tag: "PodsX 4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/abstract-visualization-of-active-noise-c-1772884352205-cdd837a4.png", imageAlt: "Intelligent noise management", buttons: [{ text: "Learn More", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "premium-sound", title: "Premium Audio Drivers", description: "Custom-engineered audio drivers deliver rich, balanced sound across all frequencies. Experience deep bass, clear mids, and pristine highs in every note.", 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: "Premium audio drivers", buttons: [{ text: "Explore", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "all-day", title: "All-Day Audio Experience", description: "8 hours of listening per charge with the case providing 40+ hours total. Built for the full day—work, commute, workout, and beyond.", 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: "All-day battery life", buttons: [{ text: "Details", href: "#" }],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
title="PodsX 4 Models & Variants"
|
||||
description="Choose the perfect PodsX 4 model for your lifestyle and needs."
|
||||
tag="Complete Lineup"
|
||||
tagIcon={ShoppingBag}
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "podsx-4-standard", name: "PodsX 4 Standard", price: "$199", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-2nd-generation-with-charging-cas-1772884351239-d2c575a8.png", imageAlt: "PodsX 4 Standard Model", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "podsx-4-plus", name: "PodsX 4 Plus", price: "$299", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/high-quality-product-photography-of-airp-1772884351466-337fed24.png", imageAlt: "PodsX 4 Plus Model", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "podsx-4-elite", name: "PodsX 4 Elite", price: "$399", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AcG4WbdmgnoUEgMn6GlqKFPyhF/airpods-max-over-ear-headphones-displaye-1772884352294-e666eff4.png", imageAlt: "PodsX 4 Elite Model", 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 4 - Frequently Asked Questions"
|
||||
description="Get answers to common questions about PodsX 4 features, compatibility, and specifications."
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What are the key features of PodsX 4?", content: "PodsX 4 features intelligent noise management, premium audio drivers, 8-hour battery life per charge, 40+ hours total with case, IPX4 water resistance, and seamless multi-device connectivity. Perfect for everyday use and professional environments."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How long does the battery last on PodsX 4?", content: "PodsX 4 provides up to 8 hours of listening time on a single charge. With the premium charging case, you get 40+ hours of total listening time. Quick charging gives you 2 hours of listening time from just 10 minutes of charging."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Does PodsX 4 have active noise cancellation?", content: "Yes, PodsX 4 features intelligent noise management with adaptive ANC. You can manually switch between active cancellation, transparency mode, and off mode, or enable adaptive mode to automatically switch based on your activity and environment."
|
||||
},
|
||||
{
|
||||
id: "4", title: "What's the difference between PodsX 4 models?", content: "PodsX 4 Standard: Core features with standard ANC. PodsX 4 Plus: Enhanced audio drivers and extended battery. PodsX 4 Elite: Premium materials, advanced ANC, and priority support. All models offer the same core connectivity and water resistance."
|
||||
},
|
||||
{
|
||||
id: "5", title: "Are PodsX 4 water-resistant?", content: "PodsX 4 have an IPX4 rating, making them water and sweat resistant. They can handle splashes, rain, heavy sweat during workouts. However, they're not suitable for swimming or submersion in water."
|
||||
},
|
||||
{
|
||||
id: "6", title: "Which devices are compatible with PodsX 4?", content: "PodsX 4 work with any Bluetooth-enabled device, including iPhones, iPads, Macs, Android phones, Windows PCs, and more. Full feature support is available on Apple devices for optimal performance."
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
tag="Smart Audio Technology"
|
||||
tagIcon={Headphones}
|
||||
tagAnimation="slide-up"
|
||||
title="Experience PodsX 4 Today"
|
||||
description="Get intelligent noise management, premium audio quality, and all-day battery life. PodsX 4 is the perfect balance of performance and value for modern users."
|
||||
buttons={[
|
||||
{ text: "Buy PodsX 4 Now", href: "#products" },
|
||||
{ text: "View All 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 4", href: "/podsx-4" },
|
||||
{ label: "PodsX Pro", href: "/podsx-pro" },
|
||||
{ label: "Standard AirPods", href: "/" },
|
||||
{ label: "Compare All", href: "/" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Setup Guide", href: "#" },
|
||||
{ label: "Contact Support", href: "#" },
|
||||
{ label: "Warranty", 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 4. All rights reserved."
|
||||
bottomRightText="Powered by Smart Audio Innovation"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user