bender/098ea681-8e6c-4b28-848f-cf1d6843383f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #9

Merged
bender merged 3 commits from version_3 into main 2026-03-08 05:13:48 +00:00
Conversation 0 Commits 3 Files Changed 3 +216 -10
3 changed files with 216 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@@ -1386,4 +1386,4 @@ export default function RootLayout({
</body>
</html>
);
}
}

222
src/app/men/page.tsx
View File

@@ -2,10 +2,15 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Instagram, Twitter, Facebook } from "lucide-react";
import { Sparkles, Zap, TrendingUp, Star, Heart, Camera, Instagram, Twitter, Facebook } from "lucide-react";
export default function MenPage() {
export default function MensCollectionPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -19,6 +24,7 @@ export default function MenPage() {
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Your Logo"
@@ -27,22 +33,222 @@ export default function MenPage() {
{ name: "Shop", id: "/shop" },
{ name: "Men", id: "/men" },
{ name: "Women", id: "/women" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" }
]}
button={{ text: "Cart", href: "/cart" }}
button={{
text: "Cart", href: "/cart"
}}
animateOnLoad={true}
/>
</div>
{/* Hero Section */}
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Men's Collection"
description="Bold Graphics for the Modern Man"
background={{ variant: "plain" }}
tag="Exclusive Designs"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "Shop Now", href: "/shop"
},
{
text: "View All", href: "/shop"
},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg", imageAlt: "Male model wearing bold graphic t-shirt"
},
{
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448773.jpg?_wi=1", imageAlt: "Premium black graphic tee for men"
},
{
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-vector/merry-christmas-with-creative-card_23-2147578466.jpg?_wi=1", imageAlt: "White minimalist graphic t-shirt men's style"
},
{
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-vector/gospel-word-concept_23-2148717553.jpg?_wi=1", imageAlt: "Bold color graphic tee for men"
},
{
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/crystal-typeface_1284-46616.jpg?_wi=1", imageAlt: "Contemporary graphic t-shirt art men's collection"
},
{
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg?_wi=1", imageAlt: "Men's collection overview"
},
]}
autoPlay={true}
autoPlayInterval={4000}
ariaLabel="Men's collection hero section with product carousel"
/>
</div>
{/* Category Section */}
<div id="category" data-section="category">
<ProductCardFour
title="Shop by Style"
description="Find your perfect fit with our curated men's styles"
tag="Collections"
tagIcon={Zap}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "casual-style", name: "Casual Vibes", price: "Starting at $29.99", variant: "Relaxed Fit Tees", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg?_wi=2", imageAlt: "Men's casual style t-shirts", isFavorited: false,
},
{
id: "streetwear-style", name: "Streetwear Edge", price: "Starting at $34.99", variant: "Bold Print Tees", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigmented-cloths-laundry-wire-arrangement_23-2148734286.jpg", imageAlt: "Men's streetwear edge t-shirts", isFavorited: false,
},
]}
gridVariant="two-columns-alternating-heights"
carouselMode="buttons"
/>
</div>
{/* Featured Products Section */}
<div id="highlights" data-section="highlights">
<ProductCardFour
title="Featured Men's Tees"
description="Our best-selling designs for men"
tag="Best Sellers"
tagIcon={TrendingUp}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "product-men-001", name: "Urban Edge Tee", price: "$49.99", variant: "Black • 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448773.jpg?_wi=2", imageAlt: "Urban edge graphic t-shirt for men", isFavorited: false,
},
{
id: "product-men-002", name: "Classic Statement Tee", price: "$44.99", variant: "White • 3 Colors", imageSrc: "http://img.b2bpic.net/free-vector/merry-christmas-with-creative-card_23-2147578466.jpg?_wi=2", imageAlt: "Classic statement graphic t-shirt for men", isFavorited: false,
},
{
id: "product-men-003", name: "Artistic Vibes Tee", price: "$54.99", variant: "Multi • 4 Colors", imageSrc: "http://img.b2bpic.net/free-vector/gospel-word-concept_23-2148717553.jpg?_wi=2", imageAlt: "Artistic vibes graphic t-shirt for men", isFavorited: false,
},
{
id: "product-men-004", name: "Modern Aesthetic Tee", price: "$49.99", variant: "Navy • 6 Colors", imageSrc: "http://img.b2bpic.net/free-vector/crystal-typeface_1284-46616.jpg?_wi=2", imageAlt: "Modern aesthetic graphic t-shirt for men", isFavorited: false,
},
]}
gridVariant="uniform-all-items-equal"
carouselMode="buttons"
/>
</div>
{/* Social Proof Section */}
<div id="social-proof" data-section="social-proof">
<SocialProofOne
title="Trusted by Men Worldwide"
description="Join thousands of men who've made our graphic tees part of their everyday style"
tag="Our Partners"
tagIcon={Star}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
names={[
"Fashion Nova", "Streetwear Daily", "Urban Culture", "Modern Style", "Trend Central", "Apparel Co", "Design House"
]}
logos={[
"http://img.b2bpic.net/free-vector/vintage-robert-johnson-handyman-logo_742173-1573.jpg", "http://img.b2bpic.net/free-vector/retro-collection-business-company-logo_23-2148462310.jpg", "http://img.b2bpic.net/free-psd/landing-page-ad-school-template_23-2148797850.jpg", "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147840443.jpg", "http://img.b2bpic.net/free-vector/absinthe-label-font-sample_1284-39602.jpg", "http://img.b2bpic.net/free-vector/authentic-footware-vintage-badge_23-2147504423.jpg", "http://img.b2bpic.net/free-vector/flat-design-fashion-accessories-logo-pack_23-2148881345.jpg"
]}
speed={40}
showCard={true}
/>
</div>
{/* Testimonials Section */}
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
title="Men Love Our Tees"
description="Real testimonials from men who've made our graphic tees part of their wardrobe"
tag="Reviews"
tagIcon={Heart}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
showRating={true}
testimonials={[
{
id: "1", name: "Alex Johnson", handle: "@alexstyle", testimonial: "Amazing quality and design! The fit is perfect and the graphic print is stunning. I absolutely love wearing these tees—they've become my go-to choice for casual outings and weekend hangouts. The attention to detail in the printing is remarkable!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", imageAlt: "Alex Johnson profile"
},
{
id: "2", name: "Marcus Williams", handle: "@marcusfashion", testimonial: "Great tees with excellent customer service. The designs stand out and compliments keep coming. Highly recommended for any man looking to elevate his style!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", imageAlt: "Marcus Williams profile"
},
{
id: "3", name: "James Park", handle: "@jamesdesign", testimonial: "Incredible designs and top-notch quality. These tees are perfect for making a statement. The durability is exceptional and they look great wash after wash!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-standing-with-closed-posture-putting-hand-face-looking-up-isolated-green-wall_141793-94395.jpg", imageAlt: "James Park profile"
},
{
id: "4", name: "David Chen", handle: "@davidwear", testimonial: "Perfect fit and amazing print quality. I've ordered multiple times now. These are my go-to tees for everything from casual to dressing up a bit!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-man-smiling-with-confidence-portrait_23-2147892758.jpg", imageAlt: "David Chen profile"
},
{
id: "5", name: "Ryan Thompson", handle: "@ryancool", testimonial: "The best graphic tees I've owned. Great for everyday wear, comfortable, and the designs are unique. Worth every penny and highly recommend to all guys!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-looking-aside-against-plain-background_23-2147567118.jpg", imageAlt: "Ryan Thompson profile"
},
{
id: "6", name: "Kevin Lee", handle: "@kevinstyle", testimonial: "Outstanding quality for the price. The material is soft, the fit is true to size, and the graphics look crisp. Already recommended to all my friends!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-portrait-adult-young-man-standing_23-2147562950.jpg", imageAlt: "Kevin Lee profile"
},
]}
carouselMode="buttons"
/>
</div>
{/* Instagram Gallery Section */}
<div id="instagram-gallery" data-section="instagram-gallery">
<BlogCardOne
title="Men's Style Gallery"
description="See how men style their graphic tees"
tag="Social"
tagIcon={Camera}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
blogs={[
{
id: "ig-men-1", category: "Style", title: "Urban Casual Look", excerpt: "Styling our bold graphic tee with jeans and sneakers", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg", imageAlt: "Urban casual men's style", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", date: "Today"
},
{
id: "ig-men-2", category: "Fashion", title: "Smart Casual Vibes", excerpt: "Graphic tee paired with blazer for a polished look", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", imageAlt: "Smart casual men's styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", date: "Yesterday"
},
{
id: "ig-men-3", category: "Trend", title: "Streetwear Statement", excerpt: "Bold graphic tee making a powerful impression", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-posing-outdoor_23-2147642147.jpg", imageAlt: "Streetwear statement men's look", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-standing-with-closed-posture-putting-hand-face-looking-up-isolated-green-wall_141793-94395.jpg", date: "2 days ago"
},
{
id: "ig-men-4", category: "Lifestyle", title: "Everyday Confidence", excerpt: "Premium graphic tee for everyday wear", imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-satisfied-man-posing-with-crossed-arms_23-2147642118.jpg", imageAlt: "Everyday men's confidence style", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/happy-young-man-looking-aside-against-plain-background_23-2147567118.jpg", date: "3 days ago"
},
]}
carouselMode="buttons"
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterCard
logoText="Your Logo"
copyrightText="© 2025 Your Logo. All rights reserved."
socialLinks={[
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
{
icon: Instagram,
href: "https://instagram.com", ariaLabel: "Instagram"
},
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Twitter"
},
{
icon: Facebook,
href: "https://facebook.com", ariaLabel: "Facebook"
},
]}
/>
</div>

2
src/app/page.tsx
View File

@@ -255,4 +255,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
}