diff --git a/src/app/browse/page.tsx b/src/app/browse/page.tsx index dd32263..989c137 100644 --- a/src/app/browse/page.tsx +++ b/src/app/browse/page.tsx @@ -47,7 +47,7 @@ export default function BrowsePage() { borderRadius="pill" contentWidth="small" sizing="mediumLargeSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -63,42 +63,26 @@ export default function BrowsePage() { tagIcon={MapPin} title="Explore Thousands of Retail Stores" description="Discover the complete collection of retail stores across multiple categories. Browse by location, store type, or services offered. Find exactly what you need with our advanced filtering and search capabilities." - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg?_wi=4", - imageAlt: "Store listing grid", - }, + imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg", imageAlt: "Store listing grid"}, { - imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg?_wi=4", - imageAlt: "Store search interface", - }, + imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg", imageAlt: "Store search interface"}, { - imageSrc: "http://img.b2bpic.net/free-psd/zero-waste-instagram-stories-template_23-2148476918.jpg?_wi=3", - imageAlt: "Shopping destination", - }, + imageSrc: "http://img.b2bpic.net/free-psd/zero-waste-instagram-stories-template_23-2148476918.jpg", imageAlt: "Shopping destination"}, { - imageSrc: "http://img.b2bpic.net/free-vector/different-people-using-augmented-reality-smartphones_52683-52899.jpg?_wi=3", - imageAlt: "Store profile details", - }, + imageSrc: "http://img.b2bpic.net/free-vector/different-people-using-augmented-reality-smartphones_52683-52899.jpg", imageAlt: "Store profile details"}, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-vector/different-people-using-augmented-reality-smartphones_52683-52899.jpg?_wi=4", - imageAlt: "Browse store profiles", - }, + imageSrc: "http://img.b2bpic.net/free-vector/different-people-using-augmented-reality-smartphones_52683-52899.jpg", imageAlt: "Browse store profiles"}, { - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg?_wi=5", - imageAlt: "Store directory", - }, + imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg", imageAlt: "Store directory"}, { - imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg?_wi=5", - imageAlt: "Find stores", - }, + imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg", imageAlt: "Find stores"}, { - imageSrc: "http://img.b2bpic.net/free-psd/zero-waste-instagram-stories-template_23-2148476918.jpg?_wi=4", - imageAlt: "Retail stores", - }, + imageSrc: "http://img.b2bpic.net/free-psd/zero-waste-instagram-stories-template_23-2148476918.jpg", imageAlt: "Retail stores"}, ]} carouselPosition="right" buttons={[ @@ -116,35 +100,17 @@ export default function BrowsePage() { tagIcon={MessageCircle} testimonials={[ { - id: "1", - name: "Lisa Chen", - role: "Regular Shopper", - testimonial: - "The browse feature helped me find specialty stores I never knew existed. I love being able to see all available options in my area at once.", - imageSrc: - "http://img.b2bpic.net/free-vector/testimonial-design-with-speech-bubbles-concept_23-2147951850.jpg?_wi=2", - imageAlt: "Lisa Chen", - }, + id: "1", name: "Lisa Chen", role: "Regular Shopper", testimonial: + "The browse feature helped me find specialty stores I never knew existed. I love being able to see all available options in my area at once.", imageSrc: + "http://img.b2bpic.net/free-vector/testimonial-design-with-speech-bubbles-concept_23-2147951850.jpg", imageAlt: "Lisa Chen"}, { - id: "2", - name: "Michael Park", - role: "Shopping Center Manager", - testimonial: - "Our mall's store listings on StoreHub have increased foot traffic significantly. The platform is essential for modern retail discovery.", - imageSrc: - "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg?_wi=2", - imageAlt: "Michael Park", - }, + id: "2", name: "Michael Park", role: "Shopping Center Manager", testimonial: + "Our mall's store listings on StoreHub have increased foot traffic significantly. The platform is essential for modern retail discovery.", imageSrc: + "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg", imageAlt: "Michael Park"}, { - id: "3", - name: "Sarah Anderson", - role: "Fashion Enthusiast", - testimonial: - "I use the browse filters all the time to find fashion retailers with specific services. It's like having a personal shopping assistant!", - imageSrc: - "http://img.b2bpic.net/free-photo/redhead-woman-holding-yellow-shopping-bag_23-2148339164.jpg?_wi=2", - imageAlt: "Sarah Anderson", - }, + id: "3", name: "Sarah Anderson", role: "Fashion Enthusiast", testimonial: + "I use the browse filters all the time to find fashion retailers with specific services. It's like having a personal shopping assistant!", imageSrc: + "http://img.b2bpic.net/free-photo/redhead-woman-holding-yellow-shopping-bag_23-2148339164.jpg", imageAlt: "Sarah Anderson"}, ]} textboxLayout="default" useInvertedBackground={false}