diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index da89cae..e58c377 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -16,7 +16,7 @@ export default function AboutPage() { borderRadius="pill" contentWidth="small" sizing="mediumLargeSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -42,18 +42,15 @@ export default function AboutPage() { description="StoreHub is your ultimate retail commerce directory platform. We connect millions of shoppers with thousands of retail stores, providing comprehensive information, real-time updates, and seamless shopping experiences. Our mission is to make store discovery effortless and enjoyable." metrics={[ { - value: "50K+", - title: "Retail Stores Listed", - }, + value: "50K+", title: "Retail Stores Listed"}, { - value: "2M+", - title: "Monthly Active Users", - }, + value: "2M+", title: "Monthly Active Users"}, ]} - imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg?_wi=6" + imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg" imageAlt="Retail stores directory" useInvertedBackground={true} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -65,31 +62,19 @@ export default function AboutPage() { description="Access advanced search and filtering capabilities to find exactly what you're looking for. Our platform puts comprehensive retail information at your fingertips." accordionItems={[ { - id: "1", - title: "Smart Store Search", - content: - "Find stores by name, category, location, or services offered. Our intelligent search engine delivers accurate results in seconds, helping you locate the perfect retail destination.", - }, + id: "1", title: "Smart Store Search", content: + "Find stores by name, category, location, or services offered. Our intelligent search engine delivers accurate results in seconds, helping you locate the perfect retail destination."}, { - id: "2", - title: "Detailed Store Profiles", - content: - "Access complete store information including hours, contact details, locations, services, amenities, and customer reviews. Make informed decisions before your visit.", - }, + id: "2", title: "Detailed Store Profiles", content: + "Access complete store information including hours, contact details, locations, services, amenities, and customer reviews. Make informed decisions before your visit."}, { - id: "3", - title: "Real-Time Updates", - content: - "Get instant notifications about store promotions, new openings, temporary closures, and special events. Stay connected with your favorite retail destinations.", - }, + id: "3", title: "Real-Time Updates", content: + "Get instant notifications about store promotions, new openings, temporary closures, and special events. Stay connected with your favorite retail destinations."}, { - id: "4", - title: "Store Ratings & Reviews", - content: - "Read authentic customer reviews and ratings for stores. Share your experiences and help other shoppers discover quality retailers in your area.", - }, + id: "4", title: "Store Ratings & Reviews", content: + "Read authentic customer reviews and ratings for stores. Share your experiences and help other shoppers discover quality retailers in your area."}, ]} - imageSrc="http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg?_wi=6" + imageSrc="http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg" imageAlt="Store search and discovery" useInvertedBackground={false} mediaPosition="right" @@ -104,49 +89,31 @@ export default function AboutPage() { { items: [ { - label: "Home", - href: "/", - }, + label: "Home", href: "/"}, { - label: "Browse Stores", - href: "/browse", - }, + label: "Browse Stores", href: "/browse"}, { - label: "About", - href: "/about", - }, + label: "About", href: "/about"}, ], }, { items: [ { - label: "Contact", - href: "/contact", - }, + label: "Contact", href: "/contact"}, { - label: "Support", - href: "#", - }, + label: "Support", href: "#"}, { - label: "For Businesses", - href: "#", - }, + label: "For Businesses", href: "#"}, ], }, { items: [ { - label: "Privacy Policy", - href: "#", - }, + label: "Privacy Policy", href: "#"}, { - label: "Terms of Service", - href: "#", - }, + label: "Terms of Service", href: "#"}, { - label: "Cookie Policy", - href: "#", - }, + label: "Cookie Policy", href: "#"}, ], }, ]} 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} diff --git a/src/app/page.tsx b/src/app/page.tsx index f0d4cb8..185ae1f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,7 +51,7 @@ export default function HomePage() { borderRadius="pill" contentWidth="small" sizing="mediumLargeSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="gradient-bordered" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="solid" @@ -67,42 +67,26 @@ export default function HomePage() { tagIcon={MapPin} title="Find Every Store in One Place" description="Explore comprehensive retail store directories, discover new shopping destinations, and get detailed information about your favorite commercial spaces. Search, filter, and connect with thousands of stores." - background={{ variant: "grid" }} + background={{ variant: "animated-grid" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-psd/zero-waste-instagram-stories-template_23-2148476918.jpg?_wi=1", - imageAlt: "Modern shopping mall", - }, + imageSrc: "http://img.b2bpic.net/free-psd/zero-waste-instagram-stories-template_23-2148476918.jpg", imageAlt: "Modern shopping mall"}, { - imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg?_wi=1", - 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-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg?_wi=1", - 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/different-people-using-augmented-reality-smartphones_52683-52899.jpg?_wi=1", - 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=2", - imageAlt: "Detailed store information", - }, + imageSrc: "http://img.b2bpic.net/free-vector/different-people-using-augmented-reality-smartphones_52683-52899.jpg", imageAlt: "Detailed store information"}, { - imageSrc: "http://img.b2bpic.net/free-psd/zero-waste-instagram-stories-template_23-2148476918.jpg?_wi=2", - 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/purchase-online-app-concept-pack_23-2148650966.jpg?_wi=2", - imageAlt: "Smart search functionality", - }, + imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg", imageAlt: "Smart search functionality"}, { - imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg?_wi=2", - imageAlt: "Complete store catalog", - }, + imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg", imageAlt: "Complete store catalog"}, ]} carouselPosition="right" buttons={[ @@ -122,10 +106,11 @@ export default function HomePage() { { value: "50K+", title: "Retail Stores Listed" }, { value: "2M+", title: "Monthly Active Users" }, ]} - imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-vector/hand-drawn-sale-instagram-story-collection_23-2149069773.jpg" imageAlt="Retail stores directory" useInvertedBackground={true} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -137,31 +122,19 @@ export default function HomePage() { description="Access advanced search and filtering capabilities to find exactly what you're looking for. Our platform puts comprehensive retail information at your fingertips." accordionItems={[ { - id: "1", - title: "Smart Store Search", - content: - "Find stores by name, category, location, or services offered. Our intelligent search engine delivers accurate results in seconds, helping you locate the perfect retail destination.", - }, + id: "1", title: "Smart Store Search", content: + "Find stores by name, category, location, or services offered. Our intelligent search engine delivers accurate results in seconds, helping you locate the perfect retail destination."}, { - id: "2", - title: "Detailed Store Profiles", - content: - "Access complete store information including hours, contact details, locations, services, amenities, and customer reviews. Make informed decisions before your visit.", - }, + id: "2", title: "Detailed Store Profiles", content: + "Access complete store information including hours, contact details, locations, services, amenities, and customer reviews. Make informed decisions before your visit."}, { - id: "3", - title: "Real-Time Updates", - content: - "Get instant notifications about store promotions, new openings, temporary closures, and special events. Stay connected with your favorite retail destinations.", - }, + id: "3", title: "Real-Time Updates", content: + "Get instant notifications about store promotions, new openings, temporary closures, and special events. Stay connected with your favorite retail destinations."}, { - id: "4", - title: "Store Ratings & Reviews", - content: - "Read authentic customer reviews and ratings for stores. Share your experiences and help other shoppers discover quality retailers in your area.", - }, + id: "4", title: "Store Ratings & Reviews", content: + "Read authentic customer reviews and ratings for stores. Share your experiences and help other shoppers discover quality retailers in your area."}, ]} - imageSrc="http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-vector/purchase-online-app-concept-pack_23-2148650966.jpg" imageAlt="Store search and discovery" useInvertedBackground={false} mediaPosition="right" @@ -176,14 +149,7 @@ export default function HomePage() { tag="Featured Partners" tagIcon={Building2} names={[ - "Shopping District Collective", - "Retail Alliance Network", - "Commerce Hub Association", - "Store Owners Federation", - "Shopping Center Group", - "Retail Excellence Initiative", - "Commerce Directory Plus", - ]} + "Shopping District Collective", "Retail Alliance Network", "Commerce Hub Association", "Store Owners Federation", "Shopping Center Group", "Retail Excellence Initiative", "Commerce Directory Plus"]} textboxLayout="default" useInvertedBackground={true} speed={40} @@ -199,45 +165,21 @@ export default function HomePage() { tagIcon={MessageCircle} testimonials={[ { - id: "1", - name: "Maria Santos", - role: "Frequent Shopper", - testimonial: - "StoreHub completely changed how I discover stores. I found amazing boutiques I never knew existed in my neighborhood. The detailed information and reviews are incredibly helpful!", - imageSrc: - "http://img.b2bpic.net/free-vector/testimonial-design-with-speech-bubbles-concept_23-2147951850.jpg?_wi=1", - imageAlt: "Maria Santos", - }, + id: "1", name: "Maria Santos", role: "Frequent Shopper", testimonial: + "StoreHub completely changed how I discover stores. I found amazing boutiques I never knew existed in my neighborhood. The detailed information and reviews are incredibly helpful!", imageSrc: + "http://img.b2bpic.net/free-vector/testimonial-design-with-speech-bubbles-concept_23-2147951850.jpg", imageAlt: "Maria Santos"}, { - id: "2", - name: "David Thompson", - role: "Store Manager", - testimonial: - "As a store manager, I appreciate how StoreHub showcases our business. Our customers find us easily, and the platform provides valuable insights about shopping trends.", - imageSrc: - "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg?_wi=1", - imageAlt: "David Thompson", - }, + id: "2", name: "David Thompson", role: "Store Manager", testimonial: + "As a store manager, I appreciate how StoreHub showcases our business. Our customers find us easily, and the platform provides valuable insights about shopping trends.", imageSrc: + "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg", imageAlt: "David Thompson"}, { - id: "3", - name: "Elena Rodriguez", - role: "Shopping Enthusiast", - testimonial: - "The search functionality is fantastic! I can filter by store type, hours, and customer ratings. It saves me so much time planning my shopping trips.", - imageSrc: - "http://img.b2bpic.net/free-photo/redhead-woman-holding-yellow-shopping-bag_23-2148339164.jpg?_wi=1", - imageAlt: "Elena Rodriguez", - }, + id: "3", name: "Elena Rodriguez", role: "Shopping Enthusiast", testimonial: + "The search functionality is fantastic! I can filter by store type, hours, and customer ratings. It saves me so much time planning my shopping trips.", imageSrc: + "http://img.b2bpic.net/free-photo/redhead-woman-holding-yellow-shopping-bag_23-2148339164.jpg", imageAlt: "Elena Rodriguez"}, { - id: "4", - name: "James Wilson", - role: "Retail Professional", - testimonial: - "StoreHub is the future of retail discovery. The comprehensive store information and real-time updates make it an essential tool for both shoppers and retailers.", - imageSrc: - "http://img.b2bpic.net/free-photo/closeup-selective-focus-shot-female-trying-some-clothes-standing-front-mirror_181624-19342.jpg", - imageAlt: "James Wilson", - }, + id: "4", name: "James Wilson", role: "Retail Professional", testimonial: + "StoreHub is the future of retail discovery. The comprehensive store information and real-time updates make it an essential tool for both shoppers and retailers.", imageSrc: + "http://img.b2bpic.net/free-photo/closeup-selective-focus-shot-female-trying-some-clothes-standing-front-mirror_181624-19342.jpg", imageAlt: "James Wilson"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -253,37 +195,22 @@ export default function HomePage() { tagIcon={HelpCircle} faqs={[ { - id: "1", - title: "How do I search for stores on StoreHub?", - content: - "Simply use our search bar to enter a store name, category (like 'clothing' or 'electronics'), or location. You can refine results using filters for distance, hours, ratings, and more. Our algorithm finds the most relevant results instantly.", - }, + id: "1", title: "How do I search for stores on StoreHub?", content: + "Simply use our search bar to enter a store name, category (like 'clothing' or 'electronics'), or location. You can refine results using filters for distance, hours, ratings, and more. Our algorithm finds the most relevant results instantly."}, { - id: "2", - title: "Can I see store hours and contact information?", - content: - "Yes! Each store profile displays complete information including business hours, phone numbers, websites, physical addresses, directions, and special services. This information is updated regularly by store owners and our team.", - }, + id: "2", title: "Can I see store hours and contact information?", content: + "Yes! Each store profile displays complete information including business hours, phone numbers, websites, physical addresses, directions, and special services. This information is updated regularly by store owners and our team."}, { - id: "3", - title: "How accurate are the store reviews and ratings?", - content: - "All reviews are verified from real customers. We use advanced algorithms to detect and remove fake reviews, ensuring authenticity. Store ratings are calculated from genuine customer experiences and feedback.", - }, + id: "3", title: "How accurate are the store reviews and ratings?", content: + "All reviews are verified from real customers. We use advanced algorithms to detect and remove fake reviews, ensuring authenticity. Store ratings are calculated from genuine customer experiences and feedback."}, { - id: "4", - title: "Can store owners update their information?", - content: - "Absolutely! Store owners and managers can claim their listings and update information, photos, hours, promotions, and services directly. This ensures customers always see the most current details.", - }, + id: "4", title: "Can store owners update their information?", content: + "Absolutely! Store owners and managers can claim their listings and update information, photos, hours, promotions, and services directly. This ensures customers always see the most current details."}, { - id: "5", - title: "Is StoreHub available on mobile devices?", - content: - "Yes, StoreHub is fully optimized for smartphones and tablets. Download our mobile app or access the responsive web version for seamless store discovery on the go.", - }, + id: "5", title: "Is StoreHub available on mobile devices?", content: + "Yes, StoreHub is fully optimized for smartphones and tablets. Download our mobile app or access the responsive web version for seamless store discovery on the go."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142184.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142184.jpg" imageAlt="Customer support and help" useInvertedBackground={true} mediaPosition="right"