Add src/app/specifications/page.tsx

2026-03-06 19:31:37 +00:00
parent ca74a09521
commit e0de7804c3
1 changed files with 101 additions and 0 deletions
--- a/src/app/specifications/page.tsx
+++ b/src/app/specifications/page.tsx
@@ -0,0 +1,101 @@
+'use client';
+
+import { ThemeProvider } from '@/components/theme/ThemeProvider';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { TrendingUp, Zap, Gauge, Fuel, Weight, Disc3 } from 'lucide-react';
+
+const navItems = [
+  { name: 'Home', id: '/' },
+  { name: 'Browse Cars', id: '/cars' },
+  { name: 'Specifications', id: '/specifications' },
+  { name: 'Compare', id: '/compare' },
+  { name: 'Database', id: '/database' },
+];
+
+const specMetrics = [
+  { id: '1', icon: TrendingUp, title: 'Horsepower', value: '250-2000+ HP' },
+  { id: '2', icon: Zap, title: 'Torque', value: '200-1100 lb-ft' },
+  { id: '3', icon: Gauge, title: 'Acceleration', value: '2.5-12s (0-60)' },
+  { id: '4', icon: Fuel, title: 'Fuel Efficiency', value: '10-150+ MPGe' },
+  { id: '5', icon: Weight, title: 'Curb Weight', value: '2,000-4,500 lbs' },
+  { id: '6', icon: Disc3, title: 'Tire Size', value: '16-23 inches' },
+];
+
+const footerColumns = [
+  {
+    title: 'Browse',
+    items: [
+      { label: 'All Cars', href: '/cars' },
+      { label: 'By Make', href: '/makes' },
+      { label: 'By Year', href: '/years' },
+      { label: 'New Releases', href: '/new' },
+    ],
+  },
+  {
+    title: 'Tools',
+    items: [
+      { label: 'Compare Vehicles', href: '/compare' },
+      { label: 'Search Database', href: '/database' },
+      { label: 'Specifications', href: '/specifications' },
+      { label: 'Reviews', href: '/reviews' },
+    ],
+  },
+  {
+    title: 'Company',
+    items: [
+      { label: 'About Us', href: '/about' },
+      { label: 'Contact', href: '/contact' },
+      { label: 'Blog', href: '/blog' },
+      { label: 'Careers', href: '/careers' },
+    ],
+  },
+  {
+    title: 'Legal',
+    items: [
+      { label: 'Privacy Policy', href: '/privacy' },
+      { label: 'Terms of Service', href: '/terms' },
+      { label: 'Cookie Policy', href: '/cookies' },
+      { label: 'Disclaimer', href: '/disclaimer' },
+    ],
+  },
+];
+
+export default function SpecificationsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <NavbarStyleApple navItems={navItems} brandName="CarDB" />
+
+      <div id="specifications" data-section="specifications" className="pt-24">
+        <MetricCardThree
+          metrics={specMetrics}
+          title="Vehicle Specifications"
+          description="Comprehensive specification ranges across our database of thousands of vehicles."
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={footerColumns}
+          bottomLeftText="© 2025 Universal Car Database. All rights reserved."
+          bottomRightText="Made with precision and passion"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}