From 623d0481fb282ab15551446a6cf59a2bbe698024 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 17:02:15 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 207 +++++++---------------------------------------- 1 file changed, 31 insertions(+), 176 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 827055a..ad59cfe 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,6 +12,7 @@ import BlogCardThree from "@/components/sections/blog/BlogCardThree"; import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterMedia from "@/components/sections/footer/FooterMedia"; +import { Shield } from "lucide-react"; export default function HomePage() { const navItems = [ @@ -24,8 +25,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Shop", - items: [ + title: "Shop", items: [ { label: "All Products", href: "/products" }, { label: "Featured Collections", href: "/products?sort=featured" }, { label: "Latest Deals", href: "/deals" }, @@ -33,8 +33,7 @@ export default function HomePage() { ], }, { - title: "Learn", - items: [ + title: "Learn", items: [ { label: "Fashion Blog", href: "/blog" }, { label: "Styling Guides", href: "/blog?category=styling" }, { label: "Care Tips", href: "/blog?category=care" }, @@ -42,8 +41,7 @@ export default function HomePage() { ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }, { label: "Newsletter", href: "/contact#newsletter" }, @@ -72,9 +70,7 @@ export default function HomePage() { id: item.id, }))} button={{ - text: "Contact Us", - href: "/contact", - }} + text: "Contact Us", href: "/contact"}} brandName="Vogue Bags" /> @@ -101,71 +97,30 @@ export default function HomePage() { title="Featured Collections" description="Shop our handpicked selection of premium bags from trusted brands" tag="Popular" + tagIcon={Shield} textboxLayout="default" useInvertedBackground={false} animationType="slide-up" gridVariant="three-columns-all-equal-width" products={[ { - id: "1", - brand: "LuxeCarry", - name: "Elegant Leather Tote", - price: "$149.99", - rating: 5, - reviewCount: "2.3k", - imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073502.jpg?_wi=1", - imageAlt: "Premium leather tote bag", - }, + id: "1", brand: "LuxeCarry", name: "Elegant Leather Tote", price: "$149.99", rating: 5, + reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073502.jpg?_wi=1", imageAlt: "Premium leather tote bag"}, { - id: "2", - brand: "UrbanStyle", - name: "Crossbody Shoulder Bag", - price: "$89.99", - rating: 4, - reviewCount: "1.8k", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-city-fashion-details-stylish-elegant-woman-wearing-silver-sweater-silk-skirt-luxury-leather-bag-sunglasses-posing-new-york-street-near-business-centers-tap-her-phone_291049-277.jpg?_wi=1", - imageAlt: "Stylish crossbody shoulder bag", - }, + id: "2", brand: "UrbanStyle", name: "Crossbody Shoulder Bag", price: "$89.99", rating: 4, + reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-city-fashion-details-stylish-elegant-woman-wearing-silver-sweater-silk-skirt-luxury-leather-bag-sunglasses-posing-new-york-street-near-business-centers-tap-her-phone_291049-277.jpg?_wi=1", imageAlt: "Stylish crossbody shoulder bag"}, { - id: "3", - brand: "MinimalChic", - name: "Minimalist Backpack", - price: "$119.99", - rating: 5, - reviewCount: "945", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-walking-street_23-2147860899.jpg?_wi=1", - imageAlt: "Modern minimalist backpack", - }, + id: "3", brand: "MinimalChic", name: "Minimalist Backpack", price: "$119.99", rating: 5, + reviewCount: "945", imageSrc: "http://img.b2bpic.net/free-photo/young-man-walking-street_23-2147860899.jpg?_wi=1", imageAlt: "Modern minimalist backpack"}, { - id: "4", - brand: "ClassicChoice", - name: "Structured Handbag", - price: "$179.99", - rating: 5, - reviewCount: "3.1k", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-walking-street-fashionable-outfit-holding-purse-looking-down-wearing-black-leather-jacket-white-lace-dress-spring-autumn-style_285396-6732.jpg?_wi=1", - imageAlt: "Structured premium handbag", - }, + id: "4", brand: "ClassicChoice", name: "Structured Handbag", price: "$179.99", rating: 5, + reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-walking-street-fashionable-outfit-holding-purse-looking-down-wearing-black-leather-jacket-white-lace-dress-spring-autumn-style_285396-6732.jpg?_wi=1", imageAlt: "Structured premium handbag"}, { - id: "5", - brand: "TravelEssentials", - name: "Weekend Duffel Bag", - price: "$129.99", - rating: 4, - reviewCount: "1.2k", - imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-walking-street-fashionable-outfit-holding-purse-wearing-black-leather-jacket-white-lace-dress-spring-autumn-style-posing-high-leather-boots_285396-6750.jpg?_wi=1", - imageAlt: "Spacious weekend duffel bag", - }, + id: "5", brand: "TravelEssentials", name: "Weekend Duffel Bag", price: "$129.99", rating: 4, + reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-woman-walking-street-fashionable-outfit-holding-purse-wearing-black-leather-jacket-white-lace-dress-spring-autumn-style-posing-high-leather-boots_285396-6750.jpg?_wi=1", imageAlt: "Spacious weekend duffel bag"}, { - id: "6", - brand: "EventGlam", - name: "Clutch Evening Bag", - price: "$79.99", - rating: 5, - reviewCount: "856", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-posing-street-fashionable-outfit-suede-handbag-wearing-black-leather-jacket-white-lace-dress-spring-autumn-style_285396-6756.jpg?_wi=1", - imageAlt: "Elegant evening clutch", - }, + id: "6", brand: "EventGlam", name: "Clutch Evening Bag", price: "$79.99", rating: 5, + reviewCount: "856", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-posing-street-fashionable-outfit-suede-handbag-wearing-black-leather-jacket-white-lace-dress-spring-autumn-style_285396-6756.jpg?_wi=1", imageAlt: "Elegant evening clutch"}, ]} /> @@ -189,19 +144,11 @@ export default function HomePage() { animationType="slide-up" negativeCard={{ items: [ - "Limited bag selection elsewhere", - "Unreliable brand partnerships", - "No expert styling guidance", - "Scattered affiliate sources", - ], + "Limited bag selection elsewhere", "Unreliable brand partnerships", "No expert styling guidance", "Scattered affiliate sources"], }} positiveCard={{ items: [ - "Handpicked premium bag collection", - "Trusted brand partnerships", - "Expert styling tips & trends", - "Verified affiliate links", - ], + "Handpicked premium bag collection", "Trusted brand partnerships", "Expert styling tips & trends", "Verified affiliate links"], }} /> @@ -214,15 +161,7 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Amazon Fashion", - "Flipkart", - "Meesho", - "LuxeCarry", - "UrbanStyle", - "MinimalChic", - "ClassicChoice", - "TravelEssentials", - ]} + "Amazon Fashion", "Flipkart", "Meesho", "LuxeCarry", "UrbanStyle", "MinimalChic", "ClassicChoice", "TravelEssentials"]} speed={40} showCard={true} /> @@ -239,49 +178,13 @@ export default function HomePage() { carouselMode="buttons" blogs={[ { - id: "1", - category: "Styling Tips", - title: "How to Choose the Perfect Tote for Work", - excerpt: "Discover what makes a great work tote and how to style it with any outfit.", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-outdoors_23-2148760469.jpg?_wi=1", - imageAlt: "Work tote styling guide", - authorName: "Sarah Chen", - authorAvatar: "http://img.b2bpic.net/free-photo/dreamy-beautiful-young-caucasian-woman-with-pretty-face-thinking-about-something-while-sitting-front-portable-laptop-computer-coffee-shop_273609-532.jpg", - date: "Feb 15, 2025", - }, + id: "1", category: "Styling Tips", title: "How to Choose the Perfect Tote for Work", excerpt: "Discover what makes a great work tote and how to style it with any outfit.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-woman-outdoors_23-2148760469.jpg?_wi=1", imageAlt: "Work tote styling guide", authorName: "Sarah Chen", authorAvatar: "http://img.b2bpic.net/free-photo/dreamy-beautiful-young-caucasian-woman-with-pretty-face-thinking-about-something-while-sitting-front-portable-laptop-computer-coffee-shop_273609-532.jpg", date: "Feb 15, 2025"}, { - id: "2", - category: "Trends", - title: "Spring Bag Trends You Need to Know", - excerpt: "From mini bags to oversized totes, explore the hottest trends for spring 2025.", - imageSrc: "http://img.b2bpic.net/free-photo/two-young-adult-girls_1153-5219.jpg?_wi=1", - imageAlt: "Spring 2025 bag trends", - authorName: "Emma Rodriguez", - authorAvatar: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-white-dress_1187-3643.jpg", - date: "Feb 10, 2025", - }, + id: "2", category: "Trends", title: "Spring Bag Trends You Need to Know", excerpt: "From mini bags to oversized totes, explore the hottest trends for spring 2025.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-adult-girls_1153-5219.jpg?_wi=1", imageAlt: "Spring 2025 bag trends", authorName: "Emma Rodriguez", authorAvatar: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-white-dress_1187-3643.jpg", date: "Feb 10, 2025"}, { - id: "3", - category: "Care Guide", - title: "Ultimate Bag Care: Keep Your Investment Looking New", - excerpt: "Learn professional tips to maintain and care for your premium bags.", - imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986246.jpg?_wi=1", - imageAlt: "Bag care and maintenance guide", - authorName: "Lisa Wang", - authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-blonde-engineer-builder-girl-uniform-dental-braces-standing-with-closed-posture-isolated-white-space-with-copy-space_141793-92564.jpg", - date: "Feb 5, 2025", - }, + id: "3", category: "Care Guide", title: "Ultimate Bag Care: Keep Your Investment Looking New", excerpt: "Learn professional tips to maintain and care for your premium bags.", imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986246.jpg?_wi=1", imageAlt: "Bag care and maintenance guide", authorName: "Lisa Wang", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-blonde-engineer-builder-girl-uniform-dental-braces-standing-with-closed-posture-isolated-white-space-with-copy-space_141793-92564.jpg", date: "Feb 5, 2025"}, { - id: "4", - category: "Fashion", - title: "Capsule Wardrobe: The 3 Bags Every Woman Needs", - excerpt: "Build a versatile bag collection that works with any style and occasion.", - imageSrc: "http://img.b2bpic.net/free-photo/sopping-bag-woman-s-accessories-wooden-desk_23-2147889057.jpg?_wi=1", - imageAlt: "Essential capsule bag collection", - authorName: "Maya Patel", - authorAvatar: "http://img.b2bpic.net/free-photo/side-view-people-discussing-project_23-2149721919.jpg", - date: "Jan 30, 2025", - }, + id: "4", category: "Fashion", title: "Capsule Wardrobe: The 3 Bags Every Woman Needs", excerpt: "Build a versatile bag collection that works with any style and occasion.", imageSrc: "http://img.b2bpic.net/free-photo/sopping-bag-woman-s-accessories-wooden-desk_23-2147889057.jpg?_wi=1", imageAlt: "Essential capsule bag collection", authorName: "Maya Patel", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-people-discussing-project_23-2149721919.jpg", date: "Jan 30, 2025"}, ]} /> @@ -295,65 +198,17 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Priya Sharma, Fashion Blogger", - date: "Date: February 12, 2025", - title: "Absolutely love the curation!", - quote: "Vogue Bags has made my shopping so much easier. The selection is amazing and all the affiliate links are genuine. I trust their recommendations completely!", - tag: "Premium Member", - avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2851.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-bunch-shopping-bags-cup-coffee_114579-65254.jpg", - }, + id: "1", name: "Priya Sharma, Fashion Blogger", date: "Date: February 12, 2025", title: "Absolutely love the curation!", quote: "Vogue Bags has made my shopping so much easier. The selection is amazing and all the affiliate links are genuine. I trust their recommendations completely!", tag: "Premium Member", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2851.jpg", imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-holding-bunch-shopping-bags-cup-coffee_114579-65254.jpg"}, { - id: "2", - name: "Anjali Verma, Busy Professional", - date: "Date: February 8, 2025", - title: "Saved me so much time finding quality bags", - quote: "As someone who doesn't have time to browse endless options, this site is perfect. The blog posts help me understand what works for my lifestyle.", - tag: "Regular Customer", - avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing_23-2148728584.jpg", - }, + id: "2", name: "Anjali Verma, Busy Professional", date: "Date: February 8, 2025", title: "Saved me so much time finding quality bags", quote: "As someone who doesn't have time to browse endless options, this site is perfect. The blog posts help me understand what works for my lifestyle.", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-fashionable-teenage-girl-with-fair-hair_176532-8114.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-curly-hair-posing_23-2148728584.jpg"}, { - id: "3", - name: "Neha Kapoor, Luxury Collector", - date: "Date: February 1, 2025", - title: "Premium quality recommendations", - quote: "Finally found a site that understands quality and style. The brands featured are exactly what I look for in my collection.", - tag: "VIP Member", - avatarSrc: "http://img.b2bpic.net/free-photo/young-funny-man-floral-clothes-using-banana-as-telephone_23-2148122043.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-beautiful-nail-polish-rings-holding-small-black-bag_132075-12203.jpg", - }, + id: "3", name: "Neha Kapoor, Luxury Collector", date: "Date: February 1, 2025", title: "Premium quality recommendations", quote: "Finally found a site that understands quality and style. The brands featured are exactly what I look for in my collection.", tag: "VIP Member", avatarSrc: "http://img.b2bpic.net/free-photo/young-funny-man-floral-clothes-using-banana-as-telephone_23-2148122043.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-beautiful-nail-polish-rings-holding-small-black-bag_132075-12203.jpg"}, { - id: "4", - name: "Radhika Gupta, Student", - date: "Date: January 28, 2025", - title: "Affordable finds for every budget", - quote: "Love that there are options for every price point. I found amazing bags that fit my student budget without compromising on style.", - tag: "Budget Buyer", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-street_641386-1111.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/brunette-lady-with-shopping-packets_23-2147950226.jpg", - }, + id: "4", name: "Radhika Gupta, Student", date: "Date: January 28, 2025", title: "Affordable finds for every budget", quote: "Love that there are options for every price point. I found amazing bags that fit my student budget without compromising on style.", tag: "Budget Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-street_641386-1111.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brunette-lady-with-shopping-packets_23-2147950226.jpg"}, { - id: "5", - name: "Divya Singh, Travel Enthusiast", - date: "Date: January 22, 2025", - title: "Perfect for travel shopping", - quote: "The travel bag category helped me find my perfect companion for my trips. Great recommendations!", - tag: "Traveler", - avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-resting-log_23-2147835308.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/young-traveler-man-with-blue-suitcase-looking-confident-smiling-with-happy-face-ready-travel-standing_141793-14610.jpg", - }, + id: "5", name: "Divya Singh, Travel Enthusiast", date: "Date: January 22, 2025", title: "Perfect for travel shopping", quote: "The travel bag category helped me find my perfect companion for my trips. Great recommendations!", tag: "Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-woman-resting-log_23-2147835308.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-traveler-man-with-blue-suitcase-looking-confident-smiling-with-happy-face-ready-travel-standing_141793-14610.jpg"}, { - id: "6", - name: "Zara Malik, Entrepreneur", - date: "Date: January 15, 2025", - title: "Trustworthy source for gifts", - quote: "I come here whenever I need to find the perfect bag gift. The recommendations never disappoint my recipients!", - tag: "Gift Buyer", - avatarSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300871.jpg", - }, + id: "6", name: "Zara Malik, Entrepreneur", date: "Date: January 15, 2025", title: "Trustworthy source for gifts", quote: "I come here whenever I need to find the perfect bag gift. The recommendations never disappoint my recipients!", tag: "Gift Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/confident-cheerful-businesswoman_1262-21021.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-business-owner-preparing-her-store_23-2149300871.jpg"}, ]} />