From b8ebec5bbe8bf39b4eb175b1ca07549e8b649ad1 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 19:31:31 +0000 Subject: [PATCH 01/41] Update src/app/brands/[slug]/page.tsx --- src/app/brands/[slug]/page.tsx | 313 ++++++++++++++++++++++++++++++++- 1 file changed, 310 insertions(+), 3 deletions(-) diff --git a/src/app/brands/[slug]/page.tsx b/src/app/brands/[slug]/page.tsx index 99f48a6..e1fc574 100644 --- a/src/app/brands/[slug]/page.tsx +++ b/src/app/brands/[slug]/page.tsx @@ -1,3 +1,310 @@ -export default function BrandPage() { - return
Brand Page
; -} +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial"; +import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; +import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; +import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; +import BlogCardThree from "@/components/sections/blog/BlogCardThree"; +import MetricCardThree from "@/components/sections/metrics/MetricCardThree"; +import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; +import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import Link from "next/link"; +import { + Car, + Zap, + Award, + Sparkles, + Building2, + History, + Globe, + Mail, +} from "lucide-react"; + +export default function BrandPage({ params }: { params: { slug: string } }) { + const navItems = [ + { name: "Search", id: "/search" }, + { name: "Browse", id: "/browse" }, + { name: "Compare", id: "/compare" }, + { name: "Timeline", id: "/timeline" }, + { name: "About", id: "/about" }, + ]; + + return ( + + + +
+ +
+ + + + + +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} \ No newline at end of file -- 2.49.1 From a856e1d095e68bc901b1ba3e1020136410e26844 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 19:31:31 +0000 Subject: [PATCH 02/41] Add src/app/brands/page.tsx --- src/app/brands/page.tsx | 88 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 src/app/brands/page.tsx diff --git a/src/app/brands/page.tsx b/src/app/brands/page.tsx new file mode 100644 index 0000000..1f38cc3 --- /dev/null +++ b/src/app/brands/page.tsx @@ -0,0 +1,88 @@ +'use client'; + +import { ThemeProvider } from '@/components/ThemeProvider'; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import { useState } from 'react'; + +const brands = [ + { id: '1', name: 'TechFlow', category: 'Technology', description: 'Leading technology solutions provider' }, + { id: '2', name: 'Innovate Inc', category: 'Innovation', description: 'Pioneering innovation and design' }, + { id: '3', name: 'CloudSync', category: 'Cloud Services', description: 'Enterprise cloud infrastructure' }, + { id: '4', name: 'Design Studio', category: 'Design', description: 'Premium design services' }, + { id: '5', name: 'Acme Corp', category: 'General', description: 'Comprehensive business solutions' }, + { id: '6', name: 'Digital Wave', category: 'Digital Marketing', description: 'Digital transformation experts' }, +]; + +export default function BrandsPage() { + const [selectedCategory, setSelectedCategory] = useState('All'); + + const navItems = [ + { name: 'Home', id: '/' }, + { name: 'Brands', id: '/brands' }, + { name: 'Search', id: '/search' }, + { name: 'Browse', id: '/browse' }, + ]; + + const categories = ['All', ...new Set(brands.map((b) => b.category))]; + const filteredBrands = + selectedCategory === 'All' ? brands : brands.filter((b) => b.category === selectedCategory); + + return ( + + +
+
+
+

Our Brands

+

Discover our collection of premium brands

+
+ + {/* Category Filter */} +
+ {categories.map((category) => ( + + ))} +
+ + {/* Brands Grid */} +
+ {filteredBrands.map((brand) => ( +
+

{brand.name}

+

{brand.category}

+

{brand.description}

+ +
+ ))} +
+
+
+ + ); +} -- 2.49.1 From 26589b89aef9ea470f98286e124f579dc5b674a3 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 19:31:32 +0000 Subject: [PATCH 03/41] Update src/app/browse/page.tsx --- src/app/browse/page.tsx | 251 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 247 insertions(+), 4 deletions(-) diff --git a/src/app/browse/page.tsx b/src/app/browse/page.tsx index 98c9062..987b93e 100644 --- a/src/app/browse/page.tsx +++ b/src/app/browse/page.tsx @@ -1,9 +1,252 @@ -"use client"; +'use client'; + +import { ThemeProvider } from '@/components/ThemeProvider'; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import { useState } from 'react'; +import { Grid, List, ChevronDown } from 'lucide-react'; + +const allProducts = [ + { + id: '1', + name: 'Product Alpha', + category: 'Electronics', + price: '$199', + rating: 4.5, + image: 'bg-blue-100', + }, + { + id: '2', + name: 'Product Beta', + category: 'Software', + price: '$99', + rating: 4.8, + image: 'bg-green-100', + }, + { + id: '3', + name: 'Product Gamma', + category: 'Services', + price: '$299', + rating: 4.3, + image: 'bg-purple-100', + }, + { + id: '4', + name: 'Product Delta', + category: 'Electronics', + price: '$149', + rating: 4.6, + image: 'bg-red-100', + }, + { + id: '5', + name: 'Product Epsilon', + category: 'Software', + price: '$79', + rating: 4.4, + image: 'bg-yellow-100', + }, + { + id: '6', + name: 'Product Zeta', + category: 'Services', + price: '$249', + rating: 4.7, + image: 'bg-pink-100', + }, + { + id: '7', + name: 'Product Eta', + category: 'Electronics', + price: '$179', + rating: 4.5, + image: 'bg-indigo-100', + }, + { + id: '8', + name: 'Product Theta', + category: 'Software', + price: '$129', + rating: 4.9, + image: 'bg-cyan-100', + }, +]; export default function BrowsePage() { + const [viewMode, setViewMode] = useState<'grid' | 'list'>('grid'); + const [sortBy, setSortBy] = useState('featured'); + const [selectedCategory, setSelectedCategory] = useState(null); + + const navItems = [ + { name: 'Home', id: '/' }, + { name: 'Brands', id: '/brands' }, + { name: 'Search', id: '/search' }, + { name: 'Browse', id: '/browse' }, + ]; + + const categories = ['Electronics', 'Software', 'Services']; + + const filteredProducts = selectedCategory + ? allProducts.filter((p) => p.category === selectedCategory) + : allProducts; + + const sortedProducts = [...filteredProducts].sort((a, b) => { + if (sortBy === 'price-low') return parseInt(a.price) - parseInt(b.price); + if (sortBy === 'price-high') return parseInt(b.price) - parseInt(a.price); + if (sortBy === 'rating') return b.rating - a.rating; + return 0; + }); + return ( -
-

Browse Page

-
+ + +
+
+
+

Browse Products

+

Explore our full catalog with multiple viewing options

+
+ + {/* Controls Bar */} +
+ {/* Categories */} +
+ + {categories.map((cat) => ( + + ))} +
+ + {/* View and Sort Controls */} +
+ {/* View Mode */} +
+ + +
+ + {/* Sort Dropdown */} +
+ + +
+
+
+ + {/* Results Count */} +

{sortedProducts.length} products

+ + {/* Products Display */} + {viewMode === 'grid' ? ( +
+ {sortedProducts.map((product) => ( +
+
+ Product Image +
+
+

{product.category}

+

{product.name}

+
+ {product.price} + ★ {product.rating} +
+ +
+
+ ))} +
+ ) : ( +
+ {sortedProducts.map((product) => ( +
+
+ Image +
+
+
+

{product.category}

+

{product.name}

+

★ {product.rating} rating

+
+
+ {product.price} + +
+
+
+ ))} +
+ )} +
+
+ ); } -- 2.49.1 From 19d66af8555115aa377fc24f0312675042cc2283 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 19:31:32 +0000 Subject: [PATCH 04/41] Add src/app/cars/[id]/page.tsx --- src/app/cars/[id]/page.tsx | 165 +++++++++++++++++++++++++++++++++++++ 1 file changed, 165 insertions(+) create mode 100644 src/app/cars/[id]/page.tsx diff --git a/src/app/cars/[id]/page.tsx b/src/app/cars/[id]/page.tsx new file mode 100644 index 0000000..2843b0c --- /dev/null +++ b/src/app/cars/[id]/page.tsx @@ -0,0 +1,165 @@ +'use client'; + +import { ThemeProvider } from '@/components/theme/ThemeProvider'; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import { useState } from 'react'; +import { useParams } from 'next/navigation'; + +const navItems = [ + { name: 'Home', id: '/' }, + { name: 'Browse Cars', id: '/cars' }, + { name: 'Specifications', id: '/specifications' }, + { name: 'Compare', id: '/compare' }, + { name: 'Database', id: '/database' }, +]; + +const carDatabase: Record = { + '1': { + name: 'Tesla Model S', + price: '$73,990', + rating: 5, + description: 'The Tesla Model S is a high-performance sedan with exceptional acceleration, range, and technology. Features a sleek design and advanced autonomous capabilities.', + images: [ + { src: '/car-1-front.jpg', alt: 'Tesla Model S Front' }, + { src: '/car-1-side.jpg', alt: 'Tesla Model S Side' }, + { src: '/car-1-back.jpg', alt: 'Tesla Model S Back' }, + ], + variants: [ + { label: 'Drive Type', options: ['Dual Motor AWD', 'Tri Motor'], selected: 'Dual Motor AWD', onChange: () => {} }, + { label: 'Range', options: ['405 miles', '405+ miles'], selected: '405 miles', onChange: () => {} }, + { label: 'Color', options: ['Pearl White', 'Solid Black', 'Midnight Silver', 'Deep Blue', 'Ultra Violet'], selected: 'Pearl White', onChange: () => {} }, + ], + quantity: { label: 'Quantity', options: ['1', '2', '3'], selected: '1', onChange: () => {} }, + }, + '2': { + name: 'BMW M440i xDrive', + price: '$61,550', + rating: 5, + description: 'The BMW M440i xDrive combines luxury and performance with a powerful turbocharged engine, premium interior, and cutting-edge technology.', + images: [ + { src: '/car-2-front.jpg', alt: 'BMW M440i Front' }, + { src: '/car-2-side.jpg', alt: 'BMW M440i Side' }, + { src: '/car-2-back.jpg', alt: 'BMW M440i Back' }, + ], + variants: [ + { label: 'Drive Type', options: ['xDrive'], selected: 'xDrive', onChange: () => {} }, + { label: 'Engine', options: ['3.0L Turbo', '4.4L Twin Turbo'], selected: '3.0L Turbo', onChange: () => {} }, + { label: 'Color', options: ['Alpine White', 'Jet Black', 'Oxide Grey', 'BMW Blue'], selected: 'Alpine White', onChange: () => {} }, + ], + quantity: { label: 'Quantity', options: ['1', '2', '3'], selected: '1', onChange: () => {} }, + }, + '3': { + name: 'Mercedes-Benz C-Class', + price: '$45,850', + rating: 4, + description: 'The Mercedes-Benz C-Class offers refined luxury, dynamic performance, and sophisticated technology in a compact sedan format.', + images: [ + { src: '/car-3-front.jpg', alt: 'Mercedes-Benz C-Class Front' }, + { src: '/car-3-side.jpg', alt: 'Mercedes-Benz C-Class Side' }, + { src: '/car-3-back.jpg', alt: 'Mercedes-Benz C-Class Back' }, + ], + variants: [ + { label: 'Engine', options: ['2.0L Turbo', '3.0L Turbo'], selected: '2.0L Turbo', onChange: () => {} }, + { label: 'Transmission', options: ['9-Speed Automatic'], selected: '9-Speed Automatic', onChange: () => {} }, + { label: 'Color', options: ['Diamond White', 'Obsidian Black', 'Graphite Grey', 'Cavansite Blue'], selected: 'Diamond White', onChange: () => {} }, + ], + quantity: { label: 'Quantity', options: ['1', '2', '3'], selected: '1', onChange: () => {} }, + }, +}; + +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 CarDetailPage() { + const params = useParams(); + const carId = params?.id as string; + const car = carDatabase[carId] || carDatabase['1']; + const [selectedVariants, setSelectedVariants] = useState>({}); + const [quantity, setQuantity] = useState('1'); + + return ( + + + +
+ ({ + ...v, + onChange: (value: string) => setSelectedVariants({ ...selectedVariants, [v.label]: value }), + }))} + quantity={{ + ...car.quantity, + onChange: (value: string) => setQuantity(value), + }} + buttons={[ + { text: 'Request Information', href: '/contact' }, + { text: 'Schedule Test Drive', onClick: () => alert('Test drive scheduled') }, + ]} + /> +
+ + + + ); +} -- 2.49.1 From 43a694b09c71cc9e7b96a0793944688bcd655a56 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 19:31:33 +0000 Subject: [PATCH 05/41] Update src/app/cars/[slug]/page.tsx --- src/app/cars/[slug]/page.tsx | 344 ++++++++++++++++++++++++++++++++++- 1 file changed, 341 insertions(+), 3 deletions(-) diff --git a/src/app/cars/[slug]/page.tsx b/src/app/cars/[slug]/page.tsx index 23c0864..9ca1cc1 100644 --- a/src/app/cars/[slug]/page.tsx +++ b/src/app/cars/[slug]/page.tsx @@ -1,3 +1,341 @@ -export default function CarPage() { - return
Car Page
; -} +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; +import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial"; +import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; +import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; +import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive"; +import BlogCardThree from "@/components/sections/blog/BlogCardThree"; +import MetricCardThree from "@/components/sections/metrics/MetricCardThree"; +import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; +import ContactCTA from "@/components/sections/contact/ContactCTA"; +import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import Link from "next/link"; +import { + Car, + Zap, + Award, + Sparkles, + Building2, + History, + Globe, + Mail, +} from "lucide-react"; + +export default function CarPage({ params }: { params: { slug: string } }) { + const navItems = [ + { name: "Search", id: "/search" }, + { name: "Browse", id: "/browse" }, + { name: "Compare", id: "/compare" }, + { name: "Timeline", id: "/timeline" }, + { name: "About", id: "/about" }, + ]; + + return ( + + + +
+ +
+ + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + ); +} \ No newline at end of file -- 2.49.1 From 49f1e5f5f0d799f6b045edc0baab8909b84f4fc0 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 19:31:33 +0000 Subject: [PATCH 06/41] Add src/app/cars/page.tsx --- src/app/cars/page.tsx | 107 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 src/app/cars/page.tsx diff --git a/src/app/cars/page.tsx b/src/app/cars/page.tsx new file mode 100644 index 0000000..0f8951d --- /dev/null +++ b/src/app/cars/page.tsx @@ -0,0 +1,107 @@ +'use client'; + +import { ThemeProvider } from '@/components/theme/ThemeProvider'; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import { useState } from 'react'; + +const navItems = [ + { name: 'Home', id: '/' }, + { name: 'Browse Cars', id: '/cars' }, + { name: 'Specifications', id: '/specifications' }, + { name: 'Compare', id: '/compare' }, + { name: 'Database', id: '/database' }, +]; + +const allCars = [ + { id: '1', brand: 'Tesla', name: 'Model S', price: 'From $73,990', rating: 5, reviewCount: '12.5k', imageSrc: '/car-1.jpg' }, + { id: '2', brand: 'BMW', name: 'M440i xDrive', price: 'From $61,550', rating: 5, reviewCount: '8.3k', imageSrc: '/car-2.jpg' }, + { id: '3', brand: 'Mercedes-Benz', name: 'C-Class', price: 'From $45,850', rating: 4, reviewCount: '15.2k', imageSrc: '/car-3.jpg' }, + { id: '4', brand: 'Audi', name: 'A6 Sedan', price: 'From $56,200', rating: 5, reviewCount: '9.7k', imageSrc: '/car-4.jpg' }, + { id: '5', brand: 'Porsche', name: '911 Carrera', price: 'From $101,200', rating: 5, reviewCount: '6.2k', imageSrc: '/car-5.jpg' }, + { id: '6', brand: 'Lamborghini', name: 'Urus', price: 'From $218,000', rating: 5, reviewCount: '3.1k', imageSrc: '/car-6.jpg' }, + { id: '7', brand: 'Ferrari', name: 'F8 Tributo', price: 'From $280,000', rating: 5, reviewCount: '2.8k', imageSrc: '/car-7.jpg' }, + { id: '8', brand: 'Bugatti', name: 'Chiron', price: 'From $2,600,000', rating: 5, reviewCount: '1.5k', imageSrc: '/car-8.jpg' }, +]; + +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 CarsPage() { + return ( + + + +
+ ({ + ...car, + onProductClick: () => window.open(`/cars/${car.id}`, '_blank'), + }))} + title="Browse All Vehicles" + description="Explore our complete collection of vehicles with detailed specifications and information." + textboxLayout="default" + animationType="slide-up" + gridVariant="four-items-2x2-equal-grid" + useInvertedBackground={false} + /> +
+ + + + ); +} -- 2.49.1 From 87a6c4eb8c694b7d40012d2cf9e69cbc347157b2 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 6 Mar 2026 19:31:34 +0000 Subject: [PATCH 07/41] Update src/app/compare/page.tsx --- src/app/compare/page.tsx | 209 +++++++++++++++++++++------------------ 1 file changed, 113 insertions(+), 96 deletions(-) diff --git a/src/app/compare/page.tsx b/src/app/compare/page.tsx index 3154e17..7d7ee0e 100644 --- a/src/app/compare/page.tsx +++ b/src/app/compare/page.tsx @@ -1,129 +1,146 @@ -"use client"; +'use client'; -import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; -import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; -import BlogCardThree from "@/components/sections/blog/BlogCardThree"; -import MetricCardThree from "@/components/sections/metrics/MetricCardThree"; -import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; -import Link from "next/link"; -import { Building2, Car, History, Globe } from "lucide-react"; +import { ThemeProvider } from '@/components/theme/ThemeProvider'; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import HeroLogo from '@/components/sections/hero/HeroLogo'; +import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven'; +import ContactCenter from '@/components/sections/contact/ContactCenter'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import { Sparkles } from 'lucide-react'; +import { useState } from 'react'; export default function ComparePage() { const navItems = [ - { name: "Search", id: "/" }, - { name: "Browse", id: "/browse" }, - { name: "Compare", id: "/compare" }, - { name: "Timeline", id: "/" }, - { name: "About", id: "/" }, + { name: 'Home', id: '/' }, + { name: 'Compare', id: '/compare' }, + { name: 'Timeline', id: '/timeline' }, + { name: 'FAQ', id: '#faq' }, ]; - const footerColumns = [ + const [selectedItems, setSelectedItems] = useState([]); + + const compareFeatures = [ { - items: [ - { label: "Search Database", href: "/" }, - { label: "Browse Vehicles", href: "/browse" }, - { label: "Compare Cars", href: "/compare" }, - { label: "Timeline Explorer", href: "/" }, - ], + id: 1, + title: 'Add Items to Compare', + description: 'Select multiple items from our catalog to compare side-by-side. View all key specifications and metrics at once.', + imageSrc: '/placeholders/placeholder1.jpg', }, { - items: [ - { label: "Brand Directory", href: "/" }, - { label: "Model Guide", href: "/" }, - { label: "Specifications", href: "/" }, - { label: "Production Data", href: "/" }, - ], + id: 2, + title: 'Detailed Comparison Matrix', + description: 'See differences highlighted in our comprehensive comparison matrix. Filter by category and feature importance.', + imageSrc: '/placeholders/placeholder2.jpg', }, { - items: [ - { label: "About Us", href: "/" }, - { label: "Help & Support", href: "/" }, - { label: "Contact", href: "/" }, - { label: "Contribute Data", href: "/" }, - ], + id: 3, + title: 'Export Reports', + description: 'Generate and export comparison reports in multiple formats. Share findings with your team effortlessly.', + imageSrc: '/placeholders/placeholder3.jpg', }, { - items: [ - { label: "Privacy Policy", href: "/" }, - { label: "Terms of Service", href: "/" }, - { label: "Data Attribution", href: "/" }, - { label: "Sitemap", href: "/" }, - ], + id: 4, + title: 'Save Comparisons', + description: 'Bookmark your favorite comparisons and access them anytime. Build a library of comparisons for future reference.', + imageSrc: '/placeholders/placeholder4.jpg', }, ]; return ( - + -
- +
-
- +
-