bender/814a2ff8-e08d-43a2-a7e3-5262cba950de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/browse/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 06:55:48 +00:00
parent 7f4c5139e1
commit b2d647297e
1 changed files with 13 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/app/browse/page.tsx
View File

@@ -19,8 +19,7 @@ export default function BrowsePage() {
const footerColumns = [
{
title: "Product",
items: [
title: "Product", items: [
{ label: "Browse", href: "/browse" },
{ label: "Pricing", href: "/pricing" },
{ label: "Features", href: "#" },
@@ -28,8 +27,7 @@ export default function BrowsePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
@@ -37,8 +35,7 @@ export default function BrowsePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Contact Us", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
@@ -74,26 +71,11 @@ export default function BrowsePage() {
description="Explore thousands of anime titles organized by genres, seasons, and popularity. Find your next favorite series or revisit beloved classics."
products={[
{
id: "1",
name: "Action & Adventure",
price: "Popular",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/jujutsu-kaisen-anime-cover-art-showing-t-1772520696132-3e73d7a5.png?_wi=2",
imageAlt: "Action & Adventure collection",
},
id: "1", name: "Action & Adventure", price: "Popular", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/jujutsu-kaisen-anime-cover-art-showing-t-1772520696132-3e73d7a5.png", imageAlt: "Action & Adventure collection"},
{
id: "2",
name: "Fantasy & Magic",
price: "Trending",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/attack-on-titan-anime-cover-featuring-th-1772520693507-b668e49d.png?_wi=2",
imageAlt: "Fantasy & Magic collection",
},
id: "2", name: "Fantasy & Magic", price: "Trending", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/attack-on-titan-anime-cover-featuring-th-1772520693507-b668e49d.png", imageAlt: "Fantasy & Magic collection"},
{
id: "3",
name: "Romance & Comedy",
price: "Featured",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/my-hero-academia-season-key-visual-with--1772520692718-0599e1f2.png?_wi=2",
imageAlt: "Romance & Comedy collection",
},
id: "3", name: "Romance & Comedy", price: "Featured", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/my-hero-academia-season-key-visual-with--1772520692718-0599e1f2.png", imageAlt: "Romance & Comedy collection"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -110,33 +92,13 @@ export default function BrowsePage() {
tagIcon={Award}
features={[
{
id: "1",
title: "Shounen",
description: "High-energy action series featuring powerful battles, epic adventures, and character growth. Perfect for fans of competition and intense storytelling.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/jujutsu-kaisen-anime-cover-art-showing-t-1772520696132-3e73d7a5.png?_wi=3",
imageAlt: "Shounen anime",
},
id: "1", title: "Shounen", description: "High-energy action series featuring powerful battles, epic adventures, and character growth. Perfect for fans of competition and intense storytelling.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/jujutsu-kaisen-anime-cover-art-showing-t-1772520696132-3e73d7a5.png", imageAlt: "Shounen anime"},
{
id: "2",
title: "Shoujo",
description: "Romantic and emotional stories centered around relationships, personal growth, and coming-of-age experiences. Beautifully crafted narratives for all hearts.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/demon-slayer-movie-poster-featuring-prot-1772520692276-da36db2c.png?_wi=2",
imageAlt: "Shoujo anime",
},
id: "2", title: "Shoujo", description: "Romantic and emotional stories centered around relationships, personal growth, and coming-of-age experiences. Beautifully crafted narratives for all hearts.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/demon-slayer-movie-poster-featuring-prot-1772520692276-da36db2c.png", imageAlt: "Shoujo anime"},
{
id: "3",
title: "Seinen",
description: "Mature and complex stories exploring deeper themes. Designed for adult audiences with sophisticated narratives and philosophical undertones.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/attack-on-titan-anime-cover-featuring-th-1772520693507-b668e49d.png?_wi=3",
imageAlt: "Seinen anime",
},
id: "3", title: "Seinen", description: "Mature and complex stories exploring deeper themes. Designed for adult audiences with sophisticated narratives and philosophical undertones.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/attack-on-titan-anime-cover-featuring-th-1772520693507-b668e49d.png", imageAlt: "Seinen anime"},
{
id: "4",
title: "Slice of Life",
description: "Gentle, everyday stories that capture the beauty in ordinary moments. Perfect for relaxing and connecting with relatable characters and situations.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/my-hero-academia-season-key-visual-with--1772520692718-0599e1f2.png?_wi=3",
imageAlt: "Slice of life anime",
},
id: "4", title: "Slice of Life", description: "Gentle, everyday stories that capture the beauty in ordinary moments. Perfect for relaxing and connecting with relatable characters and situations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/my-hero-academia-season-key-visual-with--1772520692718-0599e1f2.png", imageAlt: "Slice of life anime"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -151,26 +113,11 @@ export default function BrowsePage() {
description="Stay updated with the latest anime releases from this season. New episodes drop weekly with exclusive content."
products={[
{
id: "1",
name: "Winter 2025 Premieres",
price: "New",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/a-vibrant-anime-streaming-showcase-featu-1772520693212-8aab1130.png?_wi=2",
imageAlt: "Winter 2025 premieres",
},
id: "1", name: "Winter 2025 Premieres", price: "New", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/a-vibrant-anime-streaming-showcase-featu-1772520693212-8aab1130.png", imageAlt: "Winter 2025 premieres"},
{
id: "2",
name: "Upcoming Blockbusters",
price: "Coming Soon",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/demon-slayer-movie-poster-featuring-prot-1772520692276-da36db2c.png?_wi=3",
imageAlt: "Upcoming blockbusters",
},
id: "2", name: "Upcoming Blockbusters", price: "Coming Soon", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/demon-slayer-movie-poster-featuring-prot-1772520692276-da36db2c.png", imageAlt: "Upcoming blockbusters"},
{
id: "3",
name: "Fan Favorites",
price: "Trending",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/attack-on-titan-anime-cover-featuring-th-1772520693507-b668e49d.png?_wi=4",
imageAlt: "Fan favorite anime",
},
id: "3", name: "Fan Favorites", price: "Trending", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQN11hrJsQDw2E068Omk9oS6gj/attack-on-titan-anime-cover-featuring-th-1772520693507-b668e49d.png", imageAlt: "Fan favorite anime"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"