Switch to version 1: modified src/app/browse/page.tsx

This commit is contained in:
2026-03-06 19:04:20 +00:00
parent dc8d747d68
commit c16af18178

View File

@@ -79,69 +79,45 @@ export default function BrowsePage() {
title="Browse by Era"
description="Explore vehicles organized by historical decade with complete production timelines"
tag="Timeline Explorer"
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "The Golden Age (1900-1920s)",
description: "Early automobiles, pioneering manufacturers, and the birth of motoring",
icon: Zap,
title: "The Golden Age (1900-1920s)", description: "Early automobiles, pioneering manufacturers, and the birth of motoring", icon: Zap,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png?_wi=2",
imageAlt: "Early 1900s vehicles",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/early-1900s-automobiles-brass-and-iron-c-1772823291918-1a562875.png", imageAlt: "Early 1900s vehicles"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png?_wi=2",
imageAlt: "Classic automobiles vintage",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/collection-of-classic-automobiles-from-1-1772823292369-d23ee272.png", imageAlt: "Classic automobiles vintage"},
],
},
{
title: "The Classics Era (1930-1950s)",
description: "Art deco styling, post-war innovation, and the golden age of design",
icon: Award,
title: "The Classics Era (1930-1950s)", description: "Art deco styling, post-war innovation, and the golden age of design", icon: Award,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png?_wi=2",
imageAlt: "1930s-1950s classic cars",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1930s-1950s-classic-cars-showcasing-art--1772823292276-01b2e0ec.png", imageAlt: "1930s-1950s classic cars"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png?_wi=2",
imageAlt: "Post-war automobile design",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/post-world-war-ii-automobiles-from-1945--1772823292672-0ffd3a1d.png", imageAlt: "Post-war automobile design"},
],
},
{
title: "The Modern Era (1960-1980s)",
description: "Performance revolution, muscle cars, and engineering breakthroughs",
icon: Sparkles,
title: "The Modern Era (1960-1980s)", description: "Performance revolution, muscle cars, and engineering breakthroughs", icon: Sparkles,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png?_wi=2",
imageAlt: "1960s muscle cars",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1960s-muscle-cars-and-performance-vehicl-1772823292410-79b6e429.png", imageAlt: "1960s muscle cars"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png?_wi=2",
imageAlt: "1980s performance vehicles",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1980s-performance-vehicles-and-supercars-1772823291859-2f85f5af.png", imageAlt: "1980s performance vehicles"},
],
},
{
title: "Contemporary (1990-2024)",
description: "Digital age, electric vehicles, autonomous technology, and modern innovation",
icon: Zap,
title: "Contemporary (1990-2024)", description: "Digital age, electric vehicles, autonomous technology, and modern innovation", icon: Zap,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png?_wi=2",
imageAlt: "1990s modern cars",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/1990s-modern-cars-featuring-sleek-sports-1772823291648-3191a1df.png", imageAlt: "1990s modern cars"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png?_wi=2",
imageAlt: "Electric and autonomous vehicles",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/modern-2020s-electric-and-autonomous-veh-1772823292629-c57b318c.png", imageAlt: "Electric and autonomous vehicles"},
],
},
]}
@@ -153,52 +129,24 @@ export default function BrowsePage() {
title="Featured Legendary Vehicles"
description="Iconic cars that shaped automotive history"
tag="Heritage Collection"
tagAnimation="entrance-slide"
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
gridVariant="four-items-2x2-equal-grid"
products={[
{
id: "1",
brand: "Ferrari",
name: "Ferrari 250 GTO",
price: "1962-1964",
rating: 5,
reviewCount: "Legendary",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png?_wi=2",
imageAlt: "Ferrari 250 GTO 1962",
},
id: "1", brand: "Ferrari", name: "Ferrari 250 GTO", price: "1962-1964", rating: 5,
reviewCount: "Legendary", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-pristine-ferrari-250-gto-from-1962-196-1772823293817-62111fec.png", imageAlt: "Ferrari 250 GTO 1962"},
{
id: "2",
brand: "Porsche",
name: "Porsche 911",
price: "1963-Present",
rating: 5,
reviewCount: "Iconic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png?_wi=2",
imageAlt: "Porsche 911 Classic",
},
id: "2", brand: "Porsche", name: "Porsche 911", price: "1963-Present", rating: 5,
reviewCount: "Iconic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-timeless-porsche-911-silver-or-charcoa-1772823291321-59c5e153.png", imageAlt: "Porsche 911 Classic"},
{
id: "3",
brand: "Jaguar",
name: "Jaguar E-Type",
price: "1961-1974",
rating: 5,
reviewCount: "Historic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png?_wi=2",
imageAlt: "Jaguar E-Type",
},
id: "3", brand: "Jaguar", name: "Jaguar E-Type", price: "1961-1974", rating: 5,
reviewCount: "Historic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-beautiful-jaguar-e-type-from-1961-1974-1772823292102-305f7185.png", imageAlt: "Jaguar E-Type"},
{
id: "4",
brand: "BMW",
name: "BMW 2002",
price: "1968-1976",
rating: 5,
reviewCount: "Classic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png?_wi=2",
imageAlt: "BMW 2002",
},
id: "4", brand: "BMW", name: "BMW 2002", price: "1968-1976", rating: 5,
reviewCount: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaEFWytZ9QS584IizrKmiAvruy/a-classic-bmw-2002-from-1968-1976-bright-1772823292733-3909ad83.png", imageAlt: "BMW 2002"},
]}
/>
</div>