From e8a0022561876b6e73a098c2bd066e471e9357f0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 7 Mar 2026 11:57:22 +0000
Subject: [PATCH] Switch to version 1: remove src/app/comparison/page.tsx

---
 src/app/comparison/page.tsx | 255 ------------------------------------
 1 file changed, 255 deletions(-)
 delete mode 100644 src/app/comparison/page.tsx

diff --git a/src/app/comparison/page.tsx b/src/app/comparison/page.tsx
deleted file mode 100644
index 13746bf..0000000
--- a/src/app/comparison/page.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Check, X, ShoppingBag } from "lucide-react";
-
-export default function ComparisonPage() {
-  return (
-    <ThemeProvider
-      defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="compact"
-      sizing="mediumLargeSizeMediumTitles"
-      background="noise"
-      cardStyle="inset"
-      primaryButtonStyle="double-inset"
-      secondaryButtonStyle="solid"
-      headingFontWeight="bold"
-    >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="AirPods"
-          navItems={[
-            { name: "Products", id: "/" },
-            { name: "Features", id: "/" },
-            { name: "Why AirPods", id: "/" },
-            { name: "Support", id: "/" },
-            { name: "Compare", id: "/comparison" },
-            { name: "Reviews", id: "/reviews" },
-          ]}
-          button={{ text: "Shop Now", href: "/" }}
-          animateOnLoad={true}
-        />
-      </div>
-
-      <div id="comparison" data-section="comparison" className="w-full py-20">
-        <div className="w-content-width mx-auto px-5">
-          <div className="mb-16 text-center">
-            <h1 className="text-4xl md:text-5xl font-bold mb-4">Compare AirPods Models</h1>
-            <p className="text-lg text-foreground/75 max-w-2xl mx-auto">
-              Choose the perfect AirPods for your lifestyle. Compare specs, features, and capabilities side-by-side.
-            </p>
-          </div>
-
-          <div className="overflow-x-auto">
-            <table className="w-full border-collapse">
-              <thead>
-                <tr className="border-b border-accent/20">
-                  <th className="text-left py-4 px-4 font-bold text-foreground">Feature</th>
-                  <th className="text-center py-4 px-4 font-bold text-foreground">AirPods Pro</th>
-                  <th className="text-center py-4 px-4 font-bold text-foreground">AirPods 4</th>
-                  <th className="text-center py-4 px-4 font-bold text-foreground">AirPods Max</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr className="border-b border-accent/20">
-                  <td className="py-4 px-4 font-semibold text-foreground">Price</td>
-                  <td className="text-center py-4 px-4">$249</td>
-                  <td className="text-center py-4 px-4">$129</td>
-                  <td className="text-center py-4 px-4">$549</td>
-                </tr>
-                <tr className="border-b border-accent/20 bg-background-accent/5">
-                  <td className="py-4 px-4 font-semibold text-foreground">Active Noise Cancellation</td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <X className="w-5 h-5 text-accent/50 mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                </tr>
-                <tr className="border-b border-accent/20">
-                  <td className="py-4 px-4 font-semibold text-foreground">Spatial Audio with Head Tracking</td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <X className="w-5 h-5 text-accent/50 mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                </tr>
-                <tr className="border-b border-accent/20 bg-background-accent/5">
-                  <td className="py-4 px-4 font-semibold text-foreground">Battery Life (Single Charge)</td>
-                  <td className="text-center py-4 px-4">6 hours</td>
-                  <td className="text-center py-4 px-4">5 hours</td>
-                  <td className="text-center py-4 px-4">20 hours</td>
-                </tr>
-                <tr className="border-b border-accent/20">
-                  <td className="py-4 px-4 font-semibold text-foreground">Total Battery with Case</td>
-                  <td className="text-center py-4 px-4">30 hours</td>
-                  <td className="text-center py-4 px-4">24 hours</td>
-                  <td className="text-center py-4 px-4">80 hours</td>
-                </tr>
-                <tr className="border-b border-accent/20 bg-background-accent/5">
-                  <td className="py-4 px-4 font-semibold text-foreground">Water & Sweat Resistant</td>
-                  <td className="text-center py-4 px-4">IPX4</td>
-                  <td className="text-center py-4 px-4">IPX4</td>
-                  <td className="text-center py-4 px-4">No</td>
-                </tr>
-                <tr className="border-b border-accent/20">
-                  <td className="py-4 px-4 font-semibold text-foreground">Adaptive Audio</td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <X className="w-5 h-5 text-accent/50 mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                </tr>
-                <tr className="border-b border-accent/20 bg-background-accent/5">
-                  <td className="py-4 px-4 font-semibold text-foreground">Personalized Volume</td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <X className="w-5 h-5 text-accent/50 mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                </tr>
-                <tr className="border-b border-accent/20">
-                  <td className="py-4 px-4 font-semibold text-foreground">Automatic Switching</td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                </tr>
-                <tr className="border-b border-accent/20 bg-background-accent/5">
-                  <td className="py-4 px-4 font-semibold text-foreground">Transparency Mode</td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                </tr>
-                <tr className="border-b border-accent/20">
-                  <td className="py-4 px-4 font-semibold text-foreground">Conversation Awareness</td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <X className="w-5 h-5 text-accent/50 mx-auto" />
-                  </td>
-                  <td className="text-center py-4 px-4">
-                    <Check className="w-5 h-5 text-primary-cta mx-auto" />
-                  </td>
-                </tr>
-                <tr className="bg-background-accent/5">
-                  <td className="py-4 px-4 font-semibold text-foreground">Form Factor</td>
-                  <td className="text-center py-4 px-4">Earbuds</td>
-                  <td className="text-center py-4 px-4">Earbuds</td>
-                  <td className="text-center py-4 px-4">Over-Ear</td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-
-          <div className="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8">
-            <div className="p-8 rounded-2xl border border-accent/20 bg-card">
-              <h3 className="text-2xl font-bold mb-4 text-foreground">AirPods Pro</h3>
-              <p className="text-foreground/75 mb-6">
-                Perfect balance of premium features and portability. Best for active users who want professional-grade audio on the go.
-              </p>
-              <p className="text-3xl font-bold text-primary-cta mb-6">$249</p>
-              <a href="/#products" className="inline-block px-6 py-2 bg-primary-cta text-background rounded-lg font-semibold hover:opacity-90 transition-opacity">
-                Shop AirPods Pro
-              </a>
-            </div>
-
-            <div className="p-8 rounded-2xl border border-accent/20 bg-card">
-              <h3 className="text-2xl font-bold mb-4 text-foreground">AirPods 4</h3>
-              <p className="text-foreground/75 mb-6">
-                Everyday audio made simple. Great entry point to the AirPods ecosystem with essential features at an affordable price.
-              </p>
-              <p className="text-3xl font-bold text-primary-cta mb-6">$129</p>
-              <a href="/#products" className="inline-block px-6 py-2 bg-primary-cta text-background rounded-lg font-semibold hover:opacity-90 transition-opacity">
-                Shop AirPods 4
-              </a>
-            </div>
-
-            <div className="p-8 rounded-2xl border border-accent/20 bg-card">
-              <h3 className="text-2xl font-bold mb-4 text-foreground">AirPods Max</h3>
-              <p className="text-foreground/75 mb-6">
-                Ultimate audio experience with immersive sound. Designed for professionals who demand the best in sound quality and features.
-              </p>
-              <p className="text-3xl font-bold text-primary-cta mb-6">$549</p>
-              <a href="/#products" className="inline-block px-6 py-2 bg-primary-cta text-background rounded-lg font-semibold hover:opacity-90 transition-opacity">
-                Shop AirPods Max
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterSimple
-          columns={[
-            {
-              title: "Products",              items: [
-                { 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: "FAQ", href: "/#faq" },
-                { label: "Setup Guide", href: "#" },
-                { label: "Troubleshooting", href: "#" },
-                { label: "Contact Us", href: "/#contact-cta" },
-              ],
-            },
-            {
-              title: "Company",              items: [
-                { label: "About Us", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
-                { label: "News", href: "#" },
-              ],
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" },
-                { label: "Cookie Policy", href: "#" },
-                { label: "Warranty", href: "#" },
-              ],
-            },
-          ]}
-          bottomLeftText="© 2025 AirPods. All rights reserved."
-          bottomRightText="Powered by Premium Audio Technology"
-        />
-      </div>
-    </ThemeProvider>
-  );
-}