diff --git a/src/app/browse/page.tsx b/src/app/browse/page.tsx index 3ea23e8..c79d3f2 100644 --- a/src/app/browse/page.tsx +++ b/src/app/browse/page.tsx @@ -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"}, ]} />